.index-opening__mov1{position:fixed;top:0;right:0;left:0;width:100%;height:100svh;z-index:1;background-color:none;display:flex;justify-content:center;align-items:center;visibility:hidden;transition-duration:.9s;transition-property:opacity;transition-delay:.3s;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1)}.index-opening__mov1 #video1{position:relative;width:88vw;max-width:480px;height:auto;aspect-ratio:1;z-index:1;transition-property:clip-path;transition-duration:1.2s;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1);background-color:#000582;overflow:hidden;box-sizing:content-box;clip-path:circle(8% at 50% 50%);display:flex;justify-content:center;align-items:center}@media(min-aspect-ratio: 9/14){.index-opening__mov1 #video1{max-width:60vw;clip-path:circle(6% at 50% 50%)}}@media(min-aspect-ratio: 8/9){.index-opening__mov1 #video1{max-width:31vw;clip-path:circle(4% at 50% 50%)}}.index-opening__mov1 #video1 img{padding:14%}@media(min-aspect-ratio: 9/14){.index-opening__mov1 #video1 img{padding:14%}}body.op-skipped .index-opening__mov1{transition:none;display:none}body.is-op-playing .index-opening__mov1{visibility:visible}body.op-start .index-opening__mov1{display:flex}body.op-start .index-opening__mov1 #video1{clip-path:circle(50% at 50% 50%)}@media(min-aspect-ratio: 9/14){body.op-start .index-opening__mov1 #video1{clip-path:circle(50% at 50% 50%)}}@media(min-aspect-ratio: 8/9){body.op-start .index-opening__mov1 #video1{clip-path:circle(50% at 50% 50%)}}body.op-finished .index-opening__mov1{-webkit-user-select:none;-moz-user-select:none;user-select:none;opacity:0}body.op-finished .index-opening__mov1 #video1{clip-path:none}body.op-finished2 .index-opening__mov1{display:none}.index-opening__btn-scroll{position:fixed;z-index:301;bottom:0;right:25px;height:102px;opacity:0;transition-duration:.3s;transition-property:opacity;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1)}@media(min-aspect-ratio: 9/14){.index-opening__btn-scroll{right:40px;height:142px}}@media(min-aspect-ratio: 8/9){.index-opening__btn-scroll{height:142px}}.index-opening__btn-scroll a{display:block;transition:opacity .2s linear}@media(any-hover: hover){.index-opening__btn-scroll a:hover{opacity:.6;cursor:pointer}}.index-opening__btn-scroll .index-opening__btn-scroll-icon{width:26px;height:94px}@media(min-aspect-ratio: 9/14){.index-opening__btn-scroll .index-opening__btn-scroll-icon{width:41.8px;height:124px}}@media(min-aspect-ratio: 8/9){.index-opening__btn-scroll .index-opening__btn-scroll-icon{width:38px;height:124px}}.bounce-element{display:inline-block;animation:sharpBounceDown 3s infinite ease-in-out}@keyframes sharpBounceDown{0%,8%,20%,32%,40%{transform:translateY(0)}16%{transform:translateY(18px)}26%{transform:translateY(6px)}100%{transform:translateY(0)}}body.op-finished2 .index-opening__btn-scroll{opacity:1}body.op-finished2.scrolled .index-opening__btn-scroll{opacity:0}.index-opening__mov2{position:fixed;top:auto;bottom:0;right:0;left:0;width:100%;height:100dvh;z-index:1;transition-duration:.6s;transition-property:opacity;transition-timing-function:linear;background-color:#aaa;display:flex;justify-content:center;align-items:center;opacity:0;clip-path:circle(calc(var(--clip-scroll) * 1%));overflow:clip}.index-opening__mov2 #video2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:75vh;height:100vh;z-index:1;overflow:hidden}@media(min-aspect-ratio: 9/14){.index-opening__mov2 #video2{width:133.3333333333vh;height:100vh}}@media(min-aspect-ratio: 8/9){.index-opening__mov2 #video2{width:177.7777777778vh;height:100vh}}@media(min-aspect-ratio: 16/9){.index-opening__mov2 #video2{width:100vw;height:56.25vw}}.index-opening__mov2 #video2 video{transform:translateX(-1px) translateY(-1px) translateZ(0);width:100%}.index-opening__main{position:fixed;z-index:100;top:auto;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;overflow-x:clip;visibility:hidden}.index-opening__intro{z-index:200;position:relative}.index-opening__waku{position:fixed;z-index:300;top:auto;bottom:0;left:0;width:100vw;height:100dvh;overflow-x:clip;pointer-events:none}body.scrolled-index-2 .index-opening__waku,body.scrolled-index-3 .index-opening__waku{overflow:clip}.intro-bg{z-index:90}.index-opening__waku-img{position:absolute;aspect-ratio:1/1;top:50%;left:50%;opacity:1;width:494.2791762014vw}@media(min-aspect-ratio: 9/14){.index-opening__waku-img{width:395.4233409611vw}}@media(min-aspect-ratio: 8/9){.index-opening__waku-img{width:289.9771167048vw}}.index-opening__waku-img{transform-origin:center;--scale-scroll:1;transform:translate(-50%, -50%) scale(calc(var(--scale-scroll))) translateZ(0);--scale-scroll: calc(88 / 150)}@media(min-aspect-ratio: 9/14){.index-opening__waku-img{--scale-scroll: calc(60 / 120)}}@media(min-aspect-ratio: 8/9){.index-opening__waku-img{--scale-scroll: calc(31 / 88)}}.index-opening__waku-img{transition-property:transform,filter;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1);transition-delay:0s,1s;transition-duration:.9s,.6s}.index-opening__waku-img img{width:100%}.index-opening__waku-img svg{width:100%;fill:#ebe9e3;transition-property:fill;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1);transition-duration:.9s}.index-opening__waku-img.is-blue svg{fill:#000f9b}.index-opening__waku-img.is-geige svg{fill:#ebe9e3}body.op-start .index-opening__waku-img,body.op-skipped .index-opening__waku-img{filter:drop-shadow(0px 0px 6px rgba(1, 6, 92, 0.8)) drop-shadow(0px 0px 2px rgba(1, 6, 92, 0.8))}@media(min-aspect-ratio: 8/9){body.op-start .index-opening__waku-img,body.op-skipped .index-opening__waku-img{filter:drop-shadow(0px 0px 20px rgba(1, 6, 92, 0.8)) drop-shadow(0px 0px 8px rgba(1, 6, 92, 0.8))}}body.op-skipped .index-opening__waku-img{transition-delay:0s,0s}.intro-bg{position:fixed;top:auto;bottom:0;left:0;width:100vw;height:100vh;pointer-events:none;opacity:0;opacity:calc(var(--opacity-scroll))}body.op-finished .intro-bg{background-color:rgba(0,28,113,.73)}.index-opening__ripples{position:relative;width:100vw;height:100vh;background-color:#000f9b}.index-opening__ripples.is-hide{display:none}.index-opening__ripples canvas{position:relative;pointer-events:auto}.index-opening__catchcopy{position:absolute;pointer-events:none;z-index:30;opacity:0;transition-property:all;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1);transition-duration:.6s}.index-opening__catchcopy p{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);transition-property:all;transition-timing-function:cubic-bezier(0.36, 0.14, 0, 1);transition-duration:.6s}.index-opening__catchcopy.index-opening__catchcopy--1{top:35vh;left:0;padding:1.3333333333vw}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--1{padding:.78125vw}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--1{padding:.4166666667vw}}.index-opening__catchcopy.index-opening__catchcopy--1{padding-right:2.6666666667vw;padding-left:2.6666666667vw}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--1{padding-right:2.6041666667vw;padding-left:2.6041666667vw}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--1{padding-right:1.6666666667vw;padding-left:1.6666666667vw}}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--1{top:30vh;padding-left:10vw}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--1{top:22vh;padding-left:18vw}}.index-opening__catchcopy.index-opening__catchcopy--1 p{color:#fff;font-weight:400;font-family:"Inter",sans-serif}.index-opening__catchcopy.index-opening__catchcopy--1 p{font-size:calc(100vw*14.5/375)}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--1 p{font-size:calc(100vw*20/768)}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--1 p{font-size:calc(100vw*29/1440)}}@media(min-aspect-ratio: 3340/1440){.index-opening__catchcopy.index-opening__catchcopy--1 p{font-size:calc(100vw*29/1680)}}.index-opening__catchcopy.index-opening__catchcopy--1 p{transition-delay:.3s}.index-opening__catchcopy.index-opening__catchcopy--2{top:70vh;right:-0.5em;padding:1.3333333333vw}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--2{padding:.78125vw}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--2{padding:.4166666667vw}}.index-opening__catchcopy.index-opening__catchcopy--2{padding-right:4.2666666667vw;padding-left:4.2666666667vw}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--2{padding-right:2.6041666667vw;padding-left:2.6041666667vw}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--2{padding-right:1.6666666667vw;padding-left:1.6666666667vw}}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--2{top:64vh;padding-right:9vw}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--2{top:70vh;padding-right:18vw}}.index-opening__catchcopy.index-opening__catchcopy--2 p{color:#fff;font-family:"MFW-HiraKakuStd-W4","HiraginoSans-W4",sans-serif}.index-opening__catchcopy.index-opening__catchcopy--2 p{font-size:max(100vw*26/375,26px)}@media(min-aspect-ratio: 9/14){.index-opening__catchcopy.index-opening__catchcopy--2 p{font-size:calc(100vw*34.1183098592/768)}}@media(min-aspect-ratio: 8/9){.index-opening__catchcopy.index-opening__catchcopy--2 p{font-size:calc(100vw*48/1440)}}@media(min-aspect-ratio: 3340/1440){.index-opening__catchcopy.index-opening__catchcopy--2 p{font-size:calc(100vw*48/1680)}}.index-opening__catchcopy.index-opening__catchcopy--2 p{transition-delay:.6s}body.op-finished2 .index-opening__catchcopy{opacity:1}body.op-finished2 .index-opening__catchcopy p{clip-path:polygon(0 0, 100% 0%, 100% 100%, 0% 100%)}body.scrolled .index-opening__waku-img{transform:translate(-50%, -50%) scale(calc(var(--scale-scroll)))}body.op-finished .index-opening__main{visibility:visible}body.op-skipped .index-opening__waku-img,body.scrolled .index-opening__waku-img,body.op-finished2 .index-opening__waku-img{--scale-scroll: calc(135 / 150)}@media(min-aspect-ratio: 9/14){body.op-skipped .index-opening__waku-img,body.scrolled .index-opening__waku-img,body.op-finished2 .index-opening__waku-img{--scale-scroll: calc(105 / 120)}}@media(min-aspect-ratio: 8/9){body.op-skipped .index-opening__waku-img,body.scrolled .index-opening__waku-img,body.op-finished2 .index-opening__waku-img{--scale-scroll: calc(78 / 88)}}body.scrolled-index-1 .index-opening__catchcopy,body.scrolled-index-2 .index-opening__catchcopy,body.scrolled-index-3 .index-opening__catchcopy{opacity:0}body.scrolled-index-1 .index-opening__waku-img,body.scrolled-index-2 .index-opening__waku-img,body.scrolled-index-3 .index-opening__waku-img{--scale-scroll: calc(150 / 150)}@media(min-aspect-ratio: 9/14){body.scrolled-index-1 .index-opening__waku-img,body.scrolled-index-2 .index-opening__waku-img,body.scrolled-index-3 .index-opening__waku-img{--scale-scroll: calc(120 / 120)}}@media(min-aspect-ratio: 8/9){body.scrolled-index-1 .index-opening__waku-img,body.scrolled-index-2 .index-opening__waku-img,body.scrolled-index-3 .index-opening__waku-img{--scale-scroll: calc(88 / 88)}}body.scrolled-index-1 .index-opening__mov2{opacity:1}body.scrolled-index-1 .intro-bg{z-index:110}body.scrolled-index-2 .intro-bg{z-index:110}body.scrolled-index-2 .index-opening__main{z-index:1}body.scrolled-index-2 .index-opening__mov2{opacity:1}body.scrolled-index-3 .intro-bg{position:absolute;z-index:110}body.scrolled-index-3 .index-opening__waku{position:absolute}body.scrolled-index-3 .index-opening__main{position:absolute;z-index:1}body.scrolled-index-3 .index-opening__mov2{opacity:1}body.scrolled-index-3 .index-opening__mov2{position:absolute}