.p-index__mv{position:relative;width:100%;height:100svh;top:0;left:0}.p-index__mv-opening{position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);width:500px;z-index:1;-webkit-transition:opacity .64s ease;-moz-transition:opacity .64s ease;-o-transition:opacity .64s ease;-ms-transition:opacity .64s ease;transition:opacity .64s ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.p-index__mv-opening.u-active{opacity:1;-ms-filter:none;filter:none;pointer-events:none}.p-index__mv-video{position:relative;display:block;height:100vh;z-index:2;overflow:hidden;width:100%;height:100%;-webkit-transition:opacity .64s ease;-moz-transition:opacity .64s ease;-o-transition:opacity .64s ease;-ms-transition:opacity .64s ease;transition:opacity .64s ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);pointer-events:none}.p-index__mv-video.u-active{opacity:1;-ms-filter:none;filter:none}.p-index__mv-video--horizontal .p-index__mv-youtube{height:calc(100% + 2000px);width:100%}.p-index__mv-video--vertical .p-index__mv-youtube{height:calc(100% + 2000px);width:calc(100vh * (16 / 9))}.p-index__mv-youtube{position:absolute;width:100%;height:calc(100% + 1000px);top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);-ms-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.p-index__panel-list{position:relative}.p-index__panel{position:relative;width:100%;height:100vh}.p-index__panel.u-inview--in .p-index__panel-title,.p-index__panel.u-inview--in .p-index__panel-text,.p-index__panel.u-inview--in .p-index__panel-button{opacity:1;-ms-filter:none;filter:none}.p-index__panel-image{position:relative;width:100%;height:100%;z-index:1}.p-index__panel-image img,.p-index__panel-image picture{content-fit:cover;width:100%;height:100%;object-fit:cover}.p-index__panel-content{position:absolute;z-index:2;width:320px;font-weight:400}.p-index__panel-content--reverse{color:#fff}.p-index__panel-content--reverse .p-index__panel-button-link{color:#000}.p-index__panel-content--1{top:50%;right:calc((100% - 320px) * (237 / 1120));-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);-ms-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.p-index__panel-content--2{width:280px;top:calc((100% - 165px) * (180 / 645));left:calc((100% - 273px) * (120 / 1167))}.p-index__panel-content--3{top:calc((100% - 165px) * (412 / 645));left:calc((100% - 273px) * (120 / 1167))}.p-index__panel-content--4{width:330px;top:calc((100% - 165px) * (569 / 645));left:calc((100% - 273px) * (120 / 1167))}.p-index__panel-title{font-size:16px;-webkit-transition:opacity 1.2s 0ms ease;-moz-transition:opacity 1.2s 0ms ease;-o-transition:opacity 1.2s 0ms ease;-ms-transition:opacity 1.2s 0ms ease;transition:opacity 1.2s 0ms ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.p-index__panel-text{font-size:12px;line-height:2.083333333333333;margin-top:16px;-webkit-transition:opacity 1.2s 80ms ease;-moz-transition:opacity 1.2s 80ms ease;-o-transition:opacity 1.2s 80ms ease;-ms-transition:opacity 1.2s 80ms ease;transition:opacity 1.2s 80ms ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.p-index__panel-button{-webkit-transition:opacity 1.2s .16s ease;-moz-transition:opacity 1.2s .16s ease;-o-transition:opacity 1.2s .16s ease;-ms-transition:opacity 1.2s .16s ease;transition:opacity 1.2s .16s ease;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0)}.p-index__panel-button-link{display:inline-block;padding:10px 28px 11px;background-color:#fff;font-size:13px;font-weight:500;border-radius:4px;margin-top:32px;-webkit-transition:background-color .42s ease,color .42s ease;-moz-transition:background-color .42s ease,color .42s ease;-o-transition:background-color .42s ease,color .42s ease;-ms-transition:background-color .42s ease,color .42s ease;transition:background-color .42s ease,color .42s ease}.p-index__panel-button-link:hover{background-color:#000;color:#fff}@media screen and (max-width: 767px){.p-index__mv{height:100vh}.p-index__mv-opening{width:90.66666666666667vw}.p-index__mv-video{height:100vh}.p-index__mv-video--spHorizontal .p-index__mv-youtube{height:calc(100% + 1000px);width:100%}.p-index__mv-video--spVertical .p-index__mv-youtube{height:calc(100% + 1000px);width:56.25vh}.p-index__panel-list{position:relative}.p-index__panel{height:100vh}.p-index__panel:first-child{margin-top:0}.p-index__panel:last-child .p-index__panel-content{bottom:13.333333333333334vw}.p-index__panel-image:before{content:"";position:absolute;width:100%;height:105.86666666666666vw;background:-webkit-linear-gradient(270deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.38) 51.38%,rgba(0,0,0,.42) 74.88%);background:-moz-linear-gradient(270deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.38) 51.38%,rgba(0,0,0,.42) 74.88%);background:-o-linear-gradient(270deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.38) 51.38%,rgba(0,0,0,.42) 74.88%);background:-ms-linear-gradient(270deg,rgba(0,0,0,0) 25%,rgba(0,0,0,.38) 51.38%,rgba(0,0,0,.42) 74.88%);background:linear-gradient(180deg,#0000 25%,#00000061 51.38%,#0000006b 74.88%);bottom:0;left:0}.p-index__panel-content{width:85.33333333333333vw;color:#fff;bottom:calc((50 * 100vw / 375) + 100vh - 100dvh);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.p-index__panel-content--reverse{color:#fff}.p-index__panel-content--reverse .p-index__panel-button-link{color:#000}.p-index__panel-content--1{top:auto;right:7.333333333333333vw;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translateZ(0)}.p-index__panel-content--2{width:85.33333333333333vw;top:auto;left:7.333333333333333vw}.p-index__panel-content--3{top:auto;left:7.333333333333333vw}.p-index__panel-content--4{width:86.66666666666667vw;top:auto;left:7.333333333333333vw}.p-index__panel-title{font-size:4.266666666666667vw;line-height:2}.p-index__panel-text{font-size:3.2vw;margin-top:.8vw}.p-index__panel-button-link{color:#000;padding:2.666666666666667vw 7.733333333333333vw 2.933333333333333vw;background-color:#fff;font-size:3.466666666666667vw;font-weight:500;border-radius:1.066666666666667vw;margin-top:8.533333333333333vw}.p-index__panel-button-link:hover:hover{background-color:#fff;color:#000}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/p-index.css.map */