@charset "utf-8";

html, body{width:100%; height:100%; overflow:hidden;}
#wrap, .body, .main{width:100%; height:100%;}

/* main */
.main .bg{position:absolute; top:0; left:0; right:0; bottom:0; z-index:-1; -ms-transform:scale(1.2, 1.2); -webkit-transform:scale(1.2, 1.2); -webkit-transition:transform 7s ease-out, opacity 1s ease 0.3s; transition:transform 7s ease-out, opacity 1s ease 0.3s;}
.main section{overflow:hidden;}
.main .visual01 .bg{background:url('../img/mobile/visual1.jpg') no-repeat 50% 50%/cover}
.main .visual02 .bg{background:url('../img/mobile/visual2.jpg') no-repeat 50% 50%/cover}
.main .visual03 .bg{background:url('../img/mobile/visual3.jpg') no-repeat 50% 50%/cover}
.main .visual04 .bg{background:url('../img/mobile/visual4.jpg') no-repeat 50% 50%/cover}
.main .ui-page-scrolling-section_active .bg{-ms-transform: scale(1, 1) rotate(.001deg); -webkit-transform:scale(1, 1) rotate(.001deg); transform:scale(1, 1) rotate(.001deg); -webkit-transition-delay:0s; transition-delay:0s;}
.main .txt{position:absolute; top:23%; left:0; width:100%; text-align:center;}
.main .txt h2{display:block; line-height:1.2; font-size:35px; color:#fff; font-weight:800; text-shadow:2px 2px 10px #333}
.main .txt h3{display:block; font-size:21px; font-weight:800; margin-bottom:14px; color:#fff; text-shadow:2px 2px 10px #333}
.main .txt p{line-height:1.5; margin-top:25px; color:#fff; text-shadow:2px 2px 10px #333; font-size:15px;}
.main .txt a{position:relative; display:inline-block; margin-top:60px; padding:10px 65px 10px 18px; border:1px solid #fff; color:#fff; border-radius:25px; text-align:center; font-size:15px; background:rgba(0,0,0,0.2);}
.main .txt a:focus{background:#ef7d0d; border:1px solid #ef7d0d}
.main .txt a em{position:absolute; width:30px; height:8px; background:url('../img/mobile/visual_btn.png') no-repeat center/cover; right:25px; top:14px;}
.scroll{position:absolute; bottom:5%; width:100%; text-align:center; z-index:9}
.scroll p{display:inline-block; width:35px; height:35px; background:url('../img/mobile/scroll.png') no-repeat center/cover; text-indent:-9999px;}
#main_footer{position:absolute; bottom:0;left:0;right:0;}
#footer{display:none;}
.subContent{display:none;}