.pg{width:100%;position:relative;padding-top:49.9%}.bg-all{width:100%;height:75%;position:absolute;top:25%;background:url(../img/bg.mmkkrp78.jpg)no-repeat top;background-size:cover}.page01{background:url(../img/video.mmkkrp78.jpg)no-repeat top;background-size:cover}.fgo-logo{width:15%;height:auto;position:absolute;top:2%;left:2%;z-index:10}.pic1-bottom{width:100%;height:22%;position:absolute;bottom:0;background:url(../img/pic1_bottom.mmkkrp78.png) no-repeat bottom;background-size:contain;z-index:1}.play{width:9.5%;height:24%;position:absolute;right:11.3%;bottom:-2.6%;background:url(../img/play.mmkkrp78.png) no-repeat 50%;background-size:contain;z-index:10}.btn-back:hover,.btn-box button:hover,.btn-logout:hover,.btn-winter:hover,.btn1-tgs:hover,.btng-back-class:hover,.content-all button:hover,.play2:hover,.play:hover{opacity:.7}.main{width:55.3%;height:auto;position:absolute;bottom:12%;text-align:center;z-index:1}.slogan{width:77%;margin-bottom:2%}.btn-box,.slogan{position:relative}.btn-box{width:100%;height:auto;text-align:center}.btn-box button{width:23%;margin:0 2% 1.5%}.video-pic{width:100%;height:100%;position:absolute;top:0;background:url(../img/pic1_video.mmkkrp78.png) no-repeat 50%;background-size:cover;z-index:1}.btn-logout{width:7%;position:absolute;cursor:pointer;transition:.3s;top:4%;right:2%;z-index:2}.btnj-dl-box-all{width:32%;height:24%;position:absolute;text-align:center;top:41.7%;right:-34%}.btnj-dl-box{width:100%;height:100%;position:absolute;display:inline-block}.btnj-dl-box button{height:45%;margin:0 0 5%;display:inline-block}.btnj-dl-box button,.page02{width:100%;position:relative}.page02{height:auto}.content-all{width:84%;height:100%;position:absolute;top:0;padding-top:3%}.title{width:60%;margin-bottom:4.6%}.story,.title{position:relative}.story{width:24%}#p3 .title{width:52.3%}.btn-ch-box{width:11%;height:12%;position:absolute;top:35.5%;left:8.1%;z-index:1}.btn-ch-box li{width:100%;height:46%;position:relative;margin-bottom:5%}.btn3-ch1{background:url(../img/btn3_ch1.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-ch2{background:url(../img/btn3_ch2.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-ch1.active,.btn3-ch1:hover{background:url(../img/btn3_ch1_on.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-ch2.active,.btn3-ch2:hover{background:url(../img/btn3_ch2_on.mmkkrp78.png) no-repeat top;background-size:contain}.st3-box{width:66.6%;height:70.5%;position:absolute;top:18%}.btn3-act,.btn3-st{width:21.2%;position:absolute;top:74.5%;right:-42.1%}.btn3-st2{top:80.3%}.btn-stch-box1{width:13%;height:8%;position:absolute;top:70.4%;left:30.5%;text-align:left}.btn-stch-box1 li{width:30%;height:100%;position:relative;display:inline-block}.btn3-st-ch1{background:url(../img/btn3_stch1.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch2{background:url(../img/btn3_stch2.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch3{background:url(../img/btn3_stch3.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch1.active,.btn3-st-ch1:hover{background:url(../img/btn3_stch1_on.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch2.active,.btn3-st-ch2:hover{background:url(../img/btn3_stch2_on.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch3.active,.btn3-st-ch3:hover{background:url(../img/btn3_stch3_on.mmkkrp78.png) no-repeat top;background-size:contain}.btn-stch-box2{width:13%;height:8%;position:absolute;top:85.4%;left:30.5%;text-align:left}.btn-stch-box2 li{width:30%;height:100%;position:relative;display:inline-block}.btn3-st-ch4{background:url(../img/btn3_stch4.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch5{background:url(../img/btn3_stch5.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch6{background:url(../img/btn3_stch6.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch4.active,.btn3-st-ch4:hover{background:url(../img/btn3_stch4_on.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch5.active,.btn3-st-ch5:hover{background:url(../img/btn3_stch5_on.mmkkrp78.png) no-repeat top;background-size:contain}.btn3-st-ch6.active,.btn3-st-ch6:hover{background:url(../img/btn3_stch6_on.mmkkrp78.png) no-repeat top;background-size:contain}