#keyvisual{height:49.6vw;max-height:995px;min-height:596px;overflow:hidden;background:url("../img/top/bg_kv.jpg") no-repeat top center;background-size:cover}#keyvisual .inner{position:relative;width:100%;height:100%;max-width:2000px;min-width:1200px;margin:0 auto}#keyvisual .inner .line{width:1.7%;height:110%;position:absolute;top:-3%;background-color:#000;transform:rotate(10.2deg);opacity:0}#keyvisual .inner .line1{left:4%}#keyvisual .inner .line2{right:4.2%}#keyvisual h1{position:absolute;top:60%;left:27%;width:46.5%;z-index:5;opacity:0}#keyvisual h1 img{width:100%}#keyvisual .box{position:absolute;top:0;opacity:0;width:23.7%;height:49.6vw;max-height:996px}#keyvisual .box img{width:100%}#keyvisual .box .bg1{position:absolute;top:0;left:19.2%;width:62%;height:100%;min-height:596px;background-color:#fff;overflow:hidden;transform:skewX(-10deg)}#keyvisual .box .bg2{position:absolute;top:0;left:0;opacity:0}#keyvisual .box .logo{position:absolute;top:0;left:0;opacity:0}#keyvisual .box .chara{position:absolute;top:0;left:18.8%;width:62.6%;height:100%;min-height:596px;overflow:hidden;transform:skewX(-10deg)}#keyvisual .box .chara span{display:block;transform:skewX(10deg);position:absolute}#keyvisual .box .chara span img{opacity:0}#keyvisual .box .shine{position:absolute;top:0;left:19%;width:62%;height:100%;min-height:596px;overflow:hidden;transform:skewX(-10deg);mix-blend-mode:overlay}#keyvisual .box .shine span{display:block;position:absolute;top:-100px;left:260px;width:309.4%}#keyvisual #box1{left:1.35%}#keyvisual #box1 .chara span{width:226.8%;top:17%;left:-30%}#keyvisual #box2{left:16.15%}#keyvisual #box2 .chara span{width:221.6%;top:14.8%;left:-34.5%}#keyvisual #box3{left:30.9%}#keyvisual #box3 .chara span{width:214.4%;top:18.8%;left:-80.2%}#keyvisual #box4{left:45.6%}#keyvisual #box4 .chara span{width:273%;top:-2.2%;left:-42.2%}#keyvisual #box5{left:60.35%}#keyvisual #box5 .chara span{width:209%;top:12.4%;left:-22.2%}#keyvisual #box6{left:75.05%}#keyvisual #box6 .chara span{width:203.8%;top:17.7%;left:-76%}@media only screen and (max-width: 768px){#keyvisual{height:154.8vw;max-height:unset;min-height:unset;overflow:hidden;background:url("../img/top/bg_kv-sp.jpg") no-repeat top center;background-size:cover}#keyvisual .bg-line{position:absolute;top:0;left:0;width:100%;height:100%;background:url("../img/top/bg_kv2-sp.png") no-repeat top center;background-size:cover;opacity:0}#keyvisual .inner{max-width:100%;min-width:100%}#keyvisual .inner .line{display:none}#keyvisual h1{top:46.5%;left:3%;width:94%}#keyvisual .box{width:41.7%;height:73.3vw;max-height:inherit}#keyvisual .box .bg1{position:absolute;top:0;left:16%;width:68.4%;height:73vw;min-height:inherit;background-color:#fff;overflow:hidden;transform:skewX(-9.9deg)}#keyvisual .box .chara{position:absolute;top:0;left:15.8%;width:68.4%;height:73vw;min-height:inherit;transform:skewX(-10deg)}#keyvisual .box .shine{left:15.2%;width:68.8%;height:73.3vw;min-height:inherit}#keyvisual .box .shine span{display:block;position:absolute;top:-100px;left:260px;width:309.4%}#keyvisual #box1{left:0.35%}#keyvisual #box1 .chara span{width:193%;top:10.4%;left:-14%}#keyvisual #box2{width:42.7%;left:28%;height:77.4vw}#keyvisual #box2 .bg1{left:16%;width:67%;height:77.4vw}#keyvisual #box2 .chara{left:17%;width:67.6%}#keyvisual #box2 .chara span{width:200%;top:10.2%;left:-21.5%}#keyvisual #box3{left:57.5%}#keyvisual #box3 .chara span{width:183%;top:12%;left:-59.4%}#keyvisual #box4{top:inherit;bottom:0;left:0.8%}#keyvisual #box4 .chara{left:15.6%;width:69%}#keyvisual #box4 .chara span{width:229.4%;top:-8%;left:-27.8%}#keyvisual #box5{width:42.7%;top:inherit;left:29.6%;bottom:0;height:77.4vw}#keyvisual #box5 .bg1{left:16%;width:67%;height:77.4vw}#keyvisual #box5 .chara{left:17%;width:67.6%}#keyvisual #box5 .chara span{width:209%;top:12.4%;left:-22.2%}#keyvisual #box6{top:inherit;left:58.05%;bottom:0}#keyvisual #box6 .chara{left:16%}#keyvisual #box6 .chara span{width:203.8%;top:14.7%;left:-76%}}#about{margin-bottom:168px}#about .ttl{margin-bottom:56px}#about p{text-align:center}@media only screen and (max-width: 768px){#about{margin-bottom:14%}#about .ttl{margin-bottom:4%}}#game{margin-bottom:190px;background-color:rgba(255,255,255,0.5);padding-bottom:95px}#game h2 img{margin-top:-42px}#game .ttl{margin-bottom:65px}#game ul{font-size:0;text-align:center}#game ul li{display:inline-block;margin:0 36px}#game ul li a{display:block;transition:all 0.3s ease}#game ul li a:hover{transform:scale(1.1)}@media only screen and (max-width: 768px){#game{margin-bottom:0;padding-bottom:6%}#game h2 img{margin-top:-5.6%}#game .ttl{margin-bottom:5.5%}#game ul li{width:76.1%;margin:0 auto 8%}}#event{background-color:rgba(1,33,230,0.5);padding-bottom:126px;text-align:center}#event h2 img{margin-top:-38px}#event .ttl{margin-bottom:50px}#event p{text-align:center}#event .logo{position:relative;z-index:2;margin-bottom:-138px}#event .txt{line-height:0;margin-bottom:70px}#event .important{width:1100px;border:3px solid #cc0000;background-color:#fff;margin:0 auto 64px}#event .important h3{line-height:1.5;font-size:28px;color:#fff;padding:15px 0;background-color:#cc0000}#event .important p{font-size:20px;line-height:1.6;font-weight:bold;color:#000099;padding:38px 50px 52px;text-align:left}#event .select ul{font-size:0}#event .select ul li{display:inline-block;width:550px;position:relative;left:0;bottom:-10px;padding:5px 0;opacity:0.8;cursor:pointer;transition:all 0.3s ease}#event .select ul li.active{bottom:0;opacity:1}#event .select ul li:nth-child(1){background-color:#cc0000}#event .select ul li:nth-child(1).active span{display:block;background:url("../img/top/bg_offline-pc.png") no-repeat top center}#event .select ul li:nth-child(2){background-color:#00a2ff}#event .select ul li:nth-child(2).active span{display:block;background:url("../img/top/bg_online-pc.png") no-repeat top center}#event .block{position:relative;width:1100px;margin:0 auto 64px;padding:30px 50px 10px;display:none}#event .block.active{display:block}#event .box{padding-bottom:46px;background:url("../img/top/bg_event.png") repeat-x top center #fff}#event .box h3 img{margin-top:-22px}#event .box h4{font-size:28px;font-weight:bold;color:#fff;margin-bottom:15px}#event .box h4 span{display:inline-block;padding:0 5px;background-color:#00a2ff;line-height:1.4}#event .box p{color:#000099;font-size:26px;line-height:1.4}#event .box p span{color:#ff1628;font-weight:bold}#event .box p a{font-size:30px;color:#000099;text-decoration:underline}#event .box p.bold{font-weight:bold}#event .box p.small{font-size:20px}#event .box .box-txt{font-size:20px;color:#000099;font-weight:bold}#event #offline{background-color:#cc0000}#event #offline .detail{position:relative;margin-bottom:54px}#event #offline .detail .btn{position:absolute;top:322px;left:20px}#event #offline .detail .note{width:1000px;margin:0 auto;background-color:#000757}#event #offline .detail .note p{font-size:20px;color:#fff;padding:20px 0}#event #offline .detail .note p a{display:block;font-size:34px;font-weight:bold;line-height:1;padding:10px 0 5px;color:#fff;text-decoration:underline}#event #offline .detail .note p a span{font-size:16px}#event #offline .box1{position:relative;margin-bottom:45px;padding-bottom:33px}#event #offline .box1 h3{position:relative;z-index:2;margin-bottom:16px}#event #offline .box1 p{position:relative;line-height:0;z-index:2}#event #offline .box1 .chara{position:absolute;bottom:0;left:-56px;opacity:0}#event #offline .box2{padding-bottom:15px;margin-bottom:45px}#event #offline .box2 .image{padding-top:10px;margin-bottom:35px}#event #offline .box2 h3{margin-bottom:28px}#event #offline .box2 .btn{padding-top:24px;margin-bottom:36px}#event #offline .box3{margin-bottom:45px}#event #offline .box3 h3{margin-bottom:22px}#event #offline .box3 h4{position:relative;width:516px;background-color:#00a2ff;margin:0 auto;padding:2px 0}#event #offline .box3 h4:nth-of-type(1){margin-bottom:18px}#event #offline .box3 h4:nth-of-type(1)::after{content:"";background:url("../img/top/icon_offline01.png") no-repeat top center;width:42px;height:38px;display:block;position:absolute;top:2px;left:5px}#event #offline .box3 h4:nth-of-type(2){margin:50px auto 18px}#event #offline .box3 h4:nth-of-type(2)::after{content:"";background:url("../img/top/icon_offline02.png") no-repeat top center;width:31px;height:39px;display:block;position:absolute;top:4px;left:8px}#event #offline .box3 h4:nth-of-type(3){margin:50px auto 20px}#event #offline .box3 h4:nth-of-type(3)::after{content:"";background:url("../img/top/icon_offline03.png") no-repeat top center;width:31px;height:39px;display:block;position:absolute;top:4px;left:8px}#event #offline .box3 .text1{margin-bottom:30px}#event #offline .box3 .btn{padding-top:24px;margin-bottom:36px}#event #online{background-color:#00a2ff;padding-bottom:50px}#event #online .detail{position:relative;margin-bottom:52px}#event #online .detail .btn{position:absolute;top:232px;left:20px}#event #online .image{margin-bottom:18px}#event #online .note{font-size:18px;color:#fff;text-align:left}#event #online .note span{color:#ff1628}#event #online .note:nth-of-type(1){margin-bottom:130px}#event #online .box1{position:relative;margin-bottom:45px;padding-bottom:33px}#event #online .box1 h3{position:relative;margin-bottom:16px;z-index:2}#event #online .box1 p{position:relative;line-height:0;z-index:2}#event #online .box1 .chara{position:absolute;bottom:0;left:-56px;opacity:0}#event #online .box2{position:relative;margin-bottom:45px;padding-bottom:33px}#event #online .box2 h3{margin-bottom:34px}#event #online .box2 .image{margin-bottom:50px}#event #online .box2 .note{text-align:center;margin-bottom:0;color:#000099}#event #online .box3{position:relative;margin-bottom:20px;padding-bottom:33px}#event #online .box3 h3{margin-bottom:34px}#event #online .box3 .image{margin-bottom:30px}#event #online .box3 .btn{padding-top:24px;margin-bottom:36px}#event #online .method li{position:relative;padding:20px 0;width:960px;background-color:#f0f5f8;margin:0 auto 15px}#event #online .method li p{color:#000099;font-size:24px;text-align:left;padding:0 20px 0 172px}#event #online .method li p.note{font-size:17px;color:#ff1628;margin-bottom:0}#event #online .method li p a{color:#000099;text-decoration:underline}#event #online .method li .btn{padding-top:20px;margin-bottom:10px}#event #online .method li .right{width:165px;display:block;padding:8px 0;position:absolute;top:14px;left:-12px;font-size:24px;font-weight:bold;color:#fff;line-height:1;background-color:#000099;text-align:center}#event #online .method li .right::after{content:"";display:block;width:20px;height:100%;position:absolute;top:0;right:-8px;transform:skewX(-20deg);background-color:#000099}#event #apply{width:1100px;margin:0 auto 72px;background-color:#fff;padding:42px 0 34px}#event #apply h3{margin-bottom:10px}#event #apply .detail{width:1050px;margin:0 auto;padding:64px 0 25px;background:url("../img/top/bg_apply-pc.jpg") no-repeat center top;background-size:cover}#event #apply .detail .image1{margin-bottom:20px}#event #apply .detail .note{font-size:18px;color:#000099;text-align:left;margin-left:26px;margin-bottom:40px}#event #apply .detail .period{font-size:30px;font-weight:bold;color:#fff;text-align:center;width:1000px;padding:10px 0;background-color:#ff1628;margin:0 auto 16px}#event #notice{width:1100px;margin:0 auto;padding:42px 55px 50px;background-color:#fff}#event #notice h3{margin-bottom:46px}#event #notice p{font-size:16px;color:#000099;text-align:left}#event #notice p span{font-size:22px}#event #notice p:last-child{padding-top:30px}@media only screen and (max-width: 768px){#event{padding:11% 0 21.5%}#event h2 img{margin-top:0}#event .ttl{margin-bottom:7%}#event p{text-align:center}#event .logo{width:60.4%;margin:0 auto -20%}#event .txt{margin:0 3.2% 9.5%}#event .important{width:auto;margin:0 3.2% 9%}#event .important h3{font-size:3.74vw;padding:3% 0}#event .important p{font-size:3.13vw;padding:5% 3% 6%;text-align:left}#event .select ul{font-size:0}#event .select ul li{position:relative;width:48%;bottom:-1vw;padding:1% 1% 0}#event .select ul li:nth-child(1){background-color:#cc0000}#event .select ul li:nth-child(1).active span{display:block;background:url("../img/top/bg_offline-sp.png") no-repeat top center;background-size:cover}#event .select ul li:nth-child(2){background-color:#00a2ff}#event .select ul li:nth-child(2).active span{display:block;background:url("../img/top/bg_online-sp.png") no-repeat top center;background-size:cover}#event .select ul li:nth-child(2)::after{content:"";display:block;background:url("../img/top/btn_event02_after.png") no-repeat top center;background-size:contain;position:absolute;top:-4.8vw;right:0;width:23.3%;height:11.5vw}#event .block{width:auto;margin:0 auto 12%;padding:4% 3.4% 3.2%;display:none}#event .block.active{display:block}#event .box{padding-bottom:9%;background:url("../img/top/bg_event.png") repeat-x top center #fff}#event .box h3{width:47.9%}#event .box h3 img{margin-top:-8%}#event .box h4{font-size:4.38vw;margin-bottom:2%}#event .box h4 span{padding:0 1%}#event .box p{font-size:4.07vw}#event .box p a{font-size:30px}#event .box p.small{font-size:3.13vw;margin:0 3%}#event .box p.text{margin:0 3%}#event .box .box-txt{font-size:3.13vw;margin-bottom:1%}#event #offline .detail{position:relative;margin-bottom:9.4%}#event #offline .detail .btn{top:88.8vw;left:11.8%;width:77.3%}#event #offline .detail .note{width:auto}#event #offline .detail .note p{font-size:3.44vw;padding:2% 0}#event #offline .detail .note p a{font-size:5.32vw;padding:3% 0}#event #offline .detail .note p a span{font-size:2.5vw}#event #offline .box1{position:relative;margin-bottom:8%;padding-bottom:5.5%}#event #offline .box1 h3{margin:0 auto 3%}#event #offline .box1 .chara{width:107.2%;left:-3.6%}#event #offline .box2{padding-bottom:3%;margin-bottom:8%}#event #offline .box2 .image{width:41.2%;padding-top:1.8%;margin:0 auto 5%}#event #offline .box2 h3{margin:0 auto 4%}#event #offline .box2 .btn{padding-top:4%;width:70.5%;margin:0 auto 5%}#event #offline .box3{margin-bottom:2%}#event #offline .box3 h3{margin:0 auto 4%}#event #offline .box3 h4{width:94.5%;padding:0.4% 0}#event #offline .box3 h4:nth-of-type(1){margin-bottom:3%}#event #offline .box3 h4:nth-of-type(1)::after{content:"";background:url("../img/top/icon_offline01.png") no-repeat top center;background-size:contain;width:7.5%;height:6vw;display:block;position:absolute;top:0.4vw;left:1%}#event #offline .box3 h4:nth-of-type(2){margin:6.5% auto 3%}#event #offline .box3 h4:nth-of-type(2)::after{content:"";background:url("../img/top/icon_offline02.png") no-repeat top center;background-size:contain;width:5.6%;height:6.2vw;display:block;position:absolute;top:inherit;left:1.4%;bottom:0}#event #offline .box3 h4:nth-of-type(3){margin:6.5% auto 3%}#event #offline .box3 h4:nth-of-type(3)::after{content:"";background:url("../img/top/icon_offline03.png") no-repeat top center;background-size:contain;width:4.8%;height:5.4vw;display:block;position:absolute;top:0.7vw;left:1.5%}#event #offline .box3 .text1{margin-bottom:5%}#event #offline .box3 .btn{padding-top:24px;margin-bottom:36px}#event #online{padding-bottom:7%}#event #online .detail{margin-bottom:4%}#event #online .detail .btn{top:79.2vw;left:11.8%;width:77.3%}#event #online .image{margin-bottom:2%}#event #online .note{font-size:3.13vw}#event #online .note:nth-of-type(1){margin-bottom:9%}#event #online .box1{margin-bottom:8%;padding-bottom:5.5%}#event #online .box1 h3{margin:0 auto 3%}#event #online .box1 .chara{width:107.2%;left:-3.6%}#event #online .box2{margin-bottom:8%;padding-bottom:3%}#event #online .box2 h3{margin:0 auto 7%}#event #online .box2 .image{margin-bottom:6.5%}#event #online .box2 .note{font-size:2.8vw;margin-bottom:0}#event #online .box3{margin-bottom:3%;padding-bottom:1%}#event #online .box3 h3{margin:0 auto 4.5%}#event #online .box3 h4{margin-bottom:3.5%}#event #online .box3 h4:nth-of-type(2){line-height:1.2;padding:1%}#event #online .box3 .image{width:41.2%;padding-top:1.8%;margin:0 auto 5%}#event #online .box3 .btn{padding-top:4%;width:70.5%;margin:0 auto 5%}#event #online .method li{position:relative;padding:2% 0;width:94.5%;background-color:#f0f5f8;margin:0 auto 2.5%}#event #online .method li p{font-size:3.7vw;padding:0 2.5%}#event #online .method li p.note{font-size:3.13vw;padding-top:3%}#event #online .method li .btn{width:74.7%;padding-top:4.5%;margin-bottom:1.8%}#event #online .method li .right{width:26.5%;padding:1.8% 0;position:inherit;top:0;left:0;font-size:3.75vw;margin-bottom:1%}#event #online .method li .right::after{content:"";display:block;width:15%;height:100%;position:absolute;top:0;right:-9%;transform:skewX(-12deg);background-color:#000099}#event #apply{width:auto;margin:0 auto 13%;padding:6.5% 0 5%}#event #apply h3{width:56.3%;margin:0 auto 4%}#event #apply .detail{width:94.4%;margin:0 auto;padding:0 0 7%;background:url("../img/top/bg_apply-pc.jpg") no-repeat center top;background-size:cover}#event #apply .detail .image1{width:106%;margin-left:-3%;margin-bottom:4%}#event #apply .detail .image1 img{margin-top:-9.5%}#event #apply .detail .note{display:none}#event #apply .detail .period{font-size:4.38vw;width:100%;padding:1.5% 0;margin:0 auto 3%}#event #notice{width:100%;margin:0 auto;padding:7% 4%;background-color:#fff}#event #notice h3{width:61.2%;margin:0 auto;margin-bottom:7%}#event #notice p{font-size:3.44vw}#event #notice p span{font-size:4.69vw}#event #notice p:last-child{padding-top:4%}}