@charset "UTF-8";
@import url("global.css");
/* ------------------------------
 Index
------------------------------ */
.list {
  margin-bottom: 80px; }
  .list li {
    border-bottom: 1px solid #DADDD8;
    padding-bottom: 30px;
    margin-bottom: 30px; }
    .list li .inner {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .list li .inner .img_thumb {
        width: 120px; }
        .list li .inner .img_thumb .img {
          width: 100%;
          height: 0;
          padding-top: 66%;
          position: relative;
          overflow: hidden; }
          .list li .inner .img_thumb .img img {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0; }
      .list li .inner .text_area {
        flex: 1;
        padding-left: 40px; }
        .list li .inner .text_area .post_date {
          line-height: 1.2;
          font-size: clamp(16px, 2.3vw, 18px);
          font-family: "Lateef", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
        .list li .inner .text_area .post_title {
          line-height: 1.45;
          font-size: clamp(15px, 2.3vw, 18px);
          font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }

/* ------------------------------
 Entry
------------------------------ */
.post .post_title {
  text-align: center;
  line-height: 1.5;
  margin-bottom: 20px;
  font-size: clamp(20px, 3.1vw, 26px);
  font-family: "Zen Old Mincho", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.post .post_date {
  text-align: center;
  line-height: 1.2;
  margin-bottom: 60px;
  color: #707070;
  font-size: clamp(16px, 2.8vw, 20px);
  font-family: "Lateef", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif; }
.post .btn_pdf {
  width: 300px;
  margin: 30px auto 0; }
  .post .btn_pdf a {
    display: block;
    text-align: center;
    background-color: #DADDD8;
    height: 50px;
    line-height: 50px; }
    .post .btn_pdf a::after {
      content: "\f1c1";
      font-size: 21px;
      font-weight: 900;
      font-family: "Font Awesome 6 free", "Font Awesome 6 Brands";
      display: inline-block;
      margin-left: 10px;
      vertical-align: -1px;
      opacity: .5; }
    .post .btn_pdf a:hover {
      background-color: #F3F3F3; }
.post #postbody {
  text-align: center;
  max-width: 900px;
  padding-bottom: 100px;
  margin: 0 auto; }
  .post #postbody .postbody {
    text-align: left;
    display: inline-block;
    font-size: 16px; }
    .post #postbody .postbody p {
      line-height: 2.2; }
      .post #postbody .postbody p + p {
        margin-top: 20px; }

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 (1400px)

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 1300px )

------------------------------------------------------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 960px )

------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  /* ------------------------------
   Index
  ------------------------------ */
  .list li .inner .text_area {
    padding-left: 30px; } }
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-4 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  /* ------------------------------
   Index
  ------------------------------ */
  .list li {
    padding-bottom: 20px;
    margin-bottom: 20px; }
    .list li .inner .img_thumb {
      width: 80px; }
      .list li .inner .img_thumb .img {
        padding-top: 100%; }
    .list li .inner .text_area {
      padding-left: 20px; }

  /* ------------------------------
   Entry
  ------------------------------ */
  .post .post_title {
    margin-bottom: 10px; }
  .post .post_date {
    margin-bottom: 50px; }
  .post .btn_pdf {
    width: 80%; } }