@charset "utf-8";


/*===============================================*/

/*  for PC / IE8   画面の横幅が959px以上 */

/*===============================================*/

/*instArea
------------------------------------*/

section.instArea{
	margin:0px auto 0px;
	width:100%;
	height:auto;
	position: relative;
}



/*intro*/

section.instArea .intro{
	margin:80px auto 0px;
	width:90%;
	height:auto;
	position: relative;
	text-align:center;
}

section.instArea .intro h2{
	margin-bottom:20px;
	width: 100%;
	height:auto;
	font-size:30px;
	line-height:30px;
	text-align: justify;/*文字を均等配置する*/
	text-align:center;
	letter-spacing: 0.1em;
}

section.instArea .intro figure{
	font-size:16px;
	line-height:30px;
}

section.instArea .intro figure img{margin-bottom:10px;}



/*instArea*/
    
section.instArea ul{
	margin:0px auto 0px;
	padding:60px 0px 0px 0px;
	width:960px;
	height:auto;
	clear:both;
	overflow:hidden;
	position: relative;
}
section.instArea ul:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

section.instArea ul li{
	margin-right:40px;
	margin-bottom:40px;
	width:460px;
	height:auto;
	float: left;
	position: relative;
	overflow: hidden;
}

section.instArea ul li p{
	padding:5px 0px 0px 20px;
	width:420px;
	height:auto;
	font-size:30px;
	line-height:40px;
	font-family:;
}

section.instArea ul li img{width:460px;}
section.instArea ul li:nth-of-type(2n) {margin-right:0px;}


/*btn-more*/
    
#btnMore{
	margin:50px auto 150px;
	width:100%;
	height:auto;
	text-align:center;
	position: relative;
}

#btnMore img{cursor:pointer;}



/*===============================================*/





/*===============================================*/

/*  for tablet     画面の横幅が600px-958pxまで */

/*===============================================*/


@media screen and (max-width: 959px){
	

/*contBox
------------------------------------*/
section.instArea ul{padding-top:60px; width:95%;}
section.instArea ul li{margin-right:2%;margin-bottom:5%;width:49%;}
section.instArea ul li p {top: 5%;left: 5%; width:90%;}



}
/*===============================================*/





/*===============================================*/

/*  for SP   画面の横幅が600px以下 */

/*===============================================*/

@media screen and (max-width: 599px){

/*contBox
------------------------------------*/
section.instArea .intro{margin:100px auto 0px; padding-top:50px;}
section.instArea ul{ width:80%;}
section.instArea ul li{margin:0px auto 10%;width:100%;float: none;text-align:center;}
section.instArea ul li p {font-size:20px; line-height:30px;}

}
/*===============================================*/