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


/* -----------------------------------------------------------------------------
   発言者名の色（対談ページで使用）
   .c-text-block__name に付けたクラス名に合わせて色を指定する
   例: <dt class="c-text-block__name personA">苗字A</dt>
   ----------------------------------------------------------------------------- */
.c-text-block__name.personA { color: #105D4C; }
.c-text-block__name.personB { color: #BC3C52; }


/* -----------------------------------------------------------------------------
   ページ固有のその他スタイル（必要に応じて追記）
   ----------------------------------------------------------------------------- */
.page-hitorioya202605 .c-MV-section .c-teacher__block {
   align-items: center;
}
@media screen and (min-width: 501px) {
   .page-hitorioya202605 .c-MV-section .c-teacher__block {
      width: 100%;
   }
}
@media screen and (max-width: 767px) {
   .page-hitorioya202605 .c-MV-section .c-teacher__block {
      width: 100%;
   }
}
.page-hitorioya202605 .l-contents.section_intro .c-note,
.page-hitorioya202605 .l-contents.section_05 .c-note {
   margin-top: -38px;
   text-align: center;
}
@media screen and (max-width: 767px) {
   .page-hitorioya202605 .l-contents.section_intro .c-note,
   .page-hitorioya202605 .l-contents.section_05 .c-note {
      margin-top: -30px;
   }
}
.page-hitorioya202605 .l-contents.section_intro h2.c-heading,
.page-hitorioya202605 .l-contents.section_05 h2.c-heading {
   text-align: center;
}
.page-hitorioya202605 .l-contents h2.c-heading {
   text-align: left;
}
.page-hitorioya202605 .c-real_area {
   color: #000;
}
.page-hitorioya202605 .c-point__title {
   color: #000;
   text-align: center;
   font-feature-settings: 'palt' on;
   font-size: 1.5rem;  /* 24px */
   font-style: normal;
   font-weight: 700;
   line-height: 150%; /* 36px */
}
.page-hitorioya202605 .c-point__title ruby {
   color: #bc3c52;
}
.page-hitorioya202605 .c-real__item {
   text-align: center;
}
.page-hitorioya202605 .c-real__item + .c-real__item {
   margin-top: 24px;
}
.page-hitorioya202605 .c-real__label {
   display: inline-block;
   padding: 0 8px;
   background-color: #bc3c52;
   border-radius: 35px;
   color: #fff;
   font-size: 1rem;  /* 16px */
   font-weight: bold;
   line-height: 1.8;
   text-align: center;
   white-space: nowrap;
   font-feature-settings: 'palt' 1;

}
.page-hitorioya202605 .c-real__label-text {
   line-height: 1;
   vertical-align: -1px;
}
.page-hitorioya202605 .c-real__num {
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 16px;
   height: 16px;
   margin-left: 4px;
   background-color: #fff;
   border-radius: 50%;
   color: #bc3c52;
   font-size: 0.875rem;  /* 14px相当 */
   line-height: 1;
   vertical-align: middle;
}
@media screen and (max-width: 500px) {
   .page-hitorioya202605 .c-real__label-text,
   .page-hitorioya202605 .c-real__num {
      vertical-align: 0;
   }
}
.page-hitorioya202605 .c-real__caption {
   margin-top: 8px;
   font-size: 1rem;  /* 16px */
   font-style: normal;
   font-weight: 700;
   line-height: 180%; /* 28.8px */
}

.page-hitorioya202605 .c-real__image {
   margin-top: 16px;
}

.c-voice_list {
   display: flex;
   flex-direction: column;
   gap: 16px;
}
.page-hitorioya202605 .c-voice_list__item {
   display: flex;
   padding: 16px;
   flex-direction: column;
   align-items: flex-start;
   gap: 10px;
   align-self: stretch;
   border-radius: 8px;
   background-color: #E7EFED;
}

.page-hitorioya202605 .c-voice_list__text {
   color: #000;
   font-feature-settings: 'palt' on;
   font-size: 1rem;  /* 16px */
   font-weight: 400;
   line-height: 180%; /* 28.8px */
}
.page-hitorioya202605 .c-voice_list__detail {
   width: 100%;
   color: #105D4C;
   text-align: right;
   font-feature-settings: 'palt' on;
   font-size: 1rem;  /* 16px */
   font-weight: 700;
   line-height: 180%; /* 28.8px */
}
.page-hitorioya202605 .section_05 figcaption {
   text-align: center;
}

.page-hitorioya202605 .food-aid {
   width: 100%;
}
.page-hitorioya202605 .food-aid__title {
   font-weight: bold;
}
.page-hitorioya202605 .food-aid__title.none-bold {
   font-weight: normal;
}
.page-hitorioya202605 .food-aid__title,
.page-hitorioya202605 .food-aid__text {
   display: inline;
   margin: 0;
}
.page-hitorioya202605 dd.food-aid__text {
   padding: 0;
}
.page-hitorioya202605 .food-aid__text::after {
   content: "";
   display: block;
}
.food-aid__box {
   width: 100%;
}