@media screen and (max-width:812px){#header .header-nav{position:fixed;top:0;left:0;width:100%;height:100vh;padding:12.5vw 6.25vw 18.75vw;background-color:rgba(20,20,26,0.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow-y:scroll;z-index:-1;-webkit-transform:translateY(-100%);transform:translateY(-100%);pointer-events:none;-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.25,1,0.5,1);transition:-webkit-transform 0.5s cubic-bezier(0.25,1,0.5,1);transition:transform 0.5s cubic-bezier(0.25,1,0.5,1);transition:transform 0.5s cubic-bezier(0.25,1,0.5,1),-webkit-transform 0.5s cubic-bezier(0.25,1,0.5,1);z-index:-1}#header .header-nav.--open{-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto}}@media screen and (min-width:813px){#header .header-menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width:812px){#header .header-menu{margin-top:3.125vw}}#header .header-menu__item{position:relative}@media screen and (min-width:813px){#header .header-menu__item:not(:last-of-type):after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background-color:rgba(243,243,243,0.3)}}@media screen and (max-width:812px){#header .header-menu__item{padding:1.5625vw 4.6875vw;border-bottom:solid 1px rgba(243,243,243,0.1)}}#header .header-menu__btn{padding:0 min(25px,calc(25 / 1200 * var(--vw)));display:block}@media screen and (min-width:813px){#header .header-menu__btn:hover{color:#ac73ff}}@media screen and (max-width:812px){#header .header-menu__btn{padding:3.125vw 0}}#header .header-menu__btn.--current{color:#ac73ff}@media screen and (min-width:813px){#header .btn-nav{pointer-events:none}}@media screen and (max-width:812px){#header .btn-nav{position:relative;width:6.875vw;height:6.875vw;-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}#header .btn-nav:after,#header .btn-nav:before{content:"";position:absolute;left:0;height:2px;background-color:#858e9b;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}#header .btn-nav:before{top:1.25vw;width:80%}#header .btn-nav:after{bottom:1.25vw;width:100%}#header .btn-nav.--open{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#header .btn-nav.--open:after,#header .btn-nav.--open:before{top:0;bottom:0;margin:auto;background-color:#f3f3f3}#header .btn-nav.--open:before{width:100%}#header .btn-nav.--open:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}#header .btn-nav.--open .btn-nav__icon{opacity:0}#header .btn-nav .btn-nav__icon{position:absolute;top:0;bottom:0;left:0;width:90%;height:2px;margin:auto;background-color:#858e9b;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}}#top .visual{position:relative;padding-top:min(80px,calc(80 / 1200 * var(--vw)))}@media screen and (min-width:813px){#top .visual{height:100vh;min-height:937px}}@media screen and (max-width:812px){#top .visual{min-height:100vh;padding-top:12.5vw}}#top .visual .visual__movie{position:absolute;top:0;left:0;width:100%;min-width:100%;height:100%;min-height:100%;overflow:hidden}#top .visual .visual__movie:after,#top .visual .visual__movie:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#top .visual .visual__movie:before{background-image:linear-gradient(45deg,#14141a 25%,#14141a 25%,rgba(20,20,26,0.03) 25%,rgba(20,20,26,0.03) 75%,#14141a 75%,#14141a 75%),linear-gradient(-135deg,#14141a 25%,#fff 25%,rgba(20,20,26,0) 25%,rgba(20,20,26,0) 75%,#14141a 75%,#14141a 75%);background-size:2px 2px;background-position:0 0,1px 1px}#top .visual .visual__movie:after{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(13,19,36,0.7)),color-stop(50%,rgba(13,19,36,0.2)));background-image:linear-gradient(0deg,rgba(13,19,36,0.7) 0%,rgba(13,19,36,0.2) 50%)}#top .visual .visual__movie video{position:absolute;top:0;left:50%;min-width:100%;min-height:100%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}#top .visual .visual__inner{position:relative;height:100%;margin:auto;padding:min(45px,calc(45 / 1200 * var(--vw))) min(50px,calc(50 / 1200 * var(--vw))) min(30px,calc(30 / 1200 * var(--vw)));text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;z-index:1}@media screen and (max-width:812px){#top .visual .visual__inner{height:calc(100vh - 12.5vw);padding:3.125vw 3.125vw 6.25vw}}#top .visual .logo-game{width:40%;max-width:280px;margin:0 auto min(75px,calc(75 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .visual .logo-game{margin-bottom:12.5vw}}#top .visual .logo-game path{fill:#fff}#top .visual .main-ttl{-webkit-transform:translateY(min(-50px,calc(-50 / 1200 * var(--vw))));transform:translateY(min(-50px,calc(-50 / 1200 * var(--vw))))}@media screen and (min-width:813px){#top .visual .main-ttl{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}@media screen and (max-width:812px){#top .visual .main-ttl{-webkit-transform:translateY(-8vh);transform:translateY(-8vh)}}#top .visual .logo-twitch{width:min(90px,calc(90 / 1200 * var(--vw)));max-width:180px;margin:0 auto min(20px,calc(20 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .visual .logo-twitch{width:15%;margin-bottom:3.125vw}}#top .visual .ttl{font-size:min(70px,calc(70 / 1200 * var(--vw)));line-height:1.2}@media screen and (max-width:812px){#top .visual .ttl{font-size:7.5vw}}#top .visual .ttl__line{position:relative;display:inline-block;line-height:1.3;overflow:hidden}#top .visual .ttl__line:after,#top .visual .ttl__line:before{content:"";position:absolute;top:0;width:100%;height:100%;pointer-events:none}#top .visual .ttl__line:before{left:0;background-color:#14141a}#top .visual .ttl__line:after{left:-100%;background-image:-webkit-gradient(linear,left top,right top,from(#a45eff),color-stop(50%,#b17bff),to(#77c4ff));background-image:linear-gradient(90deg,#a45eff 0%,#b17bff 50%,#77c4ff 100%)}#top .visual .ttl__txt{position:relative;padding:min(10px,calc(10 / 1200 * var(--vw))) min(35px,calc(35 / 1200 * var(--vw)));background-image:-webkit-gradient(linear,left top,right top,from(#a45eff),color-stop(50%,#b17bff),to(#77c4ff));background-image:linear-gradient(90deg,#a45eff 0%,#b17bff 50%,#77c4ff 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block}@media screen and (max-width:812px){#top .visual .ttl__txt{padding:2.5vw 4.6875vw}}#top .visual .notice{font-size:min(16px,calc(16 / 1200 * var(--vw)));color:#bdbdbd;text-align:left}@media screen and (max-width:812px){#top .visual .notice{font-size:3.125vw}}#top .visual .btn-scroll{font-family:eurostile,"Arial",sans-serif;font-size:min(16px,calc(16 / 1200 * var(--vw)));display:inline-block;text-align:center}@media screen and (min-width:813px){#top .visual .btn-scroll:hover .btn-scroll__arrow{border-color:#f8ed1a}}@media screen and (max-width:812px){#top .visual .btn-scroll{font-size:3.125vw}}#top .visual .btn-scroll__arrow{width:min(40px,calc(40 / 1200 * var(--vw)));height:min(40px,calc(40 / 1200 * var(--vw)));margin:auto;border-bottom:4px solid #f3f3f3;border-right:4px solid #f3f3f3;-webkit-transform:rotate(45deg);transform:rotate(45deg);display:block;-webkit-transition:border-color 0.3s;transition:border-color 0.3s;-webkit-animation:arrow_animation 1.5s ease-in-out infinite both;animation:arrow_animation 1.5s ease-in-out infinite both}@media screen and (max-width:812px){#top .visual .btn-scroll__arrow{width:6.25vw;height:6.25vw}}@-webkit-keyframes arrow_animation{0%{-webkit-transform:translateY(-0.8rem) rotate(45deg);transform:translateY(-0.8rem) rotate(45deg);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(0.8rem) rotate(45deg);transform:translateY(0.8rem) rotate(45deg);opacity:0}}@keyframes arrow_animation{0%{-webkit-transform:translateY(-0.8rem) rotate(45deg);transform:translateY(-0.8rem) rotate(45deg);opacity:0}50%{opacity:1}to{-webkit-transform:translateY(0.8rem) rotate(45deg);transform:translateY(0.8rem) rotate(45deg);opacity:0}}#top .about{position:relative;padding:min(165px,calc(165 / 1200 * var(--vw))) 0 min(215px,calc(215 / 1200 * var(--vw)));background-color:#e2e2e2;background:url(../img/common/bg_pattern.jpg) repeat 0 0;background-size:auto;z-index:1}@media screen and (min-width:813px){#top .about:after,#top .about:before{content:"";position:absolute;top:0;right:0;height:100%;pointer-events:none;z-index:-1}#top .about:before{width:50%;max-width:820px;background:url(../img/top/about/bg.jpg) no-repeat top right;background-size:cover}#top .about:after{width:100%;max-width:1920px;background:url(../img/top/about/bg_unit.png) no-repeat top right;background-size:100% auto}}@media screen and (max-width:812px){#top .about{padding:15.625vw 0}}#top .about .about__inner{position:relative;max-width:calc(1600px + min(30px ,calc(30 / 1200 * var(--vw))));padding-left:min(30px,calc(30 / 1200 * var(--vw)));margin:auto;z-index:1}@media screen and (max-width:812px){#top .about .about__inner{padding:0 4.6875vw;text-align:center}}@media screen and (min-width:813px){#top .about .ttl-section{max-width:min(1140px,calc(1140 / 1200 * var(--vw)));font-size:min(48px,calc(48 / 1200 * var(--vw)));color:#641bc4;text-shadow:0px 0px 2rem rgba(243,243,243,0.5),0px 0px 1rem rgba(243,243,243,0.5),0px 0px 1rem rgba(243,243,243,0.5);line-height:1.2}}@media screen and (max-width:812px){#top .about .ttl-section{position:relative;margin-bottom:min(50px,calc(50 / 1200 * var(--vw)));padding:0 min(40px,calc(40 / 1200 * var(--vw)));font-size:min(48px,calc(48 / 1200 * var(--vw)));color:#641bc4;display:inline-block;z-index:1}#top .about .ttl-section:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:rgba(172,115,255,0.5);z-index:-1}}@media screen and (max-width:812px) and (max-width:812px){#top .about .ttl-section{margin-bottom:9.375vw;padding:0 6.25vw;font-size:6.25vw}}#top .about .txt-box{position:relative;max-width:min(1100px,calc(1100 / 1200 * var(--vw)));padding:min(90px,calc(90 / 1200 * var(--vw))) min(70px,calc(70 / 1200 * var(--vw))) min(90px,calc(90 / 1200 * var(--vw))) 0;text-align:left;z-index:1}@media screen and (min-width:813px){#top .about .txt-box:after,#top .about .txt-box:before{content:"";position:absolute;top:0;bottom:0;width:300%;margin:auto;z-index:-1}#top .about .txt-box:before{right:0;height:100%;background-color:#641bc4}#top .about .txt-box:after{right:min(15px,calc(15 / 1200 * var(--vw)));height:95%;border:solid 2px #f3f3f3}}@media screen and (max-width:812px){#top .about .txt-box{padding:9.375vw 6.25vw;background-color:#641bc4}#top .about .txt-box:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:95%;height:95%;margin:auto;border:solid 2px #f3f3f3}}#top .about .txt{font-size:min(20px,calc(20 / 1200 * var(--vw)))}#top .about .txt:not(:last-of-type){margin-bottom:min(30px,calc(30 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .about .txt{font-size:3.75vw}#top .about .txt:not(:last-of-type){margin-bottom:6.25vw}}#top .reward{background:url(../img/top/reward/bg.jpg) no-repeat center center;background-size:cover}@media screen and (max-width:812px){#top .reward{padding:9.375vw 4.6875vw}}#top .reward .reward__inner{position:relative;max-width:1200px;margin:auto;padding:min(60px,calc(60 / 1200 * var(--vw))) min(90px,calc(90 / 1200 * var(--vw))) min(30px,calc(30 / 1200 * var(--vw)));text-align:center;z-index:3}@media screen and (min-width:813px){#top .reward .reward__inner:after,#top .reward .reward__inner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;z-index:-1}#top .reward .reward__inner:before{width:100%;height:110%;background-color:#e2e2e2;-webkit-box-shadow:0 0 5em 0 rgba(20,20,26,0.1),0 3em 4em 0 rgba(20,20,26,0.2);box-shadow:0 0 5em 0 rgba(20,20,26,0.1),0 3em 4em 0 rgba(20,20,26,0.2)}#top .reward .reward__inner:after{width:98%;height:107%;border:solid 3px #641bc4}}@media screen and (max-width:812px){#top .reward .reward__inner{padding:9.375vw 6.25vw;background-color:#e2e2e2}#top .reward .reward__inner:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;width:95%;height:95%;margin:auto;border:solid 2px #641bc4}}#top .reward .ttl-section{position:relative;margin-bottom:min(50px,calc(50 / 1200 * var(--vw)));padding:0 min(40px,calc(40 / 1200 * var(--vw)));font-size:min(48px,calc(48 / 1200 * var(--vw)));color:#641bc4;display:inline-block;z-index:1}#top .reward .ttl-section:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:rgba(172,115,255,0.5);z-index:-1}@media screen and (max-width:812px){#top .reward .ttl-section{margin-bottom:9.375vw;padding:0 6.25vw;font-size:6.25vw}}#top .reward .txt{color:#14141a;font-size:min(22px,calc(22 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .reward .txt{font-size:3.75vw}}#top .reward .reward-img{max-width:896px;margin:min(50px,calc(50 / 1200 * var(--vw))) auto 0}#top .howto{position:relative;background:url(../img/top/howto/bg.jpg) no-repeat center top;background-size:cover;overflow:hidden}#top .howto .howto__unit{position:absolute;background-repeat:no-repeat;background-size:100% auto;pointer-events:none}#top .howto .howto__unit:before{content:"";position:absolute;background-repeat:no-repeat;background-size:100% auto;z-index:2}#top .howto .howto__unit.--01{top:0;left:-2vw;width:33vw;max-width:622px;height:min(1044px,calc(1044 / 1200 * var(--vw)));background-image:url(../img/top/howto/unit01_shadow.png);background-position:top left}@media screen and (max-width:812px){#top .howto .howto__unit.--01{width:50vw;height:80vw;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#000),color-stop(30%,rgba(0,0,0,0.5)),color-stop(80%,rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(#000 10%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 80%);mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#000),color-stop(30%,rgba(0,0,0,0.5)),color-stop(80%,rgba(0,0,0,0)));mask-image:linear-gradient(#000 10%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 80%)}}#top .howto .howto__unit.--01:before{top:0;left:0;width:33vw;max-width:628px;height:min(1051px,calc(1051 / 1200 * var(--vw)));background-image:url(../img/top/howto/unit01.png);background-position:top left}@media screen and (max-width:812px){#top .howto .howto__unit.--01:before{width:51vw;height:100%}}#top .howto .howto__unit.--02{bottom:0;right:-2vw;width:33vw;max-width:598px;height:min(716px,calc(716 / 1200 * var(--vw)));background-image:url(../img/top/howto/unit02_shadow.png);background-position:bottom right}@media screen and (max-width:812px){#top .howto .howto__unit.--02{top:3vw;bottom:inherit;width:50vw;height:80vw;background-position:top right;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#000),color-stop(30%,rgba(0,0,0,0.5)),color-stop(80%,rgba(0,0,0,0)));-webkit-mask-image:linear-gradient(#000 10%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 80%);mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(10%,#000),color-stop(30%,rgba(0,0,0,0.5)),color-stop(80%,rgba(0,0,0,0)));mask-image:linear-gradient(#000 10%,rgba(0,0,0,0.5) 30%,rgba(0,0,0,0) 80%)}}#top .howto .howto__unit.--02:before{bottom:0;right:0;width:33vw;max-width:617px;height:min(751px,calc(751 / 1200 * var(--vw)));background-image:url(../img/top/howto/unit02.png);background-position:bottom right}@media screen and (max-width:812px){#top .howto .howto__unit.--02:before{width:51vw;height:100%;background-position:top right}}#top .howto .howto__inner{position:relative;max-width:1200px;margin:auto;padding:min(200px,calc(200 / 1200 * var(--vw))) min(20px,calc(20 / 1200 * var(--vw))) min(155px,calc(155 / 1200 * var(--vw)));text-align:center}@media screen and (max-width:812px){#top .howto .howto__inner{padding:25vw 4.6875vw 15.625vw;z-index:2}}#top .howto .ttl-section{position:relative;margin-bottom:min(50px,calc(50 / 1200 * var(--vw)));padding:0 min(40px,calc(40 / 1200 * var(--vw)));font-size:min(48px,calc(48 / 1200 * var(--vw)));color:#f3f3f3;display:inline-block;z-index:1;z-index:2}#top .howto .ttl-section:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:rgba(172,115,255,0.5);z-index:-1}@media screen and (max-width:812px){#top .howto .ttl-section{margin-bottom:9.375vw;padding:0 6.25vw;font-size:6.25vw}}#top .howto .flow{max-width:1100px;margin:auto;background:#e2e2e2 url(../img/common/bg_pattern.jpg) repeat;color:#14141a}#top .howto .flow__item{padding:min(35px,calc(35 / 1200 * var(--vw))) min(140px,calc(140 / 1200 * var(--vw))) min(50px,calc(50 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .howto .flow__item{padding:6.25vw 4.6875vw 9.375vw}}#top .howto .flow__item:first-of-type{padding-top:min(50px,calc(50 / 1200 * var(--vw)));padding-bottom:min(60px,calc(60 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .howto .flow__item:first-of-type{padding-top:9.375vw;padding-bottom:9.375vw}}#top .howto .flow__item:nth-of-type(2n){padding-top:min(70px,calc(70 / 1200 * var(--vw)));padding-bottom:min(90px,calc(90 / 1200 * var(--vw)));background-color:#14141a;color:#f3f3f3;-webkit-clip-path:polygon(50% 10%,53% 0,100% 0,100% 90%,53% 90%,50% 100%,47% 90%,0 90%,0 0,47% 0);clip-path:polygon(50% 10%,53% 0,100% 0,100% 90%,53% 90%,50% 100%,47% 90%,0 90%,0 0,47% 0)}@media screen and (max-width:812px){#top .howto .flow__item:nth-of-type(2n){padding-top:15.625vw;padding-bottom:18.75vw;-webkit-clip-path:polygon(50% 10%,60% 0,100% 0,100% 90%,60% 90%,50% 100%,40% 90%,0 90%,0 0,40% 0);clip-path:polygon(50% 10%,60% 0,100% 0,100% 90%,60% 90%,50% 100%,40% 90%,0 90%,0 0,40% 0)}}#top .howto .flow__item:nth-of-type(2n) .flow__ttl{color:#ac73ff}#top .howto .flow__item:nth-of-type(2n) .flow__ttl:before{border-color:#ac73ff}#top .howto .flow__item:nth-of-type(2n) .flow__txt{text-shadow:none}#top .howto .flow__item:nth-of-type(2n) .btn{padding:5px;background:#9146ff;color:#f3f3f3!important}@media screen and (min-width:813px){#top .howto .flow__item:nth-of-type(2n) .btn{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}#top .howto .flow__item:nth-of-type(2n) .btn input,#top .howto .flow__item:nth-of-type(2n) .btn svg path,#top .howto .flow__item:nth-of-type(2n) .btn svg polygon{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}}@media screen and (min-width:813px){#top .howto .flow__item:nth-of-type(2n) .btn:hover{color:#9146ff!important}#top .howto .flow__item:nth-of-type(2n) .btn:hover .btn__inner{background:#14141a}#top .howto .flow__item:nth-of-type(2n) .btn:hover .btn__inner:after,#top .howto .flow__item:nth-of-type(2n) .btn:hover .btn__inner:before{background-color:#9146ff!important}#top .howto .flow__item:nth-of-type(2n) .btn:hover svg path,#top .howto .flow__item:nth-of-type(2n) .btn:hover svg polygon{fill:#9146ff}}#top .howto .flow__item:nth-of-type(2n) .btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:calc(100% - 6px);height:calc(100% - 6px);margin:auto;background-color:#14141a;border-radius:min(5px,calc(5 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .howto .flow__item:nth-of-type(2n) .btn:after{border-radius:0.9375vw}}#top .howto .flow__item:nth-of-type(2n) .btn .btn__inner{position:relative;background:#9146ff;font-weight:bold;z-index:1}#top .howto .flow__item:nth-of-type(2n) .btn .btn__inner:after,#top .howto .flow__item:nth-of-type(2n) .btn .btn__inner:before{background-color:#f3f3f3!important}#top .howto .flow__item:nth-of-type(2n) .btn svg path,#top .howto .flow__item:nth-of-type(2n) .btn svg polygon{fill:#f3f3f3}#top .howto .flow__item:nth-of-type(2n) .flow__login-account{border-color:#ac73ff}#top .howto .flow__item:nth-of-type(2n) .flow__login-txt{color:#ac73ff}#top .howto .flow__item .btn{position:relative;padding:2px;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;text-decoration:none;border-radius:min(5px,calc(5 / 1200 * var(--vw)));cursor:pointer;display:inline-block;padding:5px;background:#9146ff;color:#f3f3f3!important}@media screen and (min-width:813px){#top .howto .flow__item .btn{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}#top .howto .flow__item .btn input,#top .howto .flow__item .btn svg path,#top .howto .flow__item .btn svg polygon{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}}@media screen and (max-width:812px){#top .howto .flow__item .btn{width:90%;margin:auto;text-align:center;border-radius:0.9375vw}}#top .howto .flow__item .btn:hover,#top .howto .flow__item .btn:link,#top .howto .flow__item .btn:visited{color:inherit;text-decoration:inherit}#top .howto .flow__item .btn .btn__inner{padding:min(20px,calc(20 / 1200 * var(--vw))) min(80px,calc(80 / 1200 * var(--vw)));border-radius:min(5px,calc(5 / 1200 * var(--vw)));display:block;font-family:eurostile,"Arial",sans-serif;font-size:min(24px,calc(24 / 1200 * var(--vw)));line-height:1.2}@media screen and (max-width:812px){#top .howto .flow__item .btn .btn__inner{padding:2.5vw 9.375vw;border-radius:0.9375vw;font-size:4.0625vw}}@media screen and (min-width:813px){#top .howto .flow__item .btn{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}#top .howto .flow__item .btn input,#top .howto .flow__item .btn svg path,#top .howto .flow__item .btn svg polygon{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}}@media screen and (min-width:813px){#top .howto .flow__item .btn:hover{color:#9146ff!important}#top .howto .flow__item .btn:hover .btn__inner{background:#f3f3f3}#top .howto .flow__item .btn:hover .btn__inner:after,#top .howto .flow__item .btn:hover .btn__inner:before{background-color:#9146ff!important}#top .howto .flow__item .btn:hover svg path,#top .howto .flow__item .btn:hover svg polygon{fill:#9146ff}}#top .howto .flow__item .btn:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:calc(100% - 6px);height:calc(100% - 6px);margin:auto;background-color:#f3f3f3;border-radius:min(5px,calc(5 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .howto .flow__item .btn:after{border-radius:0.9375vw}}#top .howto .flow__item .btn .btn__inner{position:relative;background:#9146ff;font-weight:bold;z-index:1}#top .howto .flow__item .btn .btn__inner:after,#top .howto .flow__item .btn .btn__inner:before{background-color:#f3f3f3!important}#top .howto .flow__item .btn svg path,#top .howto .flow__item .btn svg polygon{fill:#f3f3f3}#top .howto .flow__item div.btn{opacity:0.2;pointer-events:none}#top .howto .flow__item>div{position:relative;z-index:10}#top .howto .flow__btn{margin-top:min(20px,calc(20 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .howto .flow__btn{margin-top:6.25vw}}#top .howto .flow__ttl{position:relative;margin-bottom:min(30px,calc(30 / 1200 * var(--vw)));padding:min(5px,calc(5 / 1200 * var(--vw))) min(30px,calc(30 / 1200 * var(--vw)));color:#9146ff;font-size:min(30px,calc(30 / 1200 * var(--vw)));display:inline-block}@media screen and (max-width:812px){#top .howto .flow__ttl{margin-bottom:6.25vw;padding:1.5625vw 6.25vw;font-size:4.375vw}}#top .howto .flow__ttl:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border:solid 2px #9146ff;-webkit-transform:skew(-10deg);transform:skew(-10deg)}#top .howto .flow__txt{font-size:min(22px,calc(22 / 1200 * var(--vw)));text-shadow:0 0 0.5em #e3e3e3,0 0 0.5em #e3e3e3,0 0 0.2em #e3e3e3,0 0 0.2em #e3e3e3,0 0 0.2em #e3e3e3}@media screen and (max-width:812px){#top .howto .flow__txt{font-size:3.75vw}}#top .howto .flow__login-account{margin-top:min(20px,calc(20 / 1200 * var(--vw)));padding:min(20px,calc(20 / 1200 * var(--vw)));border:solid 2px #9146ff;border-radius:10px}@media screen and (max-width:812px){#top .howto .flow__login-account{margin-top:6.25vw;padding:6.25vw 3.125vw}}#top .howto .flow__login-account .btn .btn__inner{font-size:min(18px,calc(18 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .howto .flow__login-account .btn .btn__inner{font-size:3.125vw}}#top .howto .flow__login-txt{margin-bottom:min(10px,calc(10 / 1200 * var(--vw)));font-size:min(24px,calc(24 / 1200 * var(--vw)));font-weight:700;color:#9146ff}@media screen and (max-width:812px){#top .howto .flow__login-txt{margin-bottom:3.125vw;font-size:4.375vw}}#top .howto .flow__logout{text-decoration:underline}@media screen and (min-width:813px){#top .howto .flow__logout:hover{text-decoration:none}}#top .faq{position:relative;background:#e2e2e2 url(../img/common/bg_pattern.jpg) repeat}#top .faq:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(../img/top/faq/bg.jpg) no-repeat center top;background-size:100% auto;opacity:0.1;pointer-events:none}#top .faq .faq__inner{position:relative;max-width:1200px;margin:auto;padding:min(170px,calc(170 / 1200 * var(--vw))) min(20px,calc(20 / 1200 * var(--vw))) min(160px,calc(160 / 1200 * var(--vw)));text-align:center;z-index:1}@media screen and (max-width:812px){#top .faq .faq__inner{padding:15.625vw 4.6875vw}}#top .faq .ttl-section{position:relative;margin-bottom:min(50px,calc(50 / 1200 * var(--vw)));padding:0 min(40px,calc(40 / 1200 * var(--vw)));font-size:min(48px,calc(48 / 1200 * var(--vw)));color:#14141a;display:inline-block;z-index:1}#top .faq .ttl-section:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background-color:rgba(172,115,255,0.5);z-index:-1}@media screen and (max-width:812px){#top .faq .ttl-section{margin-bottom:9.375vw;padding:0 6.25vw;font-size:6.25vw}}#top .faq .faq-list{max-width:1100px;margin:auto;text-align:left}#top .faq .faq-item:not(:last-of-type){margin-bottom:min(30px,calc(30 / 1200 * var(--vw)))}@media screen and (max-width:812px){#top .faq .faq-item:not(:last-of-type){margin-bottom:3.125vw}}#top .faq .faq-item.--open .faq-item__btn:after{-webkit-transform:rotate(-135deg) translateY(-10%);transform:rotate(-135deg) translateY(-10%)}#top .faq .faq-item__btn{position:relative;width:100%;padding-left:6.5%;background-color:#641bc4;line-height:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:812px){#top .faq .faq-item__btn{padding-left:11%}}#top .faq .faq-item__btn:before{content:"Q";position:absolute;top:0;left:0;height:100%;padding:min(30px,calc(30 / 1200 * var(--vw))) min(25px,calc(25 / 1200 * var(--vw)));background-color:#14141a;font-family:eurostile,"Arial",sans-serif;font-size:min(30px,calc(30 / 1200 * var(--vw)));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:812px){#top .faq .faq-item__btn:before{padding:3.125vw;font-size:5.625vw}}#top .faq .faq-item__btn:after{content:"";width:min(20px,calc(20 / 1200 * var(--vw)));height:min(20px,calc(20 / 1200 * var(--vw)));border-bottom:4px solid rgba(255,255,255,0.5);border-right:4px solid rgba(255,255,255,0.5);-webkit-transform:rotate(45deg) translateY(-10%);transform:rotate(45deg) translateY(-10%);-webkit-transition:-webkit-transform 0.3s;transition:-webkit-transform 0.3s;transition:transform 0.3s;transition:transform 0.3s,-webkit-transform 0.3s}@media screen and (max-width:812px){#top .faq .faq-item__btn:after{width:3.125vw;height:3.125vw}}#top .faq .faq-item__ttl-txt{width:95%;padding:min(30px,calc(30 / 1200 * var(--vw))) min(25px,calc(25 / 1200 * var(--vw)));font-family:eurostile,"Arial",sans-serif;font-size:min(24px,calc(24 / 1200 * var(--vw)));line-height:1.2}@media screen and (max-width:812px){#top .faq .faq-item__ttl-txt{width:92%;padding:3.125vw;font-size:4.375vw;line-height:1.4}}#top .faq .faq-item__desc{padding:min(25px,calc(25 / 1200 * var(--vw))) min(40px,calc(40 / 1200 * var(--vw)));background-color:#f0f0f0;color:#14141a;border:solid 2px #641bc4;border-top:none;display:none}@media screen and (max-width:812px){#top .faq .faq-item__desc{padding:6.25vw 4.6875vw}}#top .faq .faq-item__desc a{color:#641bc4;text-decoration:underline}@media screen and (min-width:813px){#top .faq .faq-item__desc a:hover{text-decoration:none}}#login-nav{position:fixed;top:0;right:0;width:100%;height:100%;padding:min(40px,calc(40 / 1200 * var(--vw))) min(15px,calc(15 / 1200 * var(--vw)));background-color:rgba(20,20,26,0.6);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:500;opacity:0;pointer-events:none;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}#login-nav.--open{opacity:1;pointer-events:auto}@media screen and (max-width:812px){#login-nav{top:0;right:0;height:100vh;padding:6.25vw;overflow-y:scroll}}@supports not ((-webkit-backdrop-filter:blur(20px)) or (backdrop-filter:blur(20px))){#login-nav{background-color:rgba(20,20,26,0.95)}}#login-nav .login__inner{text-align:center}#login-nav .login__ttl{font-size:min(24px,calc(24 / 1200 * var(--vw)));font-weight:400;line-height:1.4;text-align:center}@media screen and (max-width:812px){#login-nav .login__ttl{font-size:4.375vw}}@media screen and (min-width:813px){#login-nav .login-account{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}#login-nav .login-account__item{position:relative;background-color:rgba(243,243,243,0.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}@media screen and (min-width:813px){#login-nav .login-account__item{width:min(300px,calc(300 / 1200 * var(--vw)));margin:min(30px,calc(30 / 1200 * var(--vw))) min(30px,calc(30 / 1200 * var(--vw))) 0 0;-webkit-transition:background-color 0.3s;transition:background-color 0.3s}#login-nav .login-account__item:hover{background-color:rgba(243,243,243,0.08)}#login-nav .login-account__item:hover:after,#login-nav .login-account__item:hover:before{width:100%}#login-nav .login-account__item:hover .login-account__btn:after,#login-nav .login-account__item:hover .login-account__btn:before{height:100%}#login-nav .login-account__item:last-of-type{margin-right:0}}@media screen and (max-width:812px){#login-nav .login-account__item{width:100%;margin-top:3.125vw}}#login-nav .login-account__item:after,#login-nav .login-account__item:before{content:"";position:absolute;left:0;width:0;height:1px;background-color:#858e9b;pointer-events:none;-webkit-transition:width 0.3s;transition:width 0.3s}#login-nav .login-account__item:before{top:0}#login-nav .login-account__item:after{bottom:0}#login-nav .login-account__btn{position:relative;padding:min(70px,calc(70 / 1200 * var(--vw))) min(30px,calc(30 / 1200 * var(--vw))) min(50px,calc(50 / 1200 * var(--vw)));display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#f3f3f3!important}#login-nav .login-account__btn:after,#login-nav .login-account__btn:before{content:"";position:absolute;top:0;width:1px;height:0;background-color:#858e9b;pointer-events:none;-webkit-transition:height 0.3s;transition:height 0.3s}#login-nav .login-account__btn:before{left:0}#login-nav .login-account__btn:after{right:0}@media screen and (max-width:812px){#login-nav .login-account__btn{padding:4.6875vw 3.125vw}}#login-nav .login-account__icon{height:min(64px,calc(64 / 1200 * var(--vw)));max-height:64px;margin-top:min(10px,calc(10 / 1200 * var(--vw)))}#login-nav .login-account__icon:not(:first-of-type){margin-left:min(40px,calc(40 / 1200 * var(--vw)))}@media screen and (max-width:812px){#login-nav .login-account__icon{height:5vw;margin-top:3.125vw}#login-nav .login-account__icon:not(:first-of-type){margin-left:6.25vw}}#login-nav .login-account__icon img{max-width:auto;height:100%}#login-nav .login-account__ttl{position:relative;margin-top:min(40px,calc(40 / 1200 * var(--vw)));font-size:min(16px,calc(16 / 1200 * var(--vw)));display:block}#login-nav .login-account__ttl--s{font-size:70%}@media screen and (max-width:812px){#login-nav .login-account__ttl{margin-top:3.125vw;font-size:3.75vw;text-align:left}}#login-nav .login__btn-close{position:absolute;top:30px;right:30px;width:36px;height:36px;border:solid 1px #858e9b}@media screen and (min-width:813px){#login-nav .login__btn-close{-webkit-transition:opacity 0.3s;transition:opacity 0.3s}#login-nav .login__btn-close:hover{opacity:0.5}}@media screen and (max-width:812px){#login-nav .login__btn-close{top:3.125vw;right:3.125vw;width:7.8125vw;height:7.8125vw}}#login-nav .login__btn-close:after,#login-nav .login__btn-close:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:85%;height:1px;margin:auto;background-color:#858e9b}#login-nav .login__btn-close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}#login-nav .login__btn-close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#login-nav .login__btn-close02{margin:min(60px,calc(60 / 1200 * var(--vw))) auto 0;padding:min(10px,calc(10 / 1200 * var(--vw))) min(40px,calc(40 / 1200 * var(--vw)));border:solid 1px #858e9b;font-family:eurostile,"Arial",sans-serif;font-size:min(20px,calc(20 / 1200 * var(--vw)));color:#858e9b;display:inline-block}@media screen and (min-width:813px){#login-nav .login__btn-close02{-webkit-transition:opacity 0.3s;transition:opacity 0.3s}#login-nav .login__btn-close02:hover{opacity:0.5}}@media screen and (max-width:812px){#login-nav .login__btn-close02{margin-top:9.375vw;padding:3.125vw 9.375vw;font-size:3.75vw}}:lang(ja) #login-nav .login__btn-close02,:lang(ja) #top .faq .faq-item__ttl-txt{font-family:vdl-logona,sans-serif}:lang(ko) #login-nav .login__btn-close02,:lang(ko) #top .faq .faq-item__ttl-txt{font-family:"Noto Sans KR","Malgun Gothic",sans-serif}:lang(zh-CN) #login-nav .login__btn-close02,:lang(zh-CN) #top .faq .faq-item__ttl-txt{font-family:"Noto Sans SC","Microsoft YaHei",sans-serif}:lang(zh-TW) #login-nav .login__btn-close02,:lang(zh-TW) #top .faq .faq-item__ttl-txt{font-family:"Noto Sans SC","Noto Sans TC","Microsoft JhengHei",sans-serif}.--animation-opacity{opacity:0;pointer-events:none}.--animation-opacity.--animation{opacity:1;pointer-events:auto;-webkit-transition:opacity 0.3s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s cubic-bezier(0.33,1,0.68,1)}.--animation-ttl{pointer-events:none}.--animation-ttl:before{width:0!important}.--animation-ttl>*{opacity:0}.--animation-ttl.--animation{pointer-events:auto}.--animation-ttl.--animation:before{width:100%!important;-webkit-transition:width 0.5s cubic-bezier(0.16,1,0.3,1);transition:width 0.5s cubic-bezier(0.16,1,0.3,1)}.--animation-ttl.--animation:after{-webkit-animation:ttl_animation 1.2s 0.5s linear both;animation:ttl_animation 1.2s 0.5s linear both}.--animation-ttl.--animation>*{opacity:1;-webkit-transition:opacity 0.1s 0.8s;transition:opacity 0.1s 0.8s}@-webkit-keyframes ttl_animation{0%{left:-100%;-webkit-animation-timing-function:cubic-bezier(0.16,1,0.3,1);animation-timing-function:cubic-bezier(0.16,1,0.3,1)}40%,70%{left:0}to{left:100%;-webkit-animation-timing-function:cubic-bezier(0.16,1,0.3,1);animation-timing-function:cubic-bezier(0.16,1,0.3,1)}}@keyframes ttl_animation{0%{left:-100%;-webkit-animation-timing-function:cubic-bezier(0.16,1,0.3,1);animation-timing-function:cubic-bezier(0.16,1,0.3,1)}40%,70%{left:0}to{left:100%;-webkit-animation-timing-function:cubic-bezier(0.16,1,0.3,1);animation-timing-function:cubic-bezier(0.16,1,0.3,1)}}.--animation-mask{opacity:0;-webkit-clip-path:polygon(0 0,0 0,0 100%,0% 100%);clip-path:polygon(0 0,0 0,0 100%,0% 100%);pointer-events:none}.--animation-mask.--animation{opacity:1;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);clip-path:polygon(0 0,100% 0,100% 100%,0% 100%);pointer-events:auto;-webkit-transition:-webkit-clip-path 0.3s cubic-bezier(0.33,1,0.68,1);transition:-webkit-clip-path 0.3s cubic-bezier(0.33,1,0.68,1);transition:clip-path 0.3s cubic-bezier(0.33,1,0.68,1);transition:clip-path 0.3s cubic-bezier(0.33,1,0.68,1),-webkit-clip-path 0.3s cubic-bezier(0.33,1,0.68,1)}.--animation-bottom{opacity:0;-webkit-transform:translateY(3vw);transform:translateY(3vw);pointer-events:none}.--animation-bottom.--animation{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);pointer-events:auto;-webkit-transition:opacity 0.3s 0.1s,-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,transform 0.6s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1)}.--animation-left{opacity:0;-webkit-transform:translateX(-3vw);transform:translateX(-3vw);pointer-events:none}.--animation-left.--animation{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);pointer-events:auto;-webkit-transition:opacity 0.3s 0.1s,-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,transform 0.6s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1)}.--animation-right{opacity:0;-webkit-transform:translateX(3vw);transform:translateX(3vw);pointer-events:none}.--animation-right.--animation{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);pointer-events:auto;-webkit-transition:opacity 0.3s 0.1s,-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,transform 0.6s cubic-bezier(0.33,1,0.68,1);transition:opacity 0.3s 0.1s,transform 0.6s cubic-bezier(0.33,1,0.68,1),-webkit-transform 0.6s cubic-bezier(0.33,1,0.68,1)}.--animation-underline{opacity:0;pointer-events:none}.--animation-underline:before{width:0!important}.--animation-underline.--animation{opacity:1;pointer-events:auto;-webkit-transition:opacity 0.3s 0.1s;transition:opacity 0.3s 0.1s}.--animation-underline.--animation:before{width:100%!important;-webkit-transition:width 0.3s 0.2s;transition:width 0.3s 0.2s}