/*  FV
---------------------------------------------------- */
.kv_wrap {
    background: #f6eba0;
}
.kv_wrap .kv_conts .kv_conts_inner {
    color: #1A1A1A;
}
.kv_wrap .kv_conts .kv_conts_tit {
    border-top: 1px solid #1A1A1A;
}
.kv_wrap .kv_conts .kv_conts_tit .txt {
    /* padding-left: 10px; */
    font-size: 28px; 
}
.kv_wrap .kv_conts .kv_conts_tit .txt::before {
    height: 80%;
    background: #1A1A1A;
}
.kv_wrap .kv_conts .kv_conts_txt {
    border-top: 1px solid #1A1A1A;
    border-bottom: 1px solid #1A1A1A;
}
.kv_wrap .kv_conts .kv_conts_txt p {
    color: #6C533B;
}
.kv_wrap .kv_conts .more img {
    transform: rotate(-90deg);
    width: 41px;
}

@media (max-width: 768px) {
    .kv_wrap .kv_conts .kv_conts_tit {
        border-top: none;
    }
    .kv_wrap .kv_conts .kv_conts_tit .txt {
        margin-top: 8px;
        padding-left: 8px;
        font-size: 4.6154vw; 
        line-height: 1.8;
    }
}

  


/*  PROFILE
---------------------------------------------------- */
.profile_wrap {
    background: #876A4A;
    color: #fff;
    padding-top: 60px;
    padding-bottom: 60px;
}
.profile_wrap h3 {
    font-size: 2.8em;
    font-weight: normal;
    letter-spacing: 0.05em;
    margin-bottom: 24px;
}
.profile_wrap ul {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}
.profile_wrap ul li {
    width: 40.5556%;
    /* 438 */
}

.profile_wrap ul li:nth-child(1) {
    padding-right: 32px;
    border-right: 1px solid #fff;
}
.profile_wrap ul li:nth-child(2) {
    padding-left: 32px;
}


.profile_wrap dl dt {
    position: relative;
}
.profile_wrap dl dt img {
    display: block;
    width: 144px;
    margin: 0 auto 24px;
}
.profile_wrap ul li:nth-child(1) .illust {
    position: absolute;
    top: 50px;
    left: 60px;
    margin: 0;
}
.profile_wrap ul li:nth-child(2) .illust {
    position: absolute;
    top: 50px;
    right: 60px;
    margin: 0;
}

.profile_wrap dl dt small {
    font-size: 1.3em;
    font-weight: 400;
    line-height: 170%;
}
.profile_wrap dl dt p {
    font-size: 2.4em;
    font-weight: 500;
    line-height: 170%;
}
.profile_wrap dl dt span {
    font-family: var(--font-instrument-serif);
    font-size: 1.6em;
    font-weight: 100;
    letter-spacing: 0.05em;
}
.profile_wrap dl dd {
    width: 405px;
    font-size: 1.3em;
    font-weight: 400;
    line-height: 210%;
    text-align: left;
    margin-top: 24px;
}
@media (max-width: 1100px) and (min-width: 769px) {
    .profile_wrap dl dt img {
        width: 13.0909vw;
    }
    .profile_wrap ul li:nth-child(1) .illust {
        width: 12.3636vw;
        top: 4.5455vw;
        left: 5.4545vw;
    }
    .profile_wrap ul li:nth-child(2) .illust {
        width: 12.2727vw;
        top: 4.5455vw;
        right: 5.4545vw;
    }

    .profile_wrap dl dd {
        width: 36.8182vw;
    }
}


@media (max-width: 768px) {
    .profile_wrap {
        padding-top: 15.3846vw;
        padding-bottom: 15.3846vw;
    }
    .profile_wrap h3 {
        font-size: 7.1795vw;
        margin-bottom: 6.1538vw;
    }
    .profile_wrap ul {
        max-width: 100%;
        flex-direction: column;
    }
    .profile_wrap ul li {
        width: 91.7949vw;
        margin: 0 auto;
    }
    .profile_wrap ul li:nth-child(1) {
        padding-right: 0;
        padding-bottom: 8.2051vw;
        border-right: none;
        border-bottom: 1px solid #fff;
    }
    .profile_wrap ul li:nth-child(2) {
        padding-left: 0;
        padding-top: 8.2051vw;
    }

    .profile_wrap ul li:nth-child(1) .illust {
        width: 34.8718vw;
        top: 19.7436vw;
        left: 7.6923vw;
    }
    .profile_wrap ul li:nth-child(2) .illust {
        width: 34.6154vw;
        top: 19.7436vw;
        right: 7.6923vw;
    }
    .profile_wrap dl dt img {
        width: 44.1026vw;
        margin: 0 auto 6.1538vw;
    }
    .profile_wrap dl dt small {
        font-size: 3.3333vw;
    }
    .profile_wrap dl dt p {
        font-size: 6.1538vw;
    }
    .profile_wrap dl dt span {
        font-size: 4.1026vw;
    }
    .profile_wrap dl dd {
        width: 91.7949vw;
        font-size: 3.3333vw;
        margin-top: 6.1538vw;
    }

}



