.main{background:url(../images/bg_b825e7aa.jpg) 50% no-repeat;background-size:cover;box-sizing:border-box;min-height:11rem;overflow:hidden;padding-bottom:2rem;padding-top:1px;position:relative;width:100%}.main .title{background:url(../images/title_a0eb07bd.png) no-repeat;background-size:100% 100%;height:.98rem;margin:2.4rem auto 0;position:relative;width:4.85rem;z-index:1}.main .role-cont{background:url(../images/bg_8af0a670.jpg) 50% no-repeat;background-size:100% 100%;height:13.17rem;margin:-.15rem auto 0;position:relative;width:15.2rem;z-index:0}.main .role-list{height:100%;position:relative;width:100%}.main .role-item{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .5s;width:100%;z-index:-1}.main .role-item.act{opacity:1;z-index:1}.main .role-item.ani-go .role-lh img{animation:scaleGo 1s cubic-bezier(.85,0,.15,1)}.main .role-item.ani-go .name1{animation:bottomGo .3s ease .3s forwards}.main .role-item.ani-go .name2{animation:expandGo 2s ease-in-out forwards}.main .role-item.ani-go .cv{animation:topGo .3s ease .4s forwards}.main .role-item.ani-go .desc{animation:topGo .4s ease .6s forwards}.main .role-item.ani-go .params{animation:topGo .4s ease .8s forwards}.main .role-item.ani-go .video{animation:topGo .4s ease 1s forwards}.main .role-lh{display:flex;height:82%;left:50%;margin-left:-3rem;position:absolute;top:50%;transform:translate(-50%,-50%)}.main .role-lh img{height:100%;object-fit:contain}.main .role-detail{left:8.87rem;position:relative;width:4.57rem}.main .name{left:0;position:absolute;top:1.3rem}.main .name .name1{color:#807359;font-family:hge_r;font-size:.17rem;letter-spacing:.1rem;opacity:0}.main .name .name2{font-size:.6rem;left:-.1rem;overflow:hidden;position:relative;white-space:nowrap}.main .cv,.main .name .name2{color:#807359;font-family:zas_r}.main .cv{font-size:.3rem;left:0;opacity:0;position:absolute;top:2.94rem}.main .cv:after{content:"CV";top:-.2rem}.main .cv:after,.main .desc{color:#807359;font-family:zas_r;font-size:.15rem;left:0;position:absolute}.main .desc{line-height:.3rem;opacity:0;top:3.7rem}.main .params{left:0;opacity:0;position:absolute;top:6.4rem}.main .params .param-item{display:flex;margin-bottom:.08rem}.main .params .param-item div:first-child{align-items:center;background-color:rgba(0,0,0,.03);display:flex;justify-content:center;line-height:100%;margin-right:.25rem;min-height:.3rem;text-align:center;width:1.7rem}.main .params .param-item div{color:#807359;font-family:zas_r;font-size:.15rem;line-height:.25rem;white-space:nowrap}.main .video{cursor:pointer;height:2.45rem;left:0;margin:auto;opacity:0;position:absolute;top:9rem;width:4.57rem}.main .video:before{background-color:rgba(0,0,0,.7);content:"";height:2.39rem;left:.03rem;position:absolute;top:.03rem;width:4.51rem}.main .video:after{background:url(../images/play_50a1a51d.png) no-repeat;background-size:100% 100%;content:"";height:1.18rem;left:50%;margin:-.59rem 0 0 -.59rem;position:absolute;top:50%;width:1.18rem}.main .video img{border:.03rem solid #5e99e9;box-sizing:border-box;height:100%;width:100%}.main .role-slide{align-items:center;bottom:-.8rem;display:flex;justify-content:center;position:absolute;width:100%}.main .role-slide .role-slide-btn{height:1.09rem;margin:0 .15rem;position:relative;width:1.09rem;border-radius: 50%;}.main .role-slide .role-slide-btn:after,.main .role-slide .role-slide-btn:before{content:"";height:100%;position:absolute;width:100%}.main .role-slide .role-slide-btn:after{opacity:0;transition:opacity .3s}.main .role-slide .role-slide-btn.act:after,.main .role-slide .role-slide-btn:hover:after{opacity:1}.main .role-slide .role-slide-btn1:before{background:url(../images/1_ae408440.png) 50% no-repeat;background-size:1.01rem 1.01rem}.main .role-slide .role-slide-btn1:after{background:url(../images/1_h_84b32717.png) 50% no-repeat;background-size:100% 100%}.main .role-slide .role-slide-btn2:before{background:url(../images/2_e4255556.png) 50% no-repeat;background-size:1.01rem 1.01rem}.main .role-slide .role-slide-btn2:after{background:url(../images/2_h_d5c0013f.png) 50% no-repeat;background-size:100% 100%}.main .role-slide .role-slide-btn3:before{background:url(../images/3_81497866.png) 50% no-repeat;background-size:1.01rem 1.01rem}.main .role-slide .role-slide-btn3:after{background:url(../images/3_h_5c8be840.png) 50% no-repeat;background-size:100% 100%}.main .role-slide .role-slide-btn4:before{background:url(../images/4_ea184419.png) 50% no-repeat;background-size:1.01rem 1.01rem}.main .role-slide .role-slide-btn4:after{background:url(../images/4_h_945e3f90.png) 50% no-repeat;background-size:100% 100%}.main .role-slide .role-slide-btn5:before{background:url(../images/5_033f9c6f.png) 50% no-repeat;background-size:1.01rem 1.01rem}.main .role-slide .role-slide-btn5:after{background:url(../images/5_h_0da15d97.png) 50% no-repeat;background-size:100% 100%}.main .role-slide .role-slide-btn6:before{background:url(../images/6_2ee0b005.png) 50% no-repeat;background-size:1.01rem 1.01rem}.main .role-slide .role-slide-btn6:after{background:url(../images/6_h_821c4e56.png) 50% no-repeat;background-size:100% 100%}.main .role-switch{left:50%;margin-top:1rem;position:absolute;top:50%;transform:translateX(-50%);width:100%;z-index:2}.main .role-switch a{background:url(../images/switch2_771cd106.png) no-repeat;background-size:100% 100%;height:.39rem;position:absolute;transition:left .3s,right .3s;width:1.05rem}.main .role-switch .prev{left:-1rem}.main .role-switch .prev:hover{left:-1.1rem}.main .role-switch .next{right:-1rem;transform:rotateY(180deg)}.main .role-switch .next:hover{right:-1.1rem}blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0}body{overflow:-moz-scrollbars-none;-ms-overflow-style:none}body::-webkit-scrollbar{width:0}body::-webkit-scrollbar-thumb{background:transparent}.overflow{overflow:hidden}abbr,body,fieldset,html,iframe,img{border:0}li{list-style:none}textarea{overflow:auto;resize:none}input{outline:none}table{border-collapse:collapse;border-spacing:0}a,button{cursor:pointer}b,em,h1,h2,h3,h4,h5,h6,strong{font-style:normal}body,button,input,textarea{color:#62a1c9}body,html{min-width:1400px;width:100%}::placeholder{color:#454545}.wbox{clear:both;display:inline-block;margin:0 auto;position:relative;width:1200px}.wbox:after{clear:both;content:".";display:block;height:0;visibility:hidden}* html .wbox{zoom:1}a,button,div,input,select,textarea{border:0;margin:0;outline:none;padding:0}a,a:hover{text-decoration:none}select{appearance:none}.hide{display:none}@font-face{font-family:ls_jp_b;src:url(https://www.kaihoukukan-overfield.jp/pc/gw/20240429155846/font/ls_jp_b_a15c9614.otf)}@font-face{font-family:zas_r;src:url(https://www.kaihoukukan-overfield.jp/pc/gw/20240429155846/font/zas_r_8c5bb066.ttf)}@font-face{font-family:tcmc;src:url(../fonts/tcmc_19704550.ttf)}@font-face{font-family:hge_r;src:url(../fonts/hge_r_bd6ae4f9.ttf)}body{opacity:0;transition:opacity .5s}.footer{background-color:#fff;box-sizing:border-box;height:6.48rem;padding-top:1px;position:relative;width:100%}.footer .contact{margin:auto;width:11rem}.footer .t-cont{align-items:center;display:flex;justify-content:space-between;margin-top:1.46rem;width:100%}.footer .logo{background:url(../images/logo1_2afbfe1b.png) no-repeat;background-size:100% 100%;height:1.46rem;width:4.49rem}.footer .contact-list{width:4.49rem}.footer .contact-list p{color:#040000;font-family:ls_jp_b;font-size:.14rem;line-height:.32rem}.footer .b-cont{margin-top:.64rem}.footer .b-cont .share{align-items:center;display:flex;justify-content:center}.footer .b-cont a{margin:0 .2rem;transition:opacity .3s}.footer .b-cont a:hover{opacity:.8}.footer .b-cont .youtube{background:url(../images/icon1_d8ab4b41.png) no-repeat;background-size:100% 100%;height:.3rem;width:.43rem}.footer .b-cont .discord{background:url(../images/icon2_9a8c2fde.png) no-repeat;background-size:100% 100%;height:.3rem;width:.4rem}.footer .b-cont .twitter{background:url(../images/icon3_6edd9ef5.png) no-repeat;background-size:100% 100%;height:.3rem;width:.3rem}.footer .b-cont .ins{background:url(../images/icon5_193613ab.png) no-repeat;background-size:100% 100%;height:.3rem;width:.3rem}.footer .b-cont .tiktok{background:url(../images/icon4_30a075a6.png) no-repeat;background-size:100% 100%;height:.3rem;width:.26rem}.footer .b-cont p{color:#040000;font-family:ls_jp_b;font-size:.12rem;margin-top:.6rem;text-align:center}.footer .copyright{align-items:center;background-color:#000;bottom:0;display:flex;height:.8rem;justify-content:center;left:0;position:absolute;width:100%}.footer .copyright a{color:#fff;font-family:ls_jp_b;font-size:.14rem;margin:0 .5rem}.ny-zs-1{background:url(../images/zs_1_1f20cf97.png) no-repeat;background-size:100% 100%;height:6.2rem;top:0;width:100%}.ny-zs-1,.ny-zs-2{left:0;position:absolute}.ny-zs-2{background:url(../images/zs_2_c94e41ff.png) no-repeat;background-size:100% 100%;height:9.39rem;top:1.5rem;width:3.92rem;z-index:1}.ny-zs-3{background:url(../images/zs_3_7352e5b0.png) no-repeat;background-size:100% 100%;height:7.56rem;right:0;width:4.47rem}.ny-zs-3,.ny-zs-4{position:absolute;z-index:1}.ny-zs-4{background:url(../images/mask_40ffa069.png) no-repeat;background-size:100% 100%;height:10.4rem;left:50%;top:-5.85rem;transform:translateX(-50%);width:19.2rem}.go-home{background:url(../images/home_btn_b6d340de.png) no-repeat;background-size:100% 100%;bottom:-1.5rem;height:.92rem;position:absolute;right:.1rem;transition:filter .3s;width:.92rem;z-index:4}.go-home:hover{filter:brightness(1.2)}.pop{bottom:0;height:100vh;left:0;opacity:0;position:fixed;right:0;top:0;transition:opacity .5s,z-index .5s;width:100vw;z-index:-1}.pop.show{opacity:1;z-index:999}.pop.show .content-scale{transform:translate(-50%,-50%) scale(1)}.pop .content-scale{box-sizing:border-box;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(.6);transition:transform .4s}.nav-pop{background:url(../images/loading_bg_d9e8d868.jpg) 50% no-repeat;background-size:cover}.nav-pop.show .nav-item1{animation:topGo .3s cubic-bezier(.25,.46,.45,.94) .2s both}.nav-pop.show .nav-item2{animation:topGo .3s cubic-bezier(.25,.46,.45,.94) .3s both}.nav-pop.show .nav-item3{animation:topGo .3s cubic-bezier(.25,.46,.45,.94) .4s both}.nav-pop.show .nav-item4{animation:topGo .3s cubic-bezier(.25,.46,.45,.94) .5s both}.nav-pop.show .nav-item5{animation:topGo .3s cubic-bezier(.25,.46,.45,.94) .6s both}.nav-pop .container{align-items:center;display:flex;height:100%;overflow:hidden;position:relative;width:100%}.nav-pop .logo{background:url(../images/logo1_2afbfe1b.png) 50% no-repeat;background-size:contain;cursor:auto;height:.69rem;left:.55rem;position:absolute;top:.5rem;width:2.1rem}.nav-pop .show-pic{animation:float 5s ease-in-out infinite;height:100%;position:relative;width:12rem}.nav-pop .show-pic img{left:50%;max-height:6.74rem;max-width:8.25rem;object-fit:contain;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .5s,z-index .5s;z-index:-1}.nav-pop .show-pic img.show{opacity:1;z-index:1}.nav-pop .nav-list{display:flex;flex-direction:column;justify-content:center}.nav-pop .nav-item{display:flex;margin-bottom:.66rem;opacity:0}.nav-pop .nav-item:hover .nav-tit{background:url(../images/nav_bg_569f3066.png) no-repeat;background-size:100% 100%}.nav-pop .nav-item:last-child{margin-bottom:0}.nav-pop .nav-index{background:url(../images/nav_zs_bcac01b1.png) no-repeat;background-size:100% 100%;color:#6194ac;font-family:tcmc;font-size:.22rem;height:.61rem;line-height:.46rem;position:relative;text-align:center;width:.56rem}.nav-pop .nav-index:after{background-color:#807359;content:"";height:1px;left:50%;position:absolute;top:-.1rem;transform:translateX(-50%);width:.49rem}.nav-pop .nav-tit{align-items:center;box-sizing:border-box;color:#807359;display:flex;font-family:zas_r;font-size:.25rem;height:.43rem;line-height:.43rem;padding-left:.2rem;position:relative;transition:background .3s;width:4.92rem}.nav-pop .nav-tit span{color:#807359;font-size:.25rem;height:100%;line-height:.28rem}.nav-pop .nav-tit:after{color:#807359;font-family:tcmc;font-size:.1rem;left:.1rem;letter-spacing:.04rem;position:absolute;top:-.32rem}.nav-pop .nav-item1 .nav-tit:after{content:"BACK TO TOP"}.nav-pop .nav-item2 .nav-tit{padding-left:.15rem}.nav-pop .nav-item2 .nav-tit:after{content:"SYSTEM"}.nav-pop .nav-item3 .nav-tit{padding-left:.15rem}.nav-pop .nav-item3 .nav-tit:after{content:"CHARACTER"}.nav-pop .nav-item4 .nav-tit{padding-left:.27rem}.nav-pop .nav-item4 .nav-tit:after{content:"OTHERS"}.nav-pop .nav-item5 .nav-tit{padding-left:.27rem}.nav-pop .nav-item5 .nav-tit:after{content:"NEWS"}.nav-pop .share{align-items:center;bottom:.33rem;display:flex;justify-content:center;position:absolute;right:.15rem}.nav-pop a{margin:0 .2rem}.nav-pop .youtube{background:url(../images/icon1_d8ab4b41.png) no-repeat;background-size:100% 100%;height:.3rem;width:.43rem}.nav-pop .discord{background:url(../images/icon2_9a8c2fde.png) no-repeat;background-size:100% 100%;height:.3rem;width:.4rem}.nav-pop .twitter{background:url(../images/icon3_6edd9ef5.png) no-repeat;background-size:100% 100%;height:.3rem;width:.3rem}.nav-pop .ins{background:url(../images/icon5_193613ab.png) no-repeat;background-size:100% 100%;height:.3rem;width:.3rem}.nav-pop .tiktok{background:url(../images/icon4_30a075a6.png) no-repeat;background-size:100% 100%;height:.3rem;width:.26rem}.nav-pop .bgm-btn{background:url(../images/bgm_on2_b6d15deb.png) no-repeat;background-size:100% 100%;height:.92rem;margin-top:-.15rem;width:.92rem}.nav-pop .bgm-btn.off{background:url(../images/bgm_off2_d5b23341.png) no-repeat;background-size:100% 100%}.world-pop:before{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.7);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.world-pop .content{background:url(../images/ruler_f8bec994.png) 50% no-repeat;background-size:12.02rem 1.31rem;height:100%;position:relative;width:100%}.world-pop .world-item{display:none;opacity:0;position:absolute;transform:scale(.5)}.world-pop .world-item.show{display:block}.world-pop .world-item .close{align-items:center;display:flex;flex-direction:column;justify-content:center;position:absolute}.world-pop .world-item .close:hover .icon{transform:rotate(90deg)}.world-pop .world-item .close span{bottom:-.15rem;color:#695f53;font-family:tcmc;font-size:.12rem;left:50%;letter-spacing:.02rem;margin-left:.04rem;position:absolute;text-align:center;transform:translate3d(-50%,0,0) rotate(-6deg);white-space:nowrap}.world-pop .world-item .close .icon{background:url(../images/close_c0fb187d.png) no-repeat;background-size:100% 100%;height:.33rem;transition:transform .3s;width:.33rem}.world-pop .world-item.world-item1{height:4.99rem;width:9.84rem}.world-pop .world-item.world-item1 img{width:100%}.world-pop .world-item.world-item1 .close{right:1.59rem;top:1.11rem}.world-pop .world-item.world-item2{height:4.97rem;width:9.2rem}.world-pop .world-item.world-item2 img{width:100%}.world-pop .world-item.world-item2 .close{right:1.19rem;top:1.45rem;transform:rotate(8deg)}.world-pop .world-item.world-item3{height:5.04rem;width:10.23rem}.world-pop .world-item.world-item3 img{width:100%}.world-pop .world-item.world-item3 .close{right:1.19rem;top:1rem}.qrcode-pop:before{backdrop-filter:blur(5px);background-color:rgba(0,0,0,.7);bottom:0;content:"";height:100%;left:0;position:absolute;right:0;top:0;width:100%}.qrcode-pop .content{background:url(../images/ruler_f8bec994.png) 50% no-repeat;background-size:12.02rem 1.31rem;height:100%;position:relative;width:100%}.qrcode-pop .qrcode-box{background:url(../images/qrcode_box_79b8d1fb.png) no-repeat;background-size:100% 100%;height:5.33rem;left:50%;margin:-2.67rem 0 0 -4.5rem;position:absolute;top:50%;width:9.4rem}.qrcode-pop .qrcode-box .close{background:url(../images/close2_babadcc4.png) no-repeat;background-size:100% 100%;height:.33rem;position:absolute;right:1.29rem;top:.88rem;transition:transform .3s;width:.33rem}.qrcode-pop .qrcode-box .close:hover{transform:rotate(90deg)}.qrcode-pop .qrcode-box img{height:2.1rem;left:2.05rem;position:absolute;top:1.88rem;width:2.1rem}.video-pop{background-color:rgba(0,0,0,.7)}.video-pop video{object-fit:contain;width:8.88rem}.video-pop .close{background:url(../images/close1_3ea17226.png) no-repeat;background-size:100% 100%;height:.62rem;position:absolute;right:-.77rem;top:0;transition:transform .3s;width:.62rem}.video-pop .close:hover{transform:rotate(90deg)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes breathingEffect{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes float{0%,to{transform:translateZ(0) rotate(0deg)}50%{transform:translate3d(0,10px,0) rotate(1deg)}}@keyframes topGo{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes topUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes bottomGo{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleGo{0%{opacity:0;transform:scale(1.05)}50%{opacity:1}to{opacity:1;transform:scale(1)}}@keyframes expandGo{0%{width:0}50%{width:200%}to{width:100%}}@keyframes opacityGo{0%{opacity:0}to{opacity:1}}