.page_2 .detail .news .tabNav .tab_nav a,.page_3 .class .content .info,.page_4 .dragonSoul .content .info,.page_6 .content .btns_twitter .share span,.pagination a{font-family:"Noto Sans JP"}.page_1,.page_2,.page_3,.page_4,.page_5,.page_6,.swiper-slide{background-position:center top;background-repeat:no-repeat;background-size:cover}.page_2 .content,.page_3 .class .content,.page_4 .dragonSoul .content,.page_5 .content,.page_6 .content{position:relative;margin:auto;max-width:1100px}.page_3 h2,.page_4 h2{position:absolute;top:140px;left:0;right:0;margin:auto;text-align:center}.page_3 .class .content .info .name h3,.page_4 .dragonSoul .content .info h3{font-size:50px;color:#333;line-height:50px}.page_3 .class .content .info .name h4{font-size:21px;color:#888;line-height:21px;text-transform:uppercase}.page_3 .class .content .info,.page_4 .dragonSoul .content .info{float:right;margin-right:125px;padding:15px 25px 0;width:400px;background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(255,255,255,0)),color-stop(25%,white),color-stop(75%,white),to(rgba(255,255,255,0)));background-image:linear-gradient(0deg,rgba(255,255,255,0) 0%,white 25%,white 75%,rgba(255,255,255,0) 100%)}.pagination a .navIcon:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;background:#ffe84b;border-radius:50%}.swiper-button img,a,a .navIcon:before,a:before,a>*{display:block;-webkit-transition:0.3s;transition:0.3s}.wrap{position:relative;min-width:1200px;color:#515c6e}section{position:relative;min-height:945px}.fancybox-slide--video .fancybox-content{width:1000px!important;height:562px!important;max-width:80%;max-height:80%;margin:0}.swiper-wrapper{-webkit-transition-timing-function:cubic-bezier(0.17,0.86,0.46,1);transition-timing-function:cubic-bezier(0.17,0.86,0.46,1)}.swiper-slide{min-height:945px;background-size:auto 100%}.swiper-button{position:absolute;z-index:2;top:50%;cursor:pointer;outline:none;width:40px}.swiper-button img{width:100%;height:100%}.swiper-button:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1)}.swiper-button.prev{left:20px}.swiper-button.next{right:20px}.pagination{position:absolute;z-index:2;left:50%;bottom:55px;margin-left:25px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;width:400px}.pagination:before{top:0;bottom:0}.pagination a{font-size:17px;color:#333;text-align:center}.pagination a .navIcon{position:relative;width:94px}.pagination a .navIcon img{position:relative;margin:2px;width:calc(100% - 4px)}.pagination a .navIcon:before{width:100%;height:100%;opacity:0}.pagination a .navIcon.focus,.pagination a .navIcon:hover{color:#d0591a}.pagination a .navIcon:hover:before{opacity:1}.pagination a.focus .navIcon:before{opacity:1}.pagination a.focus,.pagination a:hover{color:#d0591a}.page_2 .detail .banBox .swiper-pagination,.page_5 .detail .swiper-pagination{width:100%;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}.page_2 .detail .banBox .swiper-pagination-bullet,.page_5 .detail .swiper-pagination-bullet{background:#92a0b5;border-radius:0;opacity:1;outline:none;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.page_2 .detail .banBox .swiper-pagination-bullet-active,.page_5 .detail .swiper-pagination-bullet-active{background:#4682f0!important}.page_1{background-image:url("../images/bg_1.jpg")}.page_1 h1{text-indent:-99999px;height:0}.page_1 .logo_m{display:none}.page_1 .btn_play{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;width:170px;height:170px;margin:420px auto 160px}.page_1 .btn_play .play_bg{position:absolute;width:100%;-webkit-animation:play_bg 4s linear infinite;animation:play_bg 4s linear infinite}@-webkit-keyframes play_bg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes play_bg{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.page_1 .btn_play .play{position:relative;margin:auto;width:100%}.page_1 .app{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.page_1 .app a{margin:0 4px}.page_1 .app a img{width:163px}.page_1 .btn_mount{position:absolute;right:20px;bottom:40px}.page_1 .btn_mount img{width:200px}.page_1 .btn_mount:hover img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}.page_1 .scrollDown{position:relative;margin:50px auto 0}.page_1 .scrollDown img{position:absolute;top:0;left:0;right:0;margin:auto;width:50px;-webkit-animation:down 1s ease-in-out infinite alternate;animation:down 1s ease-in-out infinite alternate}@-webkit-keyframes down{0%{top:0}50%{top:10px}to{top:0}}@keyframes down{0%{top:0}50%{top:10px}to{top:0}}.page_2{min-height:680px;background-image:url("../images/bg_2.jpg")}.page_2 .content{padding-top:140px}.page_2 .content h2{margin-bottom:70px;text-align:center}.page_2 .detail{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.page_2 .detail .banBox{position:relative;width:530px}.page_2 .detail .banBox .banner{overflow:hidden}.page_2 .detail .banBox .banner .swiper-slide{min-height:auto}.page_2 .detail .banBox .swiper-pagination{bottom:-35px}.page_2 .detail .banBox .swiper-pagination-bullet{margin:0 10px;width:12px;height:12px}.page_2 .detail .banBox .swiper-pagination-bullet-active{width:16px;height:16px}.page_2 .detail .news{width:530px;overflow:hidden}.page_2 .detail .news .tabNav{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%}.page_2 .detail .news .tabNav .tab_nav{margin-right:1px;background:transparent}.page_2 .detail .news .tabNav .tab_nav:last-of-type{margin-right:0}.page_2 .detail .news .tabNav .tab_nav a{padding:10px 13px;font-size:18px;color:#515c6e;line-height:18px;text-align:center}.page_2 .detail .news .tabNav .tab_nav a:hover{padding-bottom:9px;margin-bottom:1px;color:#fff;background:#82A6C9}.page_2 .detail .news .tabNav .tab_nav.focus a,.page_2 .detail .news .tabNav .tab_nav.focus a:hover{padding-bottom:10px;margin-bottom:0;color:#fff;background:#486187}.page_2 .detail .news .tabNav .btn_more{position:absolute;top:0;right:0;bottom:0;margin:auto;width:66px;height:26px;font-size:15px;color:#fff;line-height:28px;text-align:center;background:#486187;border-radius:3px}.page_2 .detail .news .tabNav .btn_more:hover{background:#82A6C9}.page_2 .detail .news .tabs{padding:17px 0 16px;border:2px #486187 solid;border-left-width:0;border-right-width:0}.page_2 .detail .news .tabs .tab{height:225px;overflow:hidden}.page_2 .detail .news .tabs .list a:nth-child(6),.page_2 .detail .news .tabs .list a:nth-child(7),.page_2 .detail .news .tabs .list a:nth-child(8),.page_2 .detail .news .tabs .list a:nth-child(9),.page_2 .detail .news .tabs .list a:nth-child(10){display:none}.page_2 .detail .news .tabs .list a{position:relative;width:100%;font-size:15px;border-bottom:1px #b8beca solid}.page_2 .detail .news .tabs .list a>*{line-height:27px}.page_2 .detail .news .tabs .list a p{padding:9px 55px 8px 110px;color:#515c6e;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page_2 .detail .news .tabs .list a p:hover{color:#36C;background:rgba(98,138,218,0.1)}.page_2 .detail .news .tabs .list a span,.page_2 .detail .news .tabs .list a tt{position:absolute;top:0;margin:9px 0 8px}.page_2 .detail .news .tabs .list a span{left:0;width:100px;color:#fff;text-align:center;background:#4682f0}.page_2 .detail .news .tabs .list a.type_1 span{background:#4682f0}.page_2 .detail .news .tabs .list a.type_2 span{background:#00a5e2}.page_2 .detail .news .tabs .list a.type_3 span{background:#7b69d3}.page_2 .detail .news .tabs .list a tt{right:0;width:44px;color:#515c6e}.page_2 .detail .news .tabs .list a:hover tt{color:#36C}.page_2 .detail .news .tabs .list a:nth-child(5){border-bottom-width:0}.page_2 .detail .news .tabs .pageNav{display:none}.page_3{background-image:url("../images/bg_3.jpg")}.page_3 .class{position:relative;overflow:hidden}.page_3 .class .class_1{background-image:url("../images/class_1.png")}.page_3 .class .class_2{background-image:url("../images/class_2.png")}.page_3 .class .class_3{background-image:url("../images/class_3.png")}.page_3 .class .class_4{background-image:url("../images/class_4.png")}.page_3 .class .content{padding-top:300px}.page_3 .class .content .info .name{padding-bottom:20px;border-bottom:2px #cfd2d8 solid}.page_3 .class .content .info .name img{float:left;margin-right:15px;width:83px}.page_3 .class .content .info .name h3{padding:6px 0 5px}.page_3 .class .content .info .name h4{padding-left:101px}.page_3 .class .content .info p{margin:30px 0 20px;font-size:18px;color:#515c6e;line-height:27px}.page_3 .class .content .mov{position:relative;display:block;width:100%;overflow:hidden;background:#000}.page_3 .class .content .mov img{width:100%;opacity:0.7}.page_3 .class .content .mov:after{content:"";display:block;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:100px;height:100px;background:url("../images/btn_play_2.png") center/cover no-repeat}.page_3 .class .content .mov:hover img{opacity:1;-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}.page_4{background-image:url("../images/bg_4.jpg")}.page_4 .dragonSoul{position:relative;overflow:hidden}.page_4 .dragonSoul .dragonSoul_1{background-image:url("../images/dragonSoul_1.png")}.page_4 .dragonSoul .dragonSoul_1 .info p{color:#b02f57}.page_4 .dragonSoul .dragonSoul_2{background-image:url("../images/dragonSoul_2.png")}.page_4 .dragonSoul .dragonSoul_2 .info p{color:#96755b}.page_4 .dragonSoul .dragonSoul_3{background-image:url("../images/dragonSoul_3.png")}.page_4 .dragonSoul .dragonSoul_3 .info p{color:#f56356}.page_4 .dragonSoul .dragonSoul_4{background-image:url("../images/dragonSoul_4.png")}.page_4 .dragonSoul .dragonSoul_4 .info p{color:#555a6d}.page_4 .dragonSoul .content{padding-top:300px}.page_4 .dragonSoul .content .info p{margin:13px auto 30px;font-size:24px;line-height:24px}.page_5{background-image:url("../images/bg_5.jpg")}.page_5 .content{padding-top:140px}.page_5 .content h2{margin-bottom:62px;text-align:center}.page_5 .detail{position:relative;margin:auto;width:900px}.page_5 .detail .features{width:100%;height:506px;overflow:hidden;cursor:-webkit-grab;cursor:grab}.page_5 .detail .features .swiper-slide{min-height:auto}.page_5 .detail .features .swiper-slide a{position:absolute;top:160px;right:168px;display:block;width:120px;height:120px}.page_5 .detail .fold{position:absolute;z-index:2;right:-21px;bottom:-24px;width:88px}.page_5 .detail .swiper-pagination{bottom:-80px}.page_5 .detail .swiper-pagination-bullet{margin:0 12px;width:14px;height:14px}.page_5 .detail .swiper-pagination-bullet-active{width:19px;height:19px}.page_6{background-image:url("../images/bg_6.jpg")}.page_6 .content{padding-top:140px}.page_6 .content h2{margin-bottom:62px;text-align:center}.page_6 .content .twitter{margin:0 auto 35px;width:900px;height:500px;background:#fff;border:5px #b8ad82 solid;border-radius: 17px;overflow: hidden}.page_6 .content .twitter .twitter-timeline{height:100%;overflow:auto}.page_6 .content .btns_twitter{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.page_6 .content .btns_twitter .btn_twitter_2{margin-right:50px}.page_6 .content .btns_twitter .btn_twitter_2 img{width:360px}.page_6 .content .btns_twitter .btn_twitter_2:hover img{-webkit-transform:scale(1.03,1.03);transform:scale(1.03,1.03)}.page_6 .content .btns_twitter .share{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.page_6 .content .btns_twitter .share span{margin-right:10px;font-size:21px;color:#fff;line-height:21px;letter-spacing:6px}.page_6 .content .btns_twitter .share a img{width:60px}.page_6 .content .btns_twitter .share a:hover img{-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}@media screen and (max-width:1366px) and (max-height:688px){.page_2,.page_3,.page_4,.page_5,.page_6{background-size:1694px auto}.page_3 h2,.page_4 h2{top:110px}.page_2 .content h2 img,.page_3 h2 img,.page_4 h2 img,.page_5 .content h2 img,.page_6 .content h2 img{width:580px}.page_3 .class .content .info .name h3,.page_4 .dragonSoul .content .info h3{font-size:45px;line-height:45px}.page_3 .class .content .info .name h4{font-size:19px;line-height:19px}.page_3 .class .content,.page_4 .dragonSoul .content{padding-top:250px;max-width:900px}.swiper-slide,section{min-height:834px}.swiper-button{width:34px}.pagination{bottom:15px;margin-left:35px;width:380px}.pagination a .navIcon{width:88px;height:88px}.page_1{min-height:685px;background-size:1400px auto}.page_1 .btn_play{width:110px;height:110px;margin:310px auto 130px}.page_1 .app a img{width:140px}.page_1 .btn_mount img{width:150px}.page_1 .scrollDown{margin-top:30px}.page_1 .scrollDown img{width:40px}.page_2{min-height:600px}.page_2 .content{padding-top:110px;max-width:1000px}.page_2 .detail .banBox{width:480px}.page_2 .detail .banBox .banner img{width:480px}.page_2 .detail .news{width:480px}.page_2 .detail .news .tabNav .tab_nav a{padding:10px}.page_2 .detail .news .tabNav .btn_more{width:58px}.page_2 .detail .news .tabs{padding:13px 0 12px}.page_2 .detail .news .tabs .tab{height:204px}.page_2 .detail .news .tabs .list a p{padding:7px 55px 6px 110px}.page_2 .detail .news .tabs .list a span,.page_2 .detail .news .tabs .list a tt{margin:6px 0}.page_3 .class .content .info{margin-right:35px;width:380px}.page_3 .class .content .info .name img{margin-right:12px;width:70px}.page_3 .class .content .info .name h4{padding-left:83px}.page_3 .class .content .info p{margin:20px 0}.page_3 .class .content .mov:after{width:90px;height:90px}.page_4 .dragonSoul .content .info{margin-right:35px;width:380px}.page_4 .dragonSoul .content .info p{font-size:21px;line-height:21px}.page_4 .dragonSoul .content .info img{width:100%}.page_5 .content{padding-top:110px;max-width:900px}.page_5 .content h2{margin-bottom:75px}.page_5 .detail{width:790px}.page_5 .detail .features{height:444px}.page_5 .detail .features img{width:100%}.page_5 .detail .fold{bottom:-19px;width:78px}.page_5 .detail .swiper-pagination{bottom:-70px}.page_5 .detail .swiper-pagination-bullet{margin:0 10px;width:16px;height:16px}.page_5 .detail .swiper-pagination-bullet-active{width:20px;height:20px}.page_6 .content{padding-top:110px;max-width:900px}.page_6 .content h2{margin-bottom:75px}.page_6 .content .twitter{width:840px;height:450px}.page_6 .content .btns_twitter .btn_twitter_2 img{width:320px}.page_6 .content .btns_twitter .share span{font-size:19px;line-height:19px}.page_6 .content .btns_twitter .share a img{width:53px}}@media screen and (max-width:900px){.page_2 .content h2,.page_3 h2,.page_4 h2,.page_5 .content h2,.page_6 .content h2{top:110px;left:50%;right:auto;margin-left:-250px}.page_2 .content h2 img,.page_3 h2 img,.page_4 h2 img,.page_5 .content h2 img,.page_6 .content h2 img{width:500px}.page_3 .class .content .info .name h3,.page_4 .dragonSoul .content .info h3{font-size:42px;line-height:42px}.page_3 .class .content .info .name h4{font-size:19px;line-height:19px}.page_3 .class .content,.page_4 .dragonSoul .content{padding-top:230px;width:514px}.page_3 .class .content .info{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;float:none;margin:auto;padding:0;width:90%;background-image:none}.swiper-button{display:none}.pagination{bottom:20px;margin-left:-200px}.wrap{min-width:100vw}.page_1,.page_2,.swiper-slide,section{min-height:133.335vw}.fancybox-slide--video .fancybox-content{width:100vw!important;height:56.25vw!important;max-width:100vw;margin:0}.page_1{background-image:url("../images/bg_1m.jpg")}.page_1 .logo_m{display:block;width:55vw;margin:65px auto 0}.page_1 .btn_play{margin:48vw auto 17vw;width:140px;height:140px}.page_1 .btn_mount{display:none}.page_2{background-image:url("../images/bg_2m.jpg")}.page_2 .content{padding-top:0}.page_2 .content h2{position:absolute;margin-bottom:0}.page_2 .detail{-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:250px;margin:auto;width:530px}.page_2 .detail .banBox{margin-bottom:80px}.page_2 .detail .banBox .banner{height:auto}.page_2 .detail .news .tabNav .tab_nav a{-webkit-transition:0s;transition:0s}.page_2 .detail .news .tabNav .tab_nav a.focus a,.page_2 .detail .news .tabNav .tab_nav a.focus a:hover,.page_2 .detail .news .tabNav .tab_nav a a:hover{padding-bottom:10px}.page_2 .detail .news .tabNav .tab_nav a:hover{margin-bottom:0}.page_3{background-image:url("../images/bg_3m.jpg")}.page_3 .class .class_1{background-image:url("../images/class_1m.png")}.page_3 .class .class_2{background-image:url("../images/class_2m.png")}.page_3 .class .class_3{background-image:url("../images/class_3m.png")}.page_3 .class .class_4{background-image:url("../images/class_4m.png")}.page_3 .class .content .info .name{margin-bottom:20px;padding-bottom:15px;width:100%}.page_3 .class .content .info .name img{margin-right:10px;width:70px}.page_3 .class .content .info .name h4{padding-left:82px}.page_3 .class .content .info p{width:50%;margin:0;font-size:18px;line-height:27px}.page_3 .class .content .mov{width:45%}.page_3 .class .content .mov:after{width:80px;height:80px}.page_3 .class .content .mov:hover img{opacity:0.7;-webkit-transform:scale(1,1);transform:scale(1,1)}.page_4{background-image:url("../images/bg_4m.jpg")}.page_4 .dragonSoul .dragonSoul_1{background-image:url("../images/dragonSoul_1m.png")}.page_4 .dragonSoul .dragonSoul_2{background-image:url("../images/dragonSoul_2m.png")}.page_4 .dragonSoul .dragonSoul_3{background-image:url("../images/dragonSoul_3m.png")}.page_4 .dragonSoul .dragonSoul_4{background-image:url("../images/dragonSoul_4m.png")}.page_4 .dragonSoul .swiper-slide{background-position:center -15px}.page_4 .dragonSoul .content .info{float:none;padding:30px 0 0 45px;margin-right:0;width:65%;background-image:none}.page_4 .dragonSoul .content .info p{margin-bottom:0}.page_4 .dragonSoul .content .info img{display:none}.page_5{background-image:url("../images/bg_5m.jpg")}.page_5 .content{padding-top:37.8vw}.page_5 .content h2{position:absolute;margin-bottom:0}.page_5 .detail{width:58.595vw}.page_5 .detail .features{width:100%;height:79.167vw}.page_5 .detail .features .swiper-slide img{width:100%}.page_5 .detail .features .swiper-slide a{top:auto;right:0;left:0;bottom:35px;margin:auto;width:120px;height:120px}.page_5 .detail .fold{right:-24px;bottom:-25px;width:80px}.page_5 .detail .swiper-pagination{bottom:-70px}.page_6{background-image:url("../images/bg_6m.jpg")}.page_6 .content{padding-top:230px}.page_6 .content h2{position:absolute;margin-bottom:0}.page_6 .content .twitter{max-width:500px;height:103vw;max-height:660px}.page_6 .content .btns_twitter .btn_twitter_2{margin-right:35px}.page_6 .content .btns_twitter .btn_twitter_2 img{width:auto;height:47px}.page_6 .content .btns_twitter .share span{margin-right:6px;font-size:18px;line-height:18px}.page_6 .content .btns_twitter .share a img{width:auto;height:47px}}@media screen and (max-width:600px){.page_3 .class .content .info .name h3{font-size:7.5vw;line-height:7.5vw}.page_3 .class .content .info .name h4{padding-left:21%;font-size:3.5vw;line-height:3.5vw}.page_3 .class .content .info{width:80%}.pagination{bottom:10px;margin-left:-36vw;width:72vw}.pagination a{width:23%;font-size:16px}.pagination a .navIcon{width:100%;height:auto}.page_1,.page_2,.swiper-slide,section{min-height:160vw}.page_1 .logo_m{width:65vw}.page_1 .btn_play{margin:52vw auto 22vw;width:25vw;height:25vw}.page_1 .scrollDown{margin:7vw auto 0}.page_1 .scrollDown img{width:9vw;min-width:35px}.page_2 .detail{width:86vw}.page_2 .detail .banBox{width:100%;height:auto}.page_2 .detail .banBox .banner img{width:100%}.page_2 .detail .news{width:100%}.page_2 .detail .news .tabNav .tab_nav.focus a,.page_2 .detail .news .tabNav .tab_nav.focus a:hover,.page_2 .detail .news .tabNav .tab_nav a:hover{padding-bottom:10px}.page_2 .detail .news .tabNav .tab_nav a{padding:10px 2.2vw}.page_3 .class .swiper-slide{background-position:center 7vw;background-size:auto 94%}.page_3 .class .content .info .name{margin-bottom:3vw;padding-bottom:2vw}.page_3 .class .content .info .name img{margin-right:3%;width:18%}.page_4 .dragonSoul .content .info{padding-top:15px}.page_5 .content{padding-top:45.5vw}.page_5 .detail{width:70vw}.page_5 .detail .features{height:94.5vw}.page_5 .detail .features .swiper-slide a{bottom:5.5vw;width:18vw;height:18vw}.page_5 .detail .fold{right:-3.8vw;bottom:-4vw;width:12vw}.page_5 .detail .swiper-pagination{bottom:-11.5vw}.page_5 .detail .swiper-pagination-bullet{margin:0 1.8vw;width:2.7vw;height:2.7vw}.page_5 .detail .swiper-pagination-bullet-active{width:3.5vw;height:3.5vw}.page_6 .content .twitter{margin-bottom:5vw;width:86%}.page_6 .content .btns_twitter .btn_twitter_2{margin-right:6vw}.page_6 .content .btns_twitter .btn_twitter_2 img{height:8vw}.page_6 .content .btns_twitter .share span{margin-right:1vw;font-size:3vw;line-height:3vw;letter-spacing:1vw}.page_6 .content .btns_twitter .share a img{height:8vw}}@media screen and (max-width:480px){.page_1,.page_2,.page_3,.page_4,.page_5{background-size:cover}.page_2 .content h2,.page_3 h2,.page_4 h2,.page_5 .content h2,.page_6 .content h2{top:calc(8vw + 55px);margin-left:-45vw}.page_2 .content h2 img,.page_3 h2 img,.page_4 h2 img,.page_5 .content h2 img,.page_6 .content h2 img{width:90vw}.page_3 .class .content .info .name h3,.page_4 .dragonSoul .content .info h3{font-size:7.5vw;line-height:7.5vw}.page_3 .class .content .info .name h4{font-size:3.5vw;line-height:3.5vw}.page_2 .detail,.page_3 .class .content,.page_4 .dragonSoul .content,.page_6 .content{padding-top:calc(28vw + 55px);width:85vw}.pagination{margin-left:-40vw;width:80vw}.pagination a{font-size:15px}.page_1,.page_2,.swiper-slide,section{min-height:177.867vw}.page_1 .logo_m{width:72vw}.page_1 .btn_play{margin:57vw auto 24vw;width:28vw;height:28vw}.page_1 .app a img{width:30vw}.page_1 .scrollDown{margin:7vw auto 0}.page_2 .detail{width:84vw}.page_2 .detail .banBox{margin-bottom:16vw}.page_2 .detail .banBox .swiper-pagination{bottom:-28px}.page_2 .detail .banBox .swiper-pagination-bullet{width:10px;height:10px}.page_2 .detail .banBox .swiper-pagination-bullet-active{width:13px;height:13px}.page_2 .detail .news .tabNav .tab_nav{width:calc((100% - 60px) / 4)}.page_2 .detail .news .tabNav .tab_nav a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;padding:2vw 3px;height:100%;font-size:3.7vw;line-height:3.7vw}.page_2 .detail .news .tabNav .tab_nav a.focus a,.page_2 .detail .news .tabNav .tab_nav a.focus a:hover,.page_2 .detail .news .tabNav .tab_nav a a:hover{padding-bottom:2vw}.page_2 .detail .news .tabNav .btn_more{width:48px;height:24px;font-size:13px;line-height:25px}.page_2 .detail .news .tabs{padding:2vw 0;height:auto}.page_2 .detail .news .tabs .tab{height:auto}.page_2 .detail .news .tabs .tab .list a{font-size:14px}.page_2 .detail .news .tabs .tab .list a>*{line-height:24px}.page_2 .detail .news .tabs .tab .list a span{width:92px}.page_2 .detail .news .tabs .tab .list a p{padding:2vw 47px 2vw 100px}.page_2 .detail .news .tabs .tab .list a tt{width:42px}.page_2 .detail .news .tabs .tab .list a span,.page_2 .detail .news .tabs .tab .list a tt{margin:2vw 0}.page_3 .class .content .info .name{margin-bottom:3vw;padding-bottom:2vw}.page_3 .class .content .info .name img{margin-right:3%;width:18%}.page_3 .class .content .info .name h3{padding:4px 0}.page_3 .class .content .info .name h4{padding-left:21%}.page_3 .class .content .info p{font-size:14px;line-height:21px}.page_3 .class .content .mov:after{width:12vw;height:12vw}.page_4 .dragonSoul .content .info{padding:4vw 0 0 5.5vw}.page_4 .dragonSoul .content .info p{margin-top:1.5vw;font-size:4vw;line-height:5vw}.page_5 .content{padding-top:50.5vw}.page_5 .detail{width:77.917vw}.page_5 .detail .features{height:105.21vw}.page_5 .detail .features .swiper-slide a{bottom:6.2vw;width:20vw;height:20vw}.page_5 .detail .fold{right:-4.2vw;bottom:-4.5vw;width:13.5vw}.page_5 .detail .swiper-pagination{bottom:-14vw}.page_5 .detail .swiper-pagination-bullet{margin:0 2.3vw;width:2.8vw;height:2.8vw;min-width:10px;min-height:10px}.page_5 .detail .swiper-pagination-bullet-active{width:3.6vw;height:3.6vw;min-width:14px;min-height:14px}.page_6 .content .twitter{width:100%;height:118vw}}@media screen and (max-width:420px){.page_1 .btn_play{margin-bottom:21vw}.page_2 .detail .news .tabNav .tab_nav.focus a,.page_2 .detail .news .tabNav .tab_nav.focus a:hover,.page_2 .detail .news .tabNav .tab_nav a:hover{padding-bottom:1.3vw}.page_2 .detail .news .tabNav .tab_nav a{padding:1vw 2.2vw 1.3vw;font-size:4.3vw;line-height:4.8vw}}@media screen and (max-width:375px){.pagination{margin-left:-40vw;width:80vw}.pagination a{width:24%;font-size:12px}.page_1 .logo_m{margin-top:60px;width:69vw}.page_1 .btn_play{margin:54vw auto 24.5vw}.page_2 .detail .news .tabs .tab .list a p{padding-right:0}.page_2 .detail .news .tabs .tab .list a tt{display:none}.page_3 .class .swiper-slide{background-size:auto 96%}.page_3 .class .content .info{width:88%}.page_3 .class .content .info .name h3{padding:3px 0}.page_3 .class .content .info p{font-size:14px;line-height:18px}.page_6{background-size:cover}.page_6 .content .btns_twitter .btn_twitter_2{margin-right:5vw}.page_6 .content .btns_twitter .btn_twitter_2 img{height:9vw}.page_6 .content .btns_twitter .share a img{height:9vw}}@media screen and (max-width:360px){.page_2 .content h2,.page_3 h2{top:calc(6.5vw + 55px)}.page_2 .content .detail .banBox .swiper-pagination{bottom:-8vw}.page_2 .content .detail .banBox .swiper-pagination-bullet{width:3vw;height:3vw}.page_2 .content .detail .banBox .swiper-pagination-bullet-active{width:4vw;height:4vw}.page_2 .content .detail .news .tabNav .tab_nav a{font-size:4.3vw;line-height:5vw}.page_2 .content .detail .news .tabNav .btn_more{width:48px;height:20px;font-size:12px;line-height:21px}.page_2 .content .detail .news .tabs{padding:3vw 0}.page_2 .content .detail .news .tabs .tab .list a{font-size:13px}.page_2 .content .detail .news .tabs .tab .list a span{width:86px}.page_2 .content .detail .news .tabs .tab .list a p{padding-left:92px}.page_3 .class .content .info p{font-size:14px;line-height:18px}.page_4 .dragonSoul .content{padding-top:calc(26vw + 55px)}.page_6 .content .twitter{height:115vw}}@media screen and (max-width:320px){.page_1 .btn_play{margin:52vw auto 24vw}.page_3{min-height:598.48px}.page_3 .swiper-slide{min-height:598.48px}.page_3 .class .content .info{width:96%}.page_3 .class .content .info p{font-size:13px}}@media screen and (max-width:860px) and (max-height:480px) and (orientation:landscape){.page_1,.page_2,.page_3,.page_4,.page_5,.page_6{background-size:cover}.page_1 .btn_play{margin:50vw auto 17.5vw;width:16vw;height:16vw}.page_1 .scrollDown{margin:7vw auto 0}.page_1 .scrollDown img{width:6vw}.page_2 .detail{width:68vw;min-width:470px}.page_2 .detail .banBox{margin-bottom:15vw;width:100%;height:auto}.page_2 .detail .banBox .banner img{width:100%}.page_2 .detail .banBox .swiper-pagination{bottom:-5vw}.page_2 .detail .news{width:100%}.page_2 .detail .news .tabs{padding:2.8vw 0}.page_2 .detail .news .tabs .tab{height:auto}.page_2 .detail .news .tabs .tab .list a span,.page_2 .detail .news .tabs .tab .list a tt{margin:1.6vw 0}.page_2 .detail .news .tabs .tab .list a p{padding:1.6vw 55px 1.6vw 110px}.page_3 .class .content{padding-top:33vw;width:60vw}.page_4 .dragonSoul .content{padding-top:33vw;width:63vw}.page_5 .detail .features .swiper-slide a{bottom:4.7vw;width:15vw;height:15vw}.page_5 .detail .fold{right:-3.1vw;bottom:-3.1vw;width:10vw}.page_6 .content .twitter{margin-bottom:4vw;max-width:66vw;height:88vw;max-height:none}.page_6 .content .btns_twitter .btn_twitter_2{margin-right:4.5vw}.page_6 .content .btns_twitter .btn_twitter_2 img{height:6vw}.page_6 .content .btns_twitter .share span{margin-right:1vw;font-size:2.5vw;line-height:2.5vw}.page_6 .content .btns_twitter .share a img{height:6vw}}@media screen and (max-width:670px) and (max-height:375px) and (orientation:landscape){.page_1 .btn_play{margin-top:48vw}}@media screen and (max-width:640px) and (max-height:360px) and (orientation:landscape){.page_3 .class .content .info .name h3,.page_4 .dragonSoul .content .info .name h3{padding:4px 0;font-size:36px;line-height:36px}.page_3 .class .content .info .name h4,.page_4 .dragonSoul .content .info .name h4{font-size:16px;line-height:16px}.page_2 .detail .banBox{margin-bottom:9vw}.page_2 .detail .news .tabNav .tab_nav a{padding:10px 1.5vw}.page_2 .detail .news .tabs{padding:2vw 0}.page_2 .detail .news .tabs .tab .list a span,.page_2 .detail .news .tabs .tab .list a tt{margin:1vw 0}.page_2 .detail .news .tabs .tab .list a p{padding:1vw 55px 1vw 110px}.page_3 .class .content{width:62vw}.page_3 .class .content .info .name{margin-bottom:15px;padding-bottom:10px}.page_3 .class .content .info .name img{width:60px}.page_3 .class .content .info .name h4{padding-left:71px}.page_3 .class .content .info p{font-size:16px;line-height:24px}.page_3 .class .content .mov:after{width:10vw;height:10vw}.page_4 .dragonSoul .content{width:70vw}.page_4 .dragonSoul .content .info .name{padding-bottom:17px}.page_4 .dragonSoul .content .info p{font-size:17px;line-height:17px}.page_6 .content .twitter{height:85vw}}@media screen and (max-width:580px) and (max-height:320px) and (orientation:landscape){.page_1 .btn_play{margin:58vw auto 20vw;width:20vw;height:20vw}.page_1 .app a img{width:24.5vw}.page_3 .class .content{padding-top:40vw;width:80vw}.page_4 .dragonSoul .content{padding-top:38vw;width:78vw}.page_5 .detail .features .swiper-slide a{bottom:5.5vw;width:18vw;height:18vw}.page_6 .content .twitter{max-width:76vw;height:100vw}}