/*  page-detail
---------------------------------------------------- */
.page-detail main {
    padding-bottom: 0;
}
.page-detail main h3 {
    color: #6C533B;
}

.page-detail main .txt_box {
    display: flex;
}
.page-detail main .txt_box + .txt_box {
    margin-top: 12px;
}
.page-detail main .txt_box02 {
    color: #646464;
}
.page-detail main .txt_box b {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    margin-right: 22px;
}
.page-detail main .txt_box b img {
    display: block;
    width: 40px;
}
.page-detail main .txt_box p span {
    background: linear-gradient(
        transparent 60%,
        #F6EBA0 60%
    );
    font-weight: 600;
}


.page-detail main .flex__conts {
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    gap: 72px;
}
.page-detail main .flex__conts_reverse {
    flex-direction: row-reverse;
}
.page-detail main .flex__conts .img_box {
    width: 356px;
}
.page-detail main .flex__conts .page-cont {
    width: 652px;
}


.page-detail main .illust_box01 {
    margin-top: 180px;
}
.page-detail main .illust_box02 {
    margin-top: 224px;
}
.page-detail main .illust_box01 .img01 {
    width: 242px;
    position: relative;
}
.page-detail main .illust_box01 .img01 .bubble {
    /* width: 97px; */
    width: 85px;
    position: absolute;
    /* right: -103px; */
    right: -90px;
    top: 10px;
}
.page-detail main .illust_box01 .img02 {
    width: 195px;
    position: relative;
    margin-left: 123px;
}
.page-detail main .illust_box01 .img02 .bubble {
    width: 95px;
    position: absolute;
    /* left: -98px; */
    left: -105px;
    top: 86px;
}

.page-detail main .illust_box02 .img01 {
    width: 242px;
    position: relative;
    margin-left: 115px;
}
.page-detail main .illust_box02 .img01 .bubble {
    width: 95px;
    position: absolute;
    left: -98px;
    top: 24px;
}
.page-detail main .illust_box02 .illust_box {
    display: flex;
    align-items: flex-end;
    gap: 15px;
    margin-top: -45px;
}
.page-detail main .illust_box02 .illust_box .illust01 {
    display: inline-block;
    width: 107px;
    /* margin-right: 15px; */
}
.page-detail main .illust_box02 .illust_box .illust02 {
    display: inline-block;
    width: 112px;
}


@media (max-width: 768px) {

    .page-detail main#page .cont_inner_small.one_img {
        width: 100vw;
    }

    .page-detail main .txt_box + .txt_box {
        margin-top: 2.0513vw;
    }

    .page-detail main .txt_box b {
        font-size: 3.3333vw;
        margin-right: 4.1026vw;
    }
    .page-detail main .txt_box b img {
        width: 7.9487vw;
    }

    .page-detail main .flex__conts {
        max-width: 100%;
        flex-direction: column;
        gap: 15.3846vw;
    }
    .page-detail main .flex__conts_reverse {
        flex-direction: column;
    }
    .page-detail main .flex__conts .img_box {
        width: 100%;
    }
    .page-detail main .flex__conts .page-cont {
        width: 100%;
    }

    .page-detail main .illust_box01 {
        margin-top: 0;
    }
    .page-detail main .illust_box02 {
        margin-top: 0;
    }
    .page-detail main .illust_box01 .img01 {
        width: 62.0513vw;
        margin-left: -4.1026vw;
    }
    .page-detail main .illust_box01 .img01 .bubble {
        width: 21.7949vw;
        right: -23.0769vw;
        top: 2.5641vw;
    }
    .page-detail main .illust_box01 .img02 {
        width: 50vw;
        margin-top: -14.1026vw;
        margin-left: 45.8974vw;
    }
    .page-detail main .illust_box01 .img02 .bubble {
        width: 24.3590vw;
        left: -26.9231vw;
        top: 22.0513vw;
    }


    .page-detail main .illust_box02 .img01 {
        width: 62.0513vw;
        margin: 0 -4.1026vw 0 auto;
    }
    .page-detail main .illust_box02 .img01 .bubble {
        width: 24.3590vw;
        left: -25.1282vw;
        top: 6.1538vw;
    }
    .page-detail main .illust_box02 .illust_box {
        margin-top: -28.2051vw;
    }
    .page-detail main .illust_box02 .illust_box .illust01 {
        width: 27.4359vw;
        margin-right: 3.8462vw;
    }
    .page-detail main .illust_box02 .illust_box .illust02 {
        width: 28.7179vw;
    }
}



