.pg{width:100%;position:relative;padding-top:122.5%}.h2-title{width:56%;position:relative}.page01{background:url(../img/mb/bg1.86ee9d33.jpg) no-repeat top center;background-size:cover;z-index:2}.pic1-left{width:50%;height:100%;position:absolute;left:0;top:0;background:url(../img/mb/pic1_left.70ba2959.png) no-repeat top left;background-size:contain}.pic1-right{width:50%;height:100%;position:absolute;right:0;top:0;background:url(../img/mb/pic1_right.710105ac.png) no-repeat top right;background-size:contain}.st1{width:100%;height:100%;position:absolute;bottom:0;background:url(../img/mb/st1.c2a0dcf6.png) no-repeat center;background-size:141%;z-index:1}.pic1-bar{width:100%;height:30%;position:absolute;bottom:-4%;background:url(../img/mb/bar1.f663ccbc.png) no-repeat bottom center;background-size:contain;z-index:5}.btn1-box{width:67%;position:absolute;bottom:7.5%;z-index:10}.slogan{width:100%}.main-btn{width:100%;position:relative;text-align:center}.main-btn button{width:27%;display:inline-block;position:relative;margin:1% 4%}.page02{background:url(../img/mb/bg2.2e809637.jpg) no-repeat top center;background-size:cover}.content-all{width:100%;position:absolute;top:0;text-align:center;padding-top:3%;z-index:1}.story{width:67%;position:relative;margin-top:6%}.btn-down3{bottom:1%}.page03{background:url(../img/mb/bg3.3a204306.jpg) no-repeat top center;background-size:100% 107%;background-position-y:18%}.pic3-bar{width:100%;height:30%;position:absolute;top:-4%;background:url(../img/mb/bar2.327a6168.png) no-repeat top center;background-size:contain;z-index:1}.p3-content{width:100%;height:auto;position:relative}.st3{width:100%;position:relative;padding-top:102%}.st3-1{background:url(../img/mb/st3_1.bd0d0bf4.png) no-repeat top center;background-size:contain}.st3-2-1{background:url(../img/mb/st3_2_1.c1b76f5d.png) no-repeat top center;background-size:contain}.st3-2-2{background:url(../img/mb/st3_2_2.22f64f65.png) no-repeat top center;background-size:contain}.st3-2-3{background:url(../img/mb/st3_2_3.89aec929.png) no-repeat top center;background-size:contain}.st3-2-4{background:url(../img/mb/st3_2_4.22d70cdb.png) no-repeat top center;background-size:contain}.st3-2-5{background:url(../img/mb/st3_2_5.9c7904cf.png) no-repeat top center;background-size:contain}.st3-2-6{background:url(../img/mb/st3_2_6.73bfc2b8.png) no-repeat top center;background-size:contain}.st3-2-7{background:url(../img/mb/st3_2_7.bb05bc9b.png) no-repeat top center;background-size:contain}.btn3-box1{width:100%;height:auto;position:absolute;bottom:0}.btn3-box1 button{width:22%;position:relative;display:inline-block;margin:0 .5%}.ch3-box{width:8%;height:63%;position:absolute;right:-53%;top:11%;z-index:10}.ch3-box li{width:100%;height:13%;position:relative;display:block;margin-bottom:9%}.ch3-box li button,.ch3-box li button a{width:100%;height:100%;display:block}.btn3-box2{width:100%;height:auto;position:absolute;bottom:0}.btn3-box2 button{width:13%;position:relative;margin-right:-57%}.jump-play .modal-dialog,.jump-st .modal-dialog{margin-top:4%}.pic-jump{width:65%;margin-bottom:1%}@media screen and (min-height:1366px) and (max-width:1024px){.pg{padding-top:133.5%}.pic-jump{width:75%}.content-all{padding-top:7%}}@media screen and (max-width:820px){.pg{padding-top:125.5%}.content-all{width:97%}}@media screen and (max-width:820px) and (min-height:1024px){.story{width:78%}}@media screen and (max-width:820px) and (min-height:1180px){.pg{padding-top:144.5%}.pic-jump{width:76%}.st3{padding-top:123%}.st3-1{background:url(../img/mb/st3_1.bd0d0bf4.png) no-repeat top center;background-size:121%}.st3-2-1{background:url(../img/mb/st3_2_1.c1b76f5d.png) no-repeat top center;background-size:121%}.st3-2-2{background:url(../img/mb/st3_2_2.22f64f65.png) no-repeat top center;background-size:121%}.st3-2-3{background:url(../img/mb/st3_2_3.89aec929.png) no-repeat top center;background-size:121%}.st3-2-4{background:url(../img/mb/st3_2_4.22d70cdb.png) no-repeat top center;background-size:121%}.st3-2-5{background:url(../img/mb/st3_2_5.9c7904cf.png) no-repeat top center;background-size:121%}.st3-2-6{background:url(../img/mb/st3_2_6.73bfc2b8.png) no-repeat top center;background-size:121%}.st3-2-7{background:url(../img/mb/st3_2_7.bb05bc9b.png) no-repeat top center;background-size:121%}.btn3-box1 button{width:25%}.arrow{width:86%}.ch3-box{width:11%;right:-64%}.btn3-box2 button{margin-right:-66%}}@media screen and (max-width:768px){.pg{padding-top:118.5%}.content-all{width:95%}}@media screen and (min-height:1024px) and (max-width:768px){.pg{padding-top:133.5%}.story{width:70%}.content-all{padding-top:7%}a.carousel-control.left.arrow-left,a.carousel-control.right.arrow-right{width:7%}.arrow{top:67%}}@media screen and (max-width:680px){.pg{padding-top:133.5%}.content-all{width:97%}.story{width:74%}.st3{padding-top:114%}.st3-1{background:url(../img/mb/st3_1.bd0d0bf4.png) no-repeat top center;background-size:111%}.st3-2-1{background:url(../img/mb/st3_2_1.c1b76f5d.png) no-repeat top center;background-size:111%}.st3-2-2{background:url(../img/mb/st3_2_2.22f64f65.png) no-repeat top center;background-size:111%}.st3-2-3{background:url(../img/mb/st3_2_3.89aec929.png) no-repeat top center;background-size:111%}.st3-2-4{background:url(../img/mb/st3_2_4.22d70cdb.png) no-repeat top center;background-size:111%}.st3-2-5{background:url(../img/mb/st3_2_5.9c7904cf.png) no-repeat top center;background-size:111%}.st3-2-6{background:url(../img/mb/st3_2_6.73bfc2b8.png) no-repeat top center;background-size:111%}.st3-2-7{background:url(../img/mb/st3_2_7.bb05bc9b.png) no-repeat top center;background-size:111%}.arrow{width:68%;top:66%}.pic-jump{width:95%}.btn3-box1{bottom:2%}a.carousel-control.left.arrow-left,a.carousel-control.right.arrow-right{width:7.5%}.ch3-box{right:-58%}}@media screen and (max-width:480px){.pg{padding-top:150.5%}.btn-down,.btn-down2{width:16%}.btn1-box{width:75%}.story{width:85%}.st3{padding-top:131%}.st3-1{background:url(../img/mb/st3_1.bd0d0bf4.png) no-repeat top center;background-size:125%}.st3-2-1{background:url(../img/mb/st3_2_1.c1b76f5d.png) no-repeat top center;background-size:125%}.st3-2-2{background:url(../img/mb/st3_2_2.22f64f65.png) no-repeat top center;background-size:125%}.st3-2-3{background:url(../img/mb/st3_2_3.89aec929.png) no-repeat top center;background-size:125%}.st3-2-4{background:url(../img/mb/st3_2_4.22d70cdb.png) no-repeat top center;background-size:125%}.st3-2-5{background:url(../img/mb/st3_2_5.9c7904cf.png) no-repeat top center;background-size:125%}.st3-2-6{background:url(../img/mb/st3_2_6.73bfc2b8.png) no-repeat top center;background-size:125%}.st3-2-7{background:url(../img/mb/st3_2_7.bb05bc9b.png) no-repeat top center;background-size:125%}.btn3-box1 button{width:26%}.ch3-box{right:-65%;width:10%;height:61%}}@media screen and (max-width:428px){.pg{padding-top:166%}.st1{background:url(../img/mb/st1.c2a0dcf6.png) no-repeat center;background-size:173%}.btn1-box{width:87%}.content-all{padding-top:7%}.h2-title{width:69%}.story{width:94%}.st3{padding-top:149%}.st3-1{background:url(../img/mb/st3_1.bd0d0bf4.png) no-repeat top center;background-size:142%}.st3-2-1{background:url(../img/mb/st3_2_1.c1b76f5d.png) no-repeat top center;background-size:142%}.st3-2-2{background:url(../img/mb/st3_2_2.22f64f65.png) no-repeat top center;background-size:142%}.st3-2-3{background:url(../img/mb/st3_2_3.89aec929.png) no-repeat top center;background-size:142%}.st3-2-4{background:url(../img/mb/st3_2_4.22d70cdb.png) no-repeat top center;background-size:142%}.st3-2-5{background:url(../img/mb/st3_2_5.9c7904cf.png) no-repeat top center;background-size:142%}.st3-2-6{background:url(../img/mb/st3_2_6.73bfc2b8.png) no-repeat top center;background-size:142%}.st3-2-7{background:url(../img/mb/st3_2_7.bb05bc9b.png) no-repeat top center;background-size:142%}.arrow{width:93%}.btn3-box1 button{width:31%}.btn3-box2{bottom:3%}.btn3-box2 button{width:16%;margin-right:-76%}.ch3-box{right:-75%}}@media screen and (min-height:766px) and (max-width:428px){.jump-st .modal-dialog{margin-top:11%}.pg{padding-top:179%}}@media screen and (max-width:414px){.pg{padding-top:150%}.content-all{width:85%}.pic1-bar{background:url(../img/mb/bar1.f663ccbc.png) no-repeat bottom center;background-size:135%}.pic3-bar{background:url(../img/mb/bar2.327a6168.png) no-repeat top center;background-size:135%}.arrow{top:64%}}@media screen and (min-height:709px) and (max-width:414px){.pg{padding-top:171%}.content-all{width:94%}}@media screen and (min-height:714px) and (max-width:414px){.pg{padding-top:173%}.content-all{width:98%}}@media screen and (min-height:736px) and (max-width:414px){.pg{padding-top:178%}}@media screen and (max-width:395px){.pg{padding-top:167%}.content-all{width:93%}}@media screen and (max-width:375px){.pg{padding-top:147.5%}.content-all{width:83%}}@media screen and (min-height:667px) and (max-width:375px){.pg{padding-top:178.5%}.content-all{width:100%}.jump-st .modal-dialog{margin-top:12%}.st1{background:url(../img/mb/st1.c2a0dcf6.png) no-repeat center;background-size:184%}}@media screen and (max-width:360px){.pg{padding-top:164.5%}.modal-header>.btn-close{width:37px;height:auto}#btnGame .modal-header>.btn-close,.btn-ham{width:.75rem;height:.6rem}.content-all{width:95%;padding-top:5%}}@media screen and (max-width:330px){.pg{padding-top:141.5%}.content-all{width:81%;padding-top:3%}}@media screen and (min-height:568px) and (max-width:320px){.pg{padding-top:177.5%}.content-all{width:100%;padding-top:7%}}@media screen and (orientation:landscape) and (max-width:1024px){.btn-ham{top:3%}}@media screen and (orientation:landscape) and (max-width:926px){#btnGame .modal-header>.btn-close,.btn-ham{width:1.4rem;height:1rem}}@media screen and (orientation:landscape) and (max-width:736px){#btnGame .modal-header>.btn-close,.btn-ham{width:1.1rem;height:.9rem}.btn-ham{top:2%}}@media screen and (orientation:landscape) and (max-width:570px){body{min-width:568px}}