/*====================================================*/
/* common */
/*====================================================*/
.clearfix{clear:both; overflow:hidden;}
.clear{clear:both;}
.finline{line-height:0;}
.left{float:left;}
.right{float:right;}

*, *:before, *:after {box-sizing: border-box;}
html {
    font-size: 62.5%;
    -webkit-text-size-adjust: none;
}
body {
    font: 14px/40px Trebuchet MS, 游ゴシック体, 'Yu Gothic', YuGothic,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
    color:#fff;
    background-color:#eef7f5;
    position:relative;
    
/*    transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    zoom:0.9\9*/
    
    
}
#wrapper {min-width:1020px;}
.bodyw{width:980px; margin:0 auto;}

.title-en{
    font:bold 17px/21px "HelveticaNeue", "Helvetica";
    text-transform: uppercase;
    letter-spacing: 6px;
}
/*====================================================*/
/* style */
/*====================================================*/
.posfix{width:100%;height:100%;position:fixed;top:0;left:0;}
.video-bg{z-index:-1;min-width: 1020px;}
.bg-bg{z-index:0;background:rgba(219, 242, 242, 0.5);min-width: 1020px;}
.bg-bg-fix{z-index:7;background:rgba(219, 242, 242, 0.5);opacity:1;min-width: 1020px;}

.main-bg{
    z-index:1;
    min-width: 1020px;
}
.main-trainer-bg{
    z-index:2;
    text-align: center;
}
.imgfix{display:none;height:100%; max-height:875px;}
.main-map-bg{
    z-index:3;
    text-align:center;
}
.main-fix-bg{
    z-index:4;
    text-align:center;
}
.main-txt-group{    
    z-index:5;
}
.main-txt-group .finline{
    position: relative;
    height:100%;
}
#logo{
    font-size:0; line-height:0;
    position: fixed; top:50px; z-index:7
}
/*.main-txt-bg{
    position:absolute;
    left:-110px; top:110px;
    opacity: 0.7;
}*/
.main-head-txt{
    position: absolute;
    left:20%;
    bottom:50px;
    width:585px;
}
.main-txt1{padding:0 0 25px 9px;}
.main-txt2{}
.main-txt3{padding:22px 0 23px;}
.main-txt4{padding-bottom:36px;}
.main-txt5{}

.contents{
    width:100%; min-width: 1020px;
    top:766px;left:0;
    position:absolute;z-index:10;
    padding-bottom:970px;
}
.contents > .bodyw{position: relative}
.contents section{
    margin-bottom:50px;
    position: relative
}
.blue{background-color:#0086ca;}
.naviblue{background-color:#001d2c}

.boxtxt{
    width:400px;
    position:absolute;
    text-align:center;
}
.boxtxt h3{padding-bottom:45px;}
.boximg{
    border:10px solid #fff;
    display: inline-block;
}
.boxtxt, .boximg{position: absolute;}

#sec1{height:610px; z-index:11;}
#sec1 .boxtxt{z-index:13;padding:82px 0 92px;}
#sec1 .boximg{right:0; top:100px;z-index:12;}

#sec2{height:830px; z-index:14;}
#sec2 .boxtxt{right:50px;z-index:15;padding:120px 0;}
#sec2 .boximg{top:320px;left:50px;z-index:16}

#sec3{height:700px; z-index:17; margin-bottom: 0}
#sec3 .boxtxt{
    z-index:19;
    padding:98px 0 102px;
}
#sec3 .boxtxt p{padding-top:40px;}
#sec3 .boxtxt p:first-child{padding-top:0;}
#sec3 .boximg{top:190px;right:0;z-index:18}


.bline{
    background-color:#ccc;
    position:absolute;
}
.line_t{top:0;left:0}
.line_r{right:0;top:0}
.line_b{bottom:0;right:0}
.line_l{left:0;top:0}
.line_l, .line_r{width:1px; height:100%}
.line_b, .line_t{height:1px;width:100%}

#boxline1{
    position:absolute; z-index:20;
    top:380px; left:200px;
    width:349px; height:480px;
}
#boxline1 .line_b{left:0}

#boxline2{
    position:absolute; z-index:21;
    top:1050px; left:380px;
    width:450px; height:586px;
}