/*

LP css
----------------
160212 ver100 make
-------------------------------- */

html,body{
    width:100%;
    height:100%;
    color:#603813;
}
body{
      font-family:"Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
}


iframe{
    margin: 10px 0 20px 0;
}

#wrap2{
    background: rgba(255,255,255,0.8);
    width:1000px;
    margin:0px auto;
}

#header{
    position:relative;
}

.pagebox {
    width:100%;
    min-height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}

.innder{
    width:1000px;
    margin:0px auto;
}

.subinner{
    width:910px;
    margin:0px auto;
}


/* Header
フルワイド動画
---------------------------------------------------------
*/

#header h1{
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:0px auto;
    display:block;
    width:229px;
    height:190px;
    text-align:center;
    display:block;
    z-index: 150;
}

#full_video{
    position:fixed;
    top:0;

    min-width: 100%;
    min-height: 100%;

    z-index:-1;
    margin:0;
    padding:0;
}

@media screen and (max-width: 1024px){
#full_video{
  left: 50%;
  margin-left: -512px; }
}



.light_text{
    position:absolute;
    top:20%;
    right: 0;
    left: 0;
    margin:0 auto;
    text-align:center;
    color:#fff;
}

.light_text h2{
    font-size: 28px;
    margin-bottom: 10px;
}

.light_text h3{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    margin-top: 50px;
}

.light_text p{
    text-align:justify;
    width: 690px;
    margin: 0 auto;
}
.light_text .text{
    font-size: 15px;
    margin-top: 10px;
}
.light_text .text span{
    display: inline-block;
    font-size: 12px;
    line-height:1.2em;
    margin: 6px 0 8px;
}
.light_text img{
    width: 500px;
}

.downbox{
    width:100px;
    height:100px;
    position:absolute;
    top:90%;
    left:50%;
    margin:-50px 0 0 -50px;
    text-align:center;
}

.bound_time{
    -webkit-animation-duration: 3s;
    animation-duration: 3s;

    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

/*

FirstCol
------------------------------------------ */



.span3 h4,
.span3_l h4{
    text-align:left;
    font-size:20px;
}

.natural header h2{
    font-size:28px;
    line-height:35px;
    margin-bottom: 20px;
}
.centerimg3{
    width:910px;
    margin:20px 0px 40px 0px;
}
.centerimg2{
    width:290px;
    display:block;
    margin-top:15px;
}
#h3fs{
    font-size:35px;
    margin-bottom: 20px;
}
#h2fs{
    font-size: 20px
}

.natural header h3{
    font-size:45px;
    line-height:60px;
}


.natural_f03 header h2{
    font-size:19px;
    line-height:26px;
    font-weight:bolder;
}

.natural_f03 header h3{
    font-size:48px;
    line-height:55px;
    margin-top:30px;
}

#F01{
    padding-top:30px;
}

.f01_a {
    width:680px;
    margin:0px auto;
    line-height:28px;
    margin-top:10px;
}
.f01_a span {
    display: block;
    padding: 0 220px;
    text-align: left;
    line-height:28px;
    font-weight: bold;
}

#F02{
    margin-top:55px;
}

.row .span2{
    float:left;
    width:445px;
    margin-right:20px;
}
.row .span2_l{
    float:left;
    width:445px;
    margin-right:0;
}


.row .span3{
    float:left;
    width:290px;
    margin-right:20px;
}
.row .span3_l{
    float:left;
    width:290px;
    margin-right:0;
}

#F03{
    margin-top:50px;
}

#F03 header{
    margin-bottom:50px;
}

.bigtext{
    color:#9FA0A0;
    font-size:21px;
    font-weight:bolder;
}

.bijin_mem{
    position:relative;
    margin-bottom:5px;
}

.bijin_mem ul{
    position:absolute;
    top:17px;
    left:750px;
    display:inline-block;
}

.bijin_mem ul li{
    display:inline-block;
    margin-right:5px;
}

.section_default{
    margin-top:70px;
    margin-bottom:45px;
    text-align:left;
}
.row .span1_3{
    float:left;
    width:350px;
    margin-right:30px;
}
.row .span2_3{
    float:left;
    width:520px;
}

.question h3{
    font-size:20px;
    line-height:26px;
    font-weight:bolder;
}
.qa header{
    margin-bottom:15px;
    text-align:center;
}
.answer p{
    font-size:16px;
    line-height:27px;
    margin-bottom:27px;
}
span.p{
    font-weight:bold;
    margin-right:5px;
}

.about{
    font-size:14px;
    margin-top:10px;
}

.mbbottom{
    margin-bottom:40px;
}

.centerimg{
    display:block;
    margin:20px auto 0px auto;
}

.span1_2{
    width:435px;
    float:left;
    margin-right:30px;
}
.span1_2_1{
    width:435px;
    float:left;
}

#S01 h2{
    font-size:35px;
}
#S01 .graph h3{
    font-size:18px;
    font-weight:bolder;
    text-align: left;
}

.graph p{
    text-align:left;
    font-size:15px;
    line-height:20px;
    margin:20px 0px;
    font-weight:bolder;
}
.graph p span{
    display: block;
    text-align:right;
    font-size:13px;
    line-height:20px;
    margin:15px;
}

.heightbox{
    height:135px;
}
.heightbox2{
    height:150px;
}
#Footer{
    margin-top:80px;
    padding-bottom:100px;
}
#Footer img{
    display:block;
    margin:0px auto;
    margin-bottom:30px;
}

address{
    font-size:18px;
    text-align:center;
    line-height:20px;
}

address span{
    display:block;
    font-size:16px;
    margin:20px 0;
}
address span a{
    color: #603813;
    padding: 5px 7px;
    border:1px solid #603813;
    margin: 0 5px;
}
address span a:hover{
    background-color: #603813;
    color: #fff;
}

/*
汎用クラス
--------------------------- */
.center{
    text-align:center;
}

.bold{
    font-weight:bold;
}

#page-top {
    position: fixed;
    bottom: 20px;
    width:100%;
}
#page-top img{
    display:block;
    margin-left:972px;
}



/* --------------------------------------------
hack
-----------------------------------------------*/

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}
.clearfix{
    display: inline-block;
}
/* Hides from IE Mac */
* html .clearfix{
    height: 1%;
}
.clearfix{
    display:block;
}

/* End Hack */

/*

160305
-------------------------- */
.pcnone{
    display:none;
}

.subsp{
    display:none;
}