@charset "utf-8";
/*-----------------------------------------------------
common
--------------------------------------------------------*/
	.forPC,
	.forTB{display:none;}
	.forSP{display:inherit;}

/*-----------------------------------------------------
sp
-------------------------------------------------------*/
html{font-size:10px;}
img {max-width:100%; height:auto;}
body{font-size:1.4rem;}
@media screen and (max-width: 374px) {
	body{font-size:1.3rem;}
}

/*--------------------------------------------------------------------
   header
---------------------------------------------------------------------*/
header{padding:0 15px 200px;}
header .hdrIn{
    padding-top:42%;
    background:url(../images/main_sp.png) center center no-repeat;
    background-size:contain;
}
header::after{bottom:-320px;}

/*--------------------------------------------------------------------
   container
---------------------------------------------------------------------*/
/* lead
-----------------------*/
#lead{
    position:relative;
    min-height:250px;   
}
#lead::before{
    height:250px;
    top:-180px;
}

#lead p{
    font-size:1.6rem;
    line-height:1.8;
    top:-150px;
}
/* area
-----------------------*/
#container .bgOut{
    margin:0 auto -80px;
    top:-120px;
}

section.area h2{
    font-size:2rem;
}
section.area h2 span{
    padding-top:5px;
    font-size:1.6rem;
}

section.area .inner .img,
section.area .inner .txt{
    width:auto;
    float:none;    
}
section.area#area02 .inner .img{ float:none;}
section.area#area02 .inner .txt{ float:none;}
section.area .inner .img{margin-bottom:30px;}

section.area .inner .txt ul{
    margin-left:-5px;
    margin-right:-5px;
}

section.area .inner .txt ul li{
    width:50%;
    margin:0 0 10px 0;
    padding-left:5px;
    padding-right:5px;
}
section.area .inner .txt ul + a{
    width:100%;
}

@media screen and (max-width: 374px) {
    /*iphone5*/
}