/* swiper common */
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {
    bottom: 10px;
    width: 50px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 0;
  }
  .swiper-button-next, .swiper-button-prev {
    top: auto!important;
    bottom: 0 !important;
    width: 40px !important;
    height: 25px !important;
    z-index: 2 !important;
  }
  .swiper-button-next svg, .swiper-button-prev svg {
    display: none;
  }
  .slider_swiper .swiper-button-prev {
    right: auto;
    left: calc(50% - 70px);
  }
  .slider_swiper .swiper-button-next {
    left: calc(50% - -30px);
  }
  .swiper-button-next::after,
  .swiper-button-prev::after {
    display: block!important;
    content: ''!important;
    width: 40px!important;
    height: 25px!important;
    background: url('../images/icon/slider_arrow.svg') no-repeat !important;
    background-size: 40px !important;
    background-position: bottom;
    transition: height 0.4s ease!important;
    pointer-events: none;
  }
  .swiper-button-next::after {
    transform: rotate(180deg);
  }
  .slider_swiper .swiper-horizontal > .swiper-pagination-bullets span, 
  .slider_swiper .swiper-pagination-horizontal.swiper-pagination-bullets span {
    background: #1A1A1A !important;
    opacity: 0.5;
    width: 5px;
    height: 5px;
    margin: 0 4px !important;
  }
  .slider_swiper .swiper-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet-active, 
  .slider_swiper .swiper-pagination-horizontal.swiper-pagination-bullets span.swiper-pagination-bullet-active {
    background: #1A1A1A !important;
    opacity: 1;
  }





  .slider_swiper {
    margin-top: 120px;
    margin-bottom: 120px;
    position: relative;
  }

  .slider_swiper .swiper-slide {
    opacity: 0.3;
    transition: opacity 0.3s ease;
  }
  .slider_swiper p.slider_txt {
    width: 49.5vw;
    margin: 0 auto;
    font-size: 15px;
    line-height: 210%;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 56px;
  }
  .slider_swiper .swiper-slide-active {
    opacity: 1;
  }



@media (max-width: 768px) {
    .slider_swiper {
        margin-top: 15.3846vw;
        margin-bottom: 15.3846vw;
      }
    .slider_swiper .swiper-slide {
        opacity: 1;
    }
    .slider_swiper p.slider_txt {
        width: 91.7949vw;
        font-size: 3.3333vw;
        margin-top: 2.0513vw;
        margin-bottom: 9.4872vw;
      }
}










.illust {
    transform-origin: center center;
    animation-name: katakata;
    animation-duration: 11000ms;
    animation-iteration-count: infinite;
    animation-timing-function: step-start;
  }
  .illust01 {
    animation-name: katakata01;
  }
  .illust02 {
    animation-name: katakata02;
  }

  @keyframes katakata01 {
    0% {
        transform: translateY(-2px) rotate(6deg);
      }
    
      10% {
          transform: translate(0) rotate(0deg);
      }
      20% {
          transform: translate(0) rotate(-6deg);
      }
      30% {
          transform: translateY(-2px) rotate(0deg);
      }
      40% {
          transform: translateY(-2px) rotate(6deg);
      }
      50% {
          transform: translate(2px) rotate(-2deg);
      }
      60% {
          transform: translateY(2px) rotate(0deg);
      }
      70% {
          transform: translate(0) rotate(6deg);
      }
      80% {
          transform: translate(2px) rotate(-2deg);
      }
      90% {
          transform: translate(0) rotate(0deg);
      }
      100% {
          transform: translateY(-2px) rotate(6deg);
      }
    }

  @keyframes katakata02 {
    0% {
        transform: translateY(2px) rotate(-6deg);
      }
    
      10% {
          transform: translate(0) rotate(0deg);
      }
      20% {
          transform: translate(0) rotate(6deg);
      }
      30% {
          transform: translateY(2px) rotate(0deg);
      }
      40% {
          transform: translateY(2px) rotate(-6deg);
      }
      50% {
          transform: translate(-2px) rotate(2deg);
      }
      60% {
          transform: translateY(-2px) rotate(0deg);
      }
      70% {
          transform: translate(0) rotate(-6deg);
      }
      80% {
          transform: translate(-2px) rotate(2deg);
      }
      90% {
          transform: translate(0) rotate(0deg);
      }
      100% {
          transform: translateY(2px) rotate(-6deg);
      }
    }



  /* @keyframes katakata01 {
    0% {
      transform: rotate(-5deg);
    }
  
    25% {
      transform: rotate(5deg);
    }
  
    40% {
      transform: rotate(5deg);
    }
  
    65% {
      transform: rotate(-5deg);
    }
  
    80% {
      transform: rotate(-5deg);
    }
  
    100% {
      transform: rotate(-5deg);
    }
  }

  @keyframes katakata02 {
    0% {
      transform: rotate(5deg);
    }
  
    25% {
      transform: rotate(-5deg);
    }
  
    40% {
      transform: rotate(-5deg);
    }
  
    65% {
      transform: rotate(5deg);
    }
  
    80% {
      transform: rotate(5deg);
    }
  
    100% {
      transform: rotate(5deg);
    }
  } */




  




  




















@media (min-width: 769px) {
    .page-detail main .sticky-layout {
        align-items: flex-start;
        width: 100%;
    }
    
    .page-detail main .left-column {
        /* flex: 1; */
        position: sticky;
        top: 100px;
    }
    
    .page-detail main .left-sticky {
        width: 100%;
    }
    
    .page-detail main .left-sticky img {
        max-width: 100%;
        height: auto;
        display: block;
    }

    /* .page-detail main .right-column {
        flex: 1;
    } */

}