:root {
       --paddingLR: 24px;
   }

   section.section--kv {
       margin-bottom: 80px;
       position: relative;
       padding-bottom: 120px;
   }

   .kv__bg__container {
       position: relative;
       z-index: 0;
       max-height: 74vh;
       overflow: hidden;
   }

   .kv__bg__video {
       display: none;
   }

   .kv__bg__white {
       background: #FFF;
       background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
       height: 30vh;
       position: absolute;
       bottom: 0;
       left: 0;
       right: 0;
   }

   .kv__box {
       position: absolute;
       z-index: 5;
       bottom: 0;
       left: 0;
       right: 0;
       margin: auto;
       width: fit-content;
       padding-left: var(--paddingLR);
       padding-right: var(--paddingLR);
       display: flex;
       flex-direction: column;
       gap: 24px;
       width: 100%;
       max-width: var(--section-maxWidth);
   }

   h1.kv__title {
       font-family: var(--fontFamily);
       font-size: 22px;
       font-weight: 700;
       line-height: 150%;
       letter-spacing: 0.88px;
   }

   .kv__subtitle {
       font-size: 16px;
   }

   .kv__author {
       display: flex;
       flex-direction: column;
       align-items: flex-end;
       justify-content: center;
       gap: 4px;
       margin-left: auto;
   }

   .kv__date {
       font-family: var(--fontFamily);
   }

   .kv__name {
       display: flex;
       justify-content: center;
       text-align: right;
       font-size: 12px;
       font-weight: 700;
       line-height: 150%;
       font-family: var(--fontFamily);
   }

   .kv__name span {
       font-family: var(--fontFamily);
   }

   .kv__avatar__container {
       display: flex;
       align-items: center;
   }

   .kv__avatar {
       width: 22px;
       height: 22px;
   }

   .kv__description {
       font-size: 14px;
       font-weight: 500;
       line-height: 170%;
       letter-spacing: 0.56px;
   }

   .kv__bg__img--sp {
       display: block;
   }

   .kv__bg__img--pc {
       display: none;
   }

   .intro__img {
       margin: 0 auto;
       /*max-width: 80%;*/
   }

   @media screen and (min-width: 768px) {
       .kv__bg__container {
           max-height: 60vh;
       }

       h1.kv__title {
           font-size: 28px;
       }

       .kv__subtitle {
           font-size: 20px;
       }

       .kv__name {
           font-size: 16px;
       }

       .kv__avatar {
           width: 30px;
           height: 30px;
       }

       .kv__description {
           font-size: 18px;
       }

       .kv__bg__img--sp {
           display: none;
       }

       .kv__bg__img--pc {
           display: block;
       }
   }

   /* MULT */
   .otonaoshi__section {
       display: flex;
       flex-direction: column;
       gap: 12px;
       padding-bottom: 80px;
   }

   .section__box {
       padding-left: var(--paddingLR);
       padding-right: var(--paddingLR);
       width: 100%;
       align-items: start;
       gap: 12px;
   }

   .otonaoshi__title__container,
   .otonaoshi__title,
   .otonaoshi__subtitle {
       font-family: var(--fontFamily);
   }

   .otonaoshi__title__container {
       display: flex;
       align-items: end;
       gap: 8px;
   }

   .otonaoshi__title {
       font-size: 24px;
       font-weight: 700;
       line-height: 1;
       letter-spacing: 2.4px;
   }

   .otonaoshi__subtitle {
       font-size: 15px;
       font-weight: 700;
       line-height: 1;
       letter-spacing: 1.5px;
   }

   .otonaoshi__maintext {
       font-family: var(--fontFamily2);
       font-size: 14px;
       font-weight: 500;
       line-height: 170%;
       letter-spacing: 0.56px;
       margin-bottom: 20px;
        white-space: pre-line;
   }

   /* INTRO */

   .section--intro .otonaoshi__title {
       font-size: 20px;
       font-weight: 700;
       line-height: 150%;
       /* 30px */
   }

   /* ARTICLE */
   .section--article {}

   .article__heading {
       font-size: 15px;
       font-weight: 700;
       line-height: 150%;
       font-family: var(--fontFamily);
   }

   .article__img__container {
       max-width: 600px;
       margin: 0 auto;
       width: 100%;
   }

   .section--kijisusume {
       background: #FAFAF7;
   }

   .otonaoshi__kijisusume {
       display: flex;
       flex-direction: column;
       width: 100%;
       padding: 10px 0;
       max-width: var(--section-maxWidth);
       margin: 0 auto;
   }

   .kijisusume__title__container {
       padding-left: var(--paddingLR);
       padding-right: var(--paddingLR);
       line-height: 1;
       font-size: 0;
       margin-bottom: 12px;
   }

   .kijisusume__brandname {
       font-size: 15px;
       font-weight: 700;
       line-height: 1;
       letter-spacing: 0.6px;
       font-family: var(--fontFamily);
   }

   .kijisusume__title {
       font-size: 13px;
       font-weight: 700;
       line-height: 150%;
       letter-spacing: 0.52px;
       font-family: var(--fontFamily);
   }

   .otonaoshi__kijisusume-swiper {
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       gap: 12px;
       width: 100%;
       padding-left: var(--paddingLR);
       padding-right: var(--paddingLR);
   }

   .otonaoshi__kijisusume-swiper .slide-imgdiv {
       width: 100%;
   }

   .otonaoshi__kijisusume-swiper .slide-img {
       width: 100%;
   }

   .otonaoshi__kijisusume-swiper .slide-text {
       text-align: center;
       font-size: 16px;
       font-weight: 400;
       line-height: 150%;
   }

   .otonaoshi__kijisusume-thumbs {
       margin-top: auto;
   }

   .otonaoshi__kijisusume-thumbs .swiper-wrapper {
       flex-wrap: wrap;
       justify-content: center;
       align-items: center;
       gap: 8px;
       padding-bottom: 4px;
       padding-right: 2px;
   }

   .otonaoshi__kijisusume-thumbs .swiper-slide {
       width: 30px;
       height: 30px;
       aspect-ratio: 1/1;
       opacity: 1;
       transition: opacity 0.3s ease;
       cursor: pointer;
       border-radius: 50%;
   }

   /* Style for the currently active thumbnail */
   .otonaoshi__kijisusume-thumbs .swiper-slide-thumb-active {
       opacity: .5;
       /* Active slide is fully opaque */
   }

   @media screen and (min-width: 768px) {
       .otonaoshi__title {
           font-size: 32px;
       }

       .otonaoshi__subtitle {
           font-size: 18px;
       }

       .otonaoshi__maintext {
           font-size: 16px;
       }

       /* INTRO */
       .section--intro .otonaoshi__title {
           font-size: 24px;
       }

       /* ARTICLE */
       .article__heading {
           font-size: 18px;
       }

       /* PRODUCTS */
       .kijisusume__brandname {
           font-size: 18px;
       }

       .kijisusume__title {
           font-size: 16px;
       }
   }

   /* インタビューレイアウト */
    .section__title {
        width: 100%;
        margin-bottom: 40px;
    }

   .question {
       font-size: 16px;
       width: 100%;
       line-height: 150%;
   }

   .answer {
       font-size: 16px;
       width: 100%;
       line-height: 150%;
        white-space: pre-line;
   }

   .article__imglink {
       margin: 0 auto;
       max-width: 800px;
   }

   .article__img {
       margin: 40px auto;
       max-width: 800px;
   }

   iframe {
       margin: 40px auto !important;
   }