@charset 'utf-8';
/*
 * name:lp2026.css
 * author:nulo
*/

/* lp2026
------------------------------------------------ */

.page--lp2026 .section-pages-visual { margin-top: 0; }
.s-rooms .row { max-width: calc( 132em + 40px ); }

    @media only screen and (min-width: 768px) {
        .section--desc { text-align: center; }
    }
    @media only screen and (max-width: 768px) {
        .page--lp2026 .section-pages-visual { padding: 2.38em 0; }
        .section-pages-visual .page-header__title .en { margin-bottom: .15em; }
        .page--lp2026 .miya-pages-visual { padding: 1.1em 0; }
        .miya-pages-visual .page-header__title .en img { height: 1.62em; }
    }

button.mfp-close { font-size: 1rem; width: 6em; height: 6em; color: transparent; opacity: 1; top: 6em !important; right: 6em; }
button.mfp-close:before,
button.mfp-close:after { content: ''; display: block; width: 6em; height: .2em; background: #fff; overflow: hidden; position: relative; transform: rotate(45deg); position: absolute; left: 0; top: 50%; }
button.mfp-close:after { transform: rotate(-45deg); }

    @media only screen and (min-width: 768px) and ( max-width: 1920px ) {
        button.mfp-close { font-size: .52vw; }
    }

    @media only screen and (max-width: 768px) {
        button.mfp-close { font-size: 1rem; width: 3.4em; height: 3.4em; top: 3em !important; right: 3em; }
        button.mfp-close:before,
        button.mfp-close:after { width: 3.4em; height: .2em; }
    }

    @media only screen and (max-width: 374px) {
        button.mfp-close { font-size: 2.65vw; }
    }

/* section welcome */
#welcome {  }
#welcome .hero__txt { padding-bottom: 13.5em; }
#welcome .hero__txt__sub { display: block; text-align: center; margin-top: 1em; }
#welcome .hero__txt__sub span { font-size: 1.6em; line-height: 1.88em; color: #F3E08A; padding: 0 1.25em; display: inline-block; background: url(../../img/lp2026/bg-sub.png) no-repeat; background-size: 100% 100%; }

    @media only screen and (max-width: 768px) {
        #welcome .hero__txt { padding: 0; }
        #welcome .hero__txt__sub span { font-size: 1.4em;  line-height: 1.78; padding: 0 1.28em; }
    }

/* section miya */
#miya { padding: 13em 0 15em; }
.miya__desc--cmn { font-size: 3em; font-weight: 300; text-align: center; line-height: 1.5; }
.miya__desc--price { font-size: 1.5em; line-height: 2; text-align: center; margin-top: 2.66em; }
.miya__desc--price span { font-size: 2em; line-height: 1; display: inline-block; }
.miya__desc--note { font-size: 1.2em; line-height: 1.5; text-align: center; margin-top: .416em; }
.miya__lists { display: flex; flex-wrap: wrap; max-width: 132em; margin: 0 auto; margin-top: 5em; position: relative; }
.miya__list { display: block; position: relative; width: 30.3%; margin-right: 4.55%; }
.miya__list:nth-child(3n) { margin-right: 0; }
.miya__list:nth-child(n+4) { margin-top: 4.55%; }
.miya__list--pic { display: block; overflow: hidden; margin-bottom: 3em; }
.miya__list--pic img { width: 100%; height: auto; border-radius: .5em; }
.miya__list--tlt { font-size: 2.5em; line-height: 1.5; }
.miya__list--desc { font-size: 1.5em; line-height: 2; margin-top: 1.33em; }

    @media only screen and (min-width: 768px) {
        .miya__list--desc { display: block !important; }
    }

    @media only screen and (max-width: 768px) {
        #miya { padding: 2em 0 8em; }
        .miya__desc { max-width: 22em; display: block; margin: 0 auto; }
        .miya__desc--cmn { font-size: 1.5em; line-height: 2; font-weight: bold; position: relative; width: calc( 100vw - 2.66em ); left: 50%; transform: translateX(-50%); }
        .miya__desc--price { font-size: 1.3em; line-height: 2.3; margin-top: .76em; text-align: left; width: 110%; }
        .miya__desc--note { margin-top: .83em; text-align: left; }
        .miya__lists { margin-top: 3em; }
        .miya__list { display: block; width: 100%; padding: 1.5em 0; border-top: 1px solid #DBDBDB; margin: 0 !important; }
        .miya__list:last-child { border-bottom: 1px solid #DBDBDB; }
        .miya__list--pic { display: block; width: 23.88%; margin-bottom: 0; }
        .miya__list--tlt { font-size: 1.8em; line-height: 1.7; width: 100%; height: calc( 21.33vw + 1.66em ); display: flex; align-items: center; position: absolute; left: 0; top: 0; padding: .83em 0; padding-left: calc( 23.88% + 1.11em ); padding-right: 1.94em; box-sizing: border-box; z-index: 2; }
        .miya__list--tlt:after,
        .miya__list--tlt:before { content: ''; display: block; position: absolute; right: .66em; top: calc( 50% - .05em ); width: .88em; height: .11em; background: #CB9B0C; border-radius: 2em; }
        .miya__list--tlt:before { transform: rotate(90deg); }
        .miya__list--tlt.on:before { opacity: 0; }
        .miya__list--desc { margin-top: 1em; display: none; }
    }

/* section rooms */
#rooms { padding: 15em 0; background: #F5F5F5; }
.rooms__btn { max-width: 78.8em; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; }
.rooms__btn--lists { width: 47.82%; margin: 0; }
.rooms__btn--lists a { height: 5em; }
.rooms__btn--lists .block-btn--text { margin-bottom: 1.4em; }
.rooms__btn--lists .block-btn--arrow { width: 1.5em; height: .55em; top: calc( 50% - 0.1675em ); transform: rotate(90deg); }
.rooms__btn--lists:first-child a { background-image: url(../../img/lp2026/btn-villaPool.png); background-repeat: no-repeat; background-size: 100% 100%; }
.rooms__btn--lists:last-child a { background-image: url(../../img/lp2026/btn-villaQueen.png); background-repeat: no-repeat; background-size: 100% 100%; }
.rooms__btn--lists:first-child a { color: #fff; font-weight: bold; }
.rooms__btn--lists:last-child a { color: #F3E08A; font-weight: bold; }
.rooms__detail { margin-top: 10.8em; }
.rooms__detail--block:not(:last-child) { margin-bottom: 15em; }
.rooms__detail__slide { display: block; overflow: hidden; position: relative; width: 100%; height: 53.3em; border-radius: .5em; }
.rooms__detail__slide .btn-popup { position: absolute; left: 0; top: 0; display: block; width: 100%; height: 100%; transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.rooms__detail__slide .btn-popup:after,
.rooms__detail__slide .btn-popup:before { content: ''; display: block; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); z-index: 2; }
.rooms__detail__slide .btn-popup:before { width: 10em; height: 10em; border: .2em solid #ccc; background: rgba(19, 19, 19, .2); border-radius: 50%; }
.rooms__detail__slide .btn-popup:after { border-top: 1.1em solid transparent; border-bottom: 1.1em solid transparent; border-left: 1.8em solid white; }
.rooms__detail__slide .btn-popup picture:before { content: ''; content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: rgba(19, 19, 19, 0); transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.rooms__detail__desc { display: flex; flex-wrap: wrap; justify-content: space-between; max-width: 110em; margin: 8em auto 0; }
.rooms__detail__desc--head { width: calc( 35.9% - 2em ); }
.rooms__detail__desc--body { width: calc( 100% - 35.9% ); }
.rooms__detail__desc--cmn { text-align: left; }
.rooms__detail__desc--size { font-size: inherit; display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 2.5em; }
.rooms__detail__desc--size li { font-size: 1.5em; line-height: 2; display: flex; flex-wrap: wrap; align-items: center; }
.rooms__detail__desc--size li:nth-child(n+5) { margin-top: 1em; }
.rooms__detail__desc--size li span { display: inline-block; background: #fff; text-align: center; min-width: 5.53em; padding: 0 .33em; margin-right: .66em; }
.rooms__detail__desc--size li sup { display: inline-block; font-size: 65%; }
.rooms__detail__desc--more { max-width: 60em; margin-top: 5em; }
.rooms__detail__desc--more li { width: 47.8%; }
.rooms__detail__desc--more li:nth-child(2n) { margin-left: 4.4%; }
.rooms__detail__desc--more li:nth-child(n+3) a,
.rooms__detail__desc--more li:nth-child(n+3) span { color: #BC980E; margin-top: 2em; }
.rooms__detail__desc--more li a,
.rooms__detail__desc--more li span { width: 100%; }
.rooms__detail__desc--more li a small { font-size: 133%; line-height: 1.1; }
.rooms__detail__desc--more li span.btn-popup small { font-size: 100%; position: relative; display: block; padding-left: 1.86em; }
.rooms__detail__desc--more li span.btn-popup small:before { content: ''; display: inline-block; width: 1.26em; height: 1.66em; position: absolute; left: 0; top: 0; background: url(../../img/common/icon-zoom.svg) no-repeat; background-size: 100%; transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }

    @media only screen and (min-width: 768px) {
        /*.rooms__btn--lists:first-child a:hover { background: url(../../img/information/btn-villaPool-Lhover.png) no-repeat; background-size: 100% 100%; }
        .rooms__btn--lists:last-child a:hover { background: url(../../img/information/btn-villaQueen-Lhover.png) no-repeat; background-size: 100% 100%; }*/
        .rooms__btn--lists a:hover { opacity: .8; }
        .rooms__detail__slide .btn-popup:hover picture:before { background: rgba(19, 19, 19, .5); }
    }

    @media only screen and (max-width: 768px) {
        #rooms { padding: 4em 0 8em; }
        .rooms__btn { max-width: 30em; flex-direction: column; }
        .rooms__btn--lists { width: 100%; }
        .rooms__btn--lists a { height: 3.2em; }
        .rooms__btn--lists .block-btn--text { font-size: .77em; }
        .rooms__btn--lists .block-btn--arrow { width: 1.3em; height: .475em; }
        .rooms__btn--lists:not(:last-child) { margin-bottom: .83em; }
        .rooms__btn--lists:first-child a { background: url(../../img/lp2026/btn-villaPool_sp.png) no-repeat; background-size: 100% 100%; }
        .rooms__btn--lists:last-child a { background: url(../../img/lp2026/btn-villaQueen_sp.png) no-repeat; background-size: 100% 100%; }
        .rooms__detail { margin-top: 5em; }
        .rooms__detail--block:not(:last-child) { margin-bottom: 10em; }
        .rooms__detail__slide { width: calc( 100% + 40px ); margin-left: -20px; height: 0; padding-bottom: 61vw; border-radius: 0; }
        .rooms__detail__slide .btn-popup:before { width: 8em; height: 8em; }
        .rooms__detail__slide .btn-popup:after { border-top: .7em solid transparent; border-bottom: .7em solid transparent; border-left: 1.2em solid white; }
        .rooms__detail__desc { flex-direction: column; margin: 4em auto 0; }
        .rooms__detail__desc--head { width: 100%; margin-bottom: 2em; }
        .rooms__detail__desc--body { width: 100%; }
        .rooms__detail__desc--size { margin-top: 2.5em; }
        .rooms__detail__desc--size li { width: calc( 50% - .33em ); margin-right: .66em; }
        .rooms__detail__desc--size li:nth-child(n+3) { margin-top: .66em; }
        .rooms__detail__desc--size li:nth-child(2n) { margin-right: 0; }
        .rooms__detail__desc--size li span { font-size: 86%; line-height: 2.23; min-width: 5.76em; }
        .rooms__detail__desc--more { max-width: 30em; margin: 5em auto 0; justify-content: center }
        .rooms__detail__desc--more li { width: 100%; }
        .rooms__detail__desc--more li:nth-child(2n) { margin-left: 0; }
        .rooms__detail__desc--more li:nth-child(n+2) a,
        .rooms__detail__desc--more li:nth-child(n+2) span { margin: 0; }
    }

.rooms__cont__maps__popup { font-size: 1rem; position: relative; display: block; max-width: 90em; margin: 10em auto; }
.rooms__cont__maps__popup--frame { background: #fff; padding: 7em 5em; box-sizing: border-box; }
.rooms__cont__maps__popup--btn { display: block; width: 4.8em; position: absolute; top: 50%; transform: translateY(-50%); }
.rooms__cont__maps__popup--btn span { cursor: pointer; display: block; }
.rooms__cont__maps__popup--btn span img { width: 100%; height: auto; }
.rooms__cont__maps__popup--prev { left: -15em; }
.rooms__cont__maps__popup--next { right: -15em; }
.rooms__cont__maps__popup--tlt { max-width: 78em; display: block; margin: 0 auto 4.2em; }
.rooms__cont__maps__popup--img { max-width: 68.6em; display: block; margin: 0 auto; }

    .rooms__cont__video__popup { max-width: 100em; }
    .rooms__cont__video__popup .rooms__cont__maps__popup--frame { padding: 0 2em !important; background: none; }
    .rooms__cont__video__popup .rooms__cont__maps__popup--frame video { background: #000; }

    @media only screen and (min-width: 768px) and (min-height: 400px) and (max-height: 1080px) {
        .rooms__cont__maps__popup { max-width: 81.4vh; margin: 9.3vh auto; }
        .rooms__cont__maps__popup--frame { padding: 6.5vh 4.6vh; }
        .rooms__cont__maps__popup--tlt { max-width: 72.2vh; margin-bottom: 3.9vh; }
        .rooms__cont__maps__popup--img { max-width: 63.5vh; }

        .rooms__cont__video__popup { max-width: 100vh; }
    }

    @media only screen and (min-width: 768px) and ( max-width: 1920px ) {
        .rooms__cont__maps__popup { font-size: .52em; }
    }

    @media only screen and (max-width: 768px) {
        .rooms__cont__maps__popup--frame { padding: 3em 1.5em; }
        .rooms__cont__maps__popup--btn { display: block; width: 1.6em; position: absolute; top: calc( 100% + 3em ); left: 50%; transform: translate(-50%, 0); }
        .rooms__cont__maps__popup--prev { left: calc( 50% - 6em ); }
        .rooms__cont__maps__popup--next { left: calc( 50% + 6em ); right: 0; }
        .rooms__cont__maps__popup--tlt { max-width: 100%; margin-bottom: 2em; }
        .rooms__cont__maps__popup--img { max-width: 100%; }
    }
    @media only screen and (max-width: 374px) {
        .rooms__cont__maps__popup { font-size: 2.65vw; }
    }

#pages { padding-bottom: 0; }
#pages.pages-access .row { max-width: calc( 120em + 40px ); }

/* section activity */
.pages-access {  }
.pages-access .headline { margin-bottom: 10em; }
.pages-access .headline__title { font-size: 3em; font-weight: 300; letter-spacing: .07em; line-height: 1.5; }
.pages-access .headline__title > span { display: block; }
.access__block { display: block; position: relative; }
.access--break { display: block; position: relative; }
.access--break:not(:last-child) { margin-bottom: 15em; }
.access--title { font-size: 3em; letter-spacing: .07em; line-height: 1.5; text-align: center; margin-bottom: 1.66em; }
.access__air { display: block; position: relative; }
.access__airport { display: block; position: relative; }
.access__airport:not(:last-child) { margin-bottom: 12em; }
.access__airport--title { font-size: 1.8em; font-weight: bold; letter-spacing: .07em; line-height: 1.7; margin-bottom: 1.66em; }
.access__airport--flow { display: flex; flex-wrap: wrap; }

    @media only screen and (max-width: 768px) {
        .pages-access .headline { margin-bottom: 5em; }
        .pages-access .headline__title { font-size: 2.2em; }
        .access--break:not(:last-child) { margin-bottom: 8em; }
        .access--title { font-size: 1.8em; margin-bottom: 1.38em; }
        .access__airport:not(:last-child) { margin-bottom: 8em; }
        .access__airport--title { font-size: 1.6em; margin-bottom: 1em; }
        .access__airport--flow { display: block; }
    }

.flow-box { width: 13em; height: 55em; display: flex; flex-direction: column; justify-content: space-between; align-items: center; box-sizing: border-box; text-align: center; }
.flow-box:first-child { margin-right: 52em; }
.flow-box:nth-of-type(2) { margin-right: 29em; }
.flow-box__inside { background: #EFEFEF; border: 1px solid #DBDBDB; border-radius: .33em; position: relative; height: 100%; width: 100%; display: flex; justify-content: center; align-items: center; flex-direction: column; }
.flow-box__inside-03 { height: 16em; }
.flow-box__inside-04 { height: 9em; }
.flow-box__inside-go { border: none; background: linear-gradient(45deg, #8b6b27 0%, #af911e 47.78%, #e1cf92 100%);  }
.flow-box__inside__next { background: #EFEFEF; border: 1px solid #DBDBDB; border-radius: .33em; position: absolute; display: block; width: 13em; height: 50%; top: 50%; left: calc( 100% + 19.5em ); display: flex; flex-direction: column; justify-content: center; align-items: center; }
.flow-box__inside__text { display: block; position: relative; }
.flow-box__inside__text .it-txt { font-size: 1.5em; letter-spacing: .07em; line-height: 1.2; }
.flow-box__inside__text .it-txt small { font-size: 86%; display: inline-block; }
.flow-box__inside__text .it-txt:before { content: ''; display: block; margin: 0 auto .8em; width: 1.7em; height: .66em; background-image: url(../../img/access/icon-plane.svg); background-repeat: no-repeat; background-size: 100% 100%; }
.flow-box__inside__logo { display: block; }
.flow-box__inside__logo img { width: 11em; height: auto; }
.flow-box__inside__move { position: absolute; width: calc( 52em - .5em ); height: 0; left: 100%; border-bottom: 1px dashed #7E7E7E; }
.flow-box__inside__move:after { content: ''; display: block; position: absolute; right: 0; top: calc( 50% - .2325em ); width: .759em; height: .565em; background-image: url(../../img/access/icon-arrow.svg); background-repeat: no-repeat; background-size: 100% 100%; }
.flow-box__inside__move.ti-25 { top: 25%; }
.flow-box__inside__move.ti-33 { top: 33%; }
.flow-box__inside__move.ti-66 { top: 66%; }
.flow-box__inside__move.ti-60 { top: 66%; }
.flow-box__inside__move.ti-50 { top: 50%; }
.flow-box__inside__move .in-arrt { font-size: 1.3em; line-height: 1.5; letter-spacing: .07em; width: 100%; padding: 0 .65em; display: block; position: absolute; left: 50%; transform: translateX(-50%); box-sizing: border-box; }
.flow-box__inside__move .in-arrtI:before { content: ''; display: inline-block; vertical-align: middle; margin-right: .769em; width: 1.4em; height: 1.44em; background-image: url(../../img/access/icon-car.svg); background-repeat: no-repeat; background-size: 100% 100%; }
.flow-box__inside__move .in-arrtIV:before { background-image: url(../../img/access/icon-van.svg); }
.flow-box__inside__move .in-arrtT { bottom: 50%; padding-bottom: 0.769em; }
.flow-box__inside__move .in-arrtB { top: 50%; padding-top: 0.769em; }
.flow-box__inside__move .in-arrt .in-links { position: relative; padding-right: 2.839em; line-height: 2; display: inline-block; color: #CB9B0C; margin-top: .386em; }
.flow-box__inside__move .in-arrt .in-links:after,
.flow-box__inside__move .in-arrt .in-links:before { content: ''; display: inline-block; vertical-align: middle; position: absolute; right: 0; top: .8em; height: .769em; width: 2.07em; background-image: url(../../img/common/icon-arrow-box-g.svg); background-repeat: no-repeat; background-size: 100% 100%; -webkit-transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); transition: 0.8s cubic-bezier(0.16, 1, 0.3, 1); }
.flow-box__inside__move .in-arrt .in-links:before { opacity: 0; -webkit-transform: translateX(-25%); transform: translateX(-25%); -webkit-transition-delay: 0.2s; transition-delay: 0.2s; }
.flow-box__inside__move .in-arrt .in-links:hover:after { opacity: 0; -webkit-transform: translateX(50%); transform: translateX(50%); }
.flow-box__inside__move .in-arrt .in-links:hover:before { opacity: 1; -webkit-transform: translateX(25%); transform: translateX(25%); -webkit-transition-delay: 0; transition-delay: 0; }
.flow-box__inside__next .flow-box__inside__move { width: calc( 19.5em - .5em ); }
.flow-box__inside__next .flow-box__inside__move.ti-ba { left: auto; right: calc( 100% + .5em ); }
.flow-box:nth-of-type(2) .flow-box__inside__move { width: calc( 29em - .5em ); }
    
    /* 2n */
    .access__airport:nth-of-type(2) .flow-box { height: 60.5em; }

    @media only screen and (max-width: 768px) {
        .flow-box { width: 100%; height: 10em; flex-direction: row; }
        .flow-box__inside-03,
        .flow-box__inside-04 { height: 10em; }
        .flow-box__inside-01,
        .flow-box__inside-go { height: 8em; }
        .flow-box__inside__logo img { width: 8em; }
        .flow-box__inside { width: 29.85%; }
        .flow-box__inside__next { width: 4.5em; height: 8em; left: 0; top: calc( 100% + 5.4em ); }
        .flow-box__inside__move { width: 0; top: 100% !important; left: calc( 100% - 2.7em ); bottom: 100%; height: 18.6em; border: none; border-left: 1px dashed #7E7E7E; }
        .flow-box__inside__move:after { height: .8em; top: calc( 100% - .7em ); right: calc( 50% - .35em ); transform: rotate(90deg); }
        .flow-box__inside__move.ti-33 { left: 33%; }
        .flow-box__inside__move.ti-66 { left: 66%; }
        .flow-box__inside__move.ti-60 { left: 50%; }
        .flow-box__inside__move.ti-50 { left: 50%; }
        .flow-box__inside__move .in-arrt { font-size: 1.2em; padding: 0; width: 4em; left: .2em; bottom: auto; top: 50%; transform: translateY(-50%); }
        .flow-box__inside__move .in-arrtI { width: 6em; left: auto; right: .3em; }
        .flow-box__inside__move .in-arrtB { width: 7em; left: .3em; text-align: left; }
        .flow-box__inside__move .in-arrt .in-links { display: none; }
        .flow-box__inside__text .it-txt small { font-size: .8em; margin: 0 -1em; }
        .flow-box__inside__next .flow-box__inside__move { left: 1.2em; width: 0; height: 5.3em; }
        .flow-box__inside__next .flow-box__inside__move.ti-ba { left: 1.2em; right: auto; bottom: 100%; top: auto !important; }

            .flow-box__inside__move.ti-l .in-arrt { width: 15.5em; top: calc( 50% - .66em ); left: -6.6em; transform: rotate(90deg); }
            .flow-box__inside__move .in-arrtI

        .flow-box:nth-child(n+2) { height: 8em; }
        .flow-box:nth-child(n+2) .flow-box__inside { width: 100%; }

        .flow-box:nth-of-type(1) { margin-bottom: 17.6em; }
        .flow-box:nth-of-type(2) { margin-bottom: 9.8em; }
        .flow-box:nth-of-type(2) .flow-box__inside__move { width: 0; height: 11.8em; }

        /* 2n */
        .access__airport:nth-of-type(2) .flow-box { height: 10em; }
        .access__airport:nth-of-type(2) .flow-box:first-child .flow-box__inside { width: 23.88%; }
        .access__airport:nth-of-type(2) .flow-box__inside__move:not(.ti-33):not(.ti-66):not(.ti-60):not(.ti-50) { left: calc( 100% - 1.7em ); }
        .access__airport:nth-of-type(2) .flow-box__inside__next .flow-box__inside__move { left: .8em; }
        .access__airport:nth-of-type(2) .flow-box__inside__next .flow-box__inside__move.ti-ba { left: .8em; }
        .access__airport:nth-of-type(2) .flow-box__inside__move .in-arrtB { width: 9em; }
    }

.access--btn { margin-top: 5.55em; }
.access--maps { position: relative; margin-top: 13em; width: 100vw; height: 48em; left: 50%; transform: translateX(-50%); }
.access--maps iframe { position: absolute; left: 0; top: 0; width: 100%; height: 100%; }

    @media only screen and (max-width: 767px) {
        .access--btn { margin-top: 3.05em; }
        .access--maps { margin-top: 8em; height: 33em; }
    }

.page--lp2026 .section-hero { padding-top: 8.6em; }

    @media only screen and (max-width: 767px) {
        .page--lp2026 .section-hero { padding: 0; height: initial !important; }
    }

@media only screen and (max-width: 767px) {
    .page--lp2026 .section-hero .content { display: block; justify-content: space-between; flex-flow: column; height: initial !important; }
}

.page--lp2026 .section-hero .hero__txt { text-align: center; padding-bottom: 13.5em; }

@media only screen and (max-width: 767px) {
    .page--lp2026 .section-hero .hero__txt { padding-bottom: 0; height: 13.5em; padding-top: 67px; display: flex; flex-flow: column; justify-content: center; align-items: center; }
}

.page--lp2026 .section-hero .hero__txt__title { font-size: 4.2em; letter-spacing: 0.07em; }
.page--lp2026 .section-hero .hero__txt__title .randomfade:nth-of-type(2) { margin-left: -.45em; }

@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .hero__txt__title { font-size: 1.9em; }
}
.page--lp2026 .section-hero .hero__txt__title > span { display: block; }
.page--lp2026 .section-hero .hero__txt__open { font-size: 4.3em; letter-spacing: 0.15em; }
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .hero__txt__open { font-size: 1.9em; }
}
.page--lp2026 .section-hero .video { width: 100%; padding-top: 38.65%; position: relative; overflow: hidden; }
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .video { padding-top: 88%; }
}

@media only screen and (max-width: 414px) {
  .page--lp2026 .section-hero .video { padding-top: 53.33vw; }
}

@media only screen and (max-width: 320px) {
  .page--lp2026 .section-hero .video { padding-top: 88%; }
}

.page--lp2026 .section-hero .video::before { content: ""; display: block; width: 100%; height: 100%; background: transparent linear-gradient(152deg, #FFFFFF 0%, #FDFDFD 23%, #242424 100%) 0% 0% no-repeat; mix-blend-mode: color-burn; opacity: 0.3; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; pointer-events: none; }
.page--lp2026 .section-hero .video .mv-txt { position: absolute; bottom: 5.3%; right: -13.8%; z-index: 2; width: 34.9%; transform: translate(-50%, -50%) rotate(-14deg); }
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .video .mv-txt { width: 64%; bottom: 3%; right: -33%; }
}
.page--lp2026 .section-hero .video .mv-txt img { width: 100%; opacity: 0.37; }
.page--lp2026 .section-hero .video video { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .video video { height: 100%; object-fit: cover; }
}
@media only screen and (min-width: 768px) {
  .page--lp2026 .section-hero .video .scroll { display: none; }
}
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .video .scroll { color: #fff; font-size: 1.2rem; position: absolute; bottom: 0; right: 0; z-index: 9; font-weight: bold; display: flex; flex-flow: row wrap; justify-content: flex-start; align-items: flex-start; margin-right: 13px; padding-right: 1px; overflow: hidden; padding-top: 3px; }
}
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .video .scroll-txt { line-height: 1; margin-top: -3px; }
}
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .video .scroll-line { width: 1px; height: 47px; display: block; background: #fff; margin-left: 10px; position: relative; }
}
@media only screen and (max-width: 767px) {
  .page--lp2026 .section-hero .video .scroll-line__inr { width: 2px; height: 13px; display: block; background: #fff; position: absolute; top: 0%; left: 50%; transform: translate(-50%, 0%); -webkit-animation: scrollLine 2000ms infinite ease; animation: scrollLine 2000ms infinite ease; }
}
@-webkit-keyframes scrollLine {
  0% {
    top: -10%;
  }
  60% {
    top: 100%;
  }
  100% {
    top: 100%;
  }
}
@keyframes scrollLine {
  0% {
    top: -10%;
  }
  60% {
    top: 100%;
  }
  100% {
    top: 100%;
  }
}