/* =============================================================================
   css-only.css
   ページ固有スタイル — SCSSコンパイル不要・直接編集してください
   共通スタイルは /yomimono/common/css/style.min.css に定義済み
   ============================================================================= */

.page-kokumin .c-paragraph {
   letter-spacing: normal;
   font-feature-settings: 'palt' on;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 180%; /* 28.8px */
}
.page-kokumin .c-credit {
   font-size: 14px;
   position: static;
   display: block;
   margin-top: 8px;
   text-align: left;
   line-height: 180%;
}
.page-kokumin .section_persons {
   margin-top: 14px;
}
.page-kokumin .section_persons .c-heading {
   text-align: center;
   font-feature-settings: 'palt' on;
   font-size: 40px;
   font-style: normal;
   font-weight: 700;
   line-height: 100%; /* 40px */
}
@media screen and (max-width: 500px) {
   .page-kokumin .section_persons .c-heading {
      font-size: 28px;
   }
}
.page-kokumin .section_persons .p-image__list {
   margin-top: 17px;
   display: flex;
   gap: 24px;
   flex-wrap: wrap;
}
@media screen and (max-width: 500px) {
   .page-kokumin .section_persons .p-image__list {
      margin-top: 0;
      gap: 40px;
   }
}
@media screen and (max-width: 500px) {
   .page-kokumin .section_persons .p-image__list .p-image__item .p-image__text {
      margin-bottom: 0 !important;
   }
   .p-image__list .p-image__item+.p-image__item {
      margin-left: 0;
   }
}

.page-kokumin .chronology--term {
   font-feature-settings: 'palt' on;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 180%; /* 28.8px */
}
.page-kokumin .main-contents .chronology--desc {
   padding: 0;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 180%;
}
.page-kokumin .chronology--note {
   display: block;
   color: #D80C18;
   font-feature-settings: 'palt' on;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 180%;
}
@media screen and (max-width: 500px) {
   .page-kokumin .section_01 h2.c-heading,
   .page-kokumin .section_02 h2.c-heading,
   .page-kokumin .section_03 h2.c-heading {
      text-align: left;
   }
}

.page-kokumin .section_01 h2.c-heading {
   margin-top: 32px;
}
.page-kokumin .c-point {
   align-items: flex-start;
   margin-top: -15px;
}
.page-kokumin .c-point .c-point__heading {
   text-align: center;
   font-feature-settings: 'palt' on;
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%; /* 36px */
}
@media screen and (max-width: 501px) {
   .page-kokumin .c-point .c-point__heading {
      font-size: 20px;
   }
}

.page-kokumin .c-heading--ff-gothic {
   font-style: normal;
   font-weight: 700;
   line-height: 150%; /* 36px */
}
.page-kokumin .c-section-border {
   width: 81px;
   height: 1px;
   background-color: #8b7f78;
   border-radius: 1px;
   margin: 8px auto;
   border: none;
}
.page-kokumin .section_02 .c-point {
   align-items: center;
   text-align: center;
}

@media screen and (max-width: 500px) {
   .page-kokumin .section_02 .c-point .c-point__heading {
      font-size: 20px;
   }
   .page-kokumin .section_02 .c-point .c-point__lead {
      text-align: left;
   }
}
.page-kokumin .section_02 .c-point .c-point__lead {
   margin-top: 8px;
   font-feature-settings: 'palt' on;
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: 180%; /* 28.8px */
}

.page-kokumin .section_02 .c-point .c-point__question {
   font-feature-settings: 'palt' on;
   font-size: 16px;
   font-style: normal;
   font-weight: 700;
   line-height: 180%; /* 28.8px */
}
@media screen and (max-width: 500px) {
   .page-kokumin .section_02 .c-point .c-point__question {
      text-align: left;
      width: 100%;
   }
   .page-kokumin .c-point__image {
      max-width: 100%;
   }
}
.page-kokumin .c-point__q-mark {
   color: #D80C18;
}


.p-image__button .c-button--ButtonS-gray {
   background: #8b7f78;
   padding: 8px 40px;
   margin: 12px auto 0;
}
.p-image__button .c-button--ButtonS-gray span {
   color: #fff;
}
@media screen and (min-width: 501px) {
   .p-image__button .c-button--ButtonS-gray span {
      font-size: 16px;
   }
}

.c-point__image {
   margin: 0 auto;
}
.p-image__button a:hover {
   opacity: .64;
}

@media screen and (min-width: 501px) {
   .c-point__image {
      max-width: max-content;
   }
}

.c-point--bg-beige {
   background-color: #F3F1EF;
}
.c-point.c-point--bg-beige {
   border: none;
}
.page-kokumin .section_03 .c-point img {
   box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.25);
   max-width: 100%;
}