@charset "UTF-8";
/* CSS Document */

/* header */


/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss ****************************************************************** */
/* PC版 w560以上に適応するcss 
****************************************************************** */

#page_head{
	margin-top: 130px;
	background:url('../img/head_img.png') no-repeat;
	background-size: cover;
	
}
h4.gosic {
	margin-bottom:0.25em;
	font-size:18px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", "Osaka-mono", "monospace";
	font-weight: bold;
}
.section01{
	padding: 30px;
	background:url('../img/h2_back.jpg') no-repeat;
	background-size: cover;
}
.section02
{
	margin-top: 50px;
	padding: 22px;
	background:url('../img/back_no1.png') no-repeat;
	
}
.wrap_80{
	width: 80%;
	margin: 0 auto;
}
.h3_ttl{
	font-weight: bold;
}
.w56{
	width: 56%;
	float: left;
}
.w40{
	width: 40%;
	float: right;
}
.w66{
	width: 66%;
	float: left;
}
.w30{
	width: 30%;
	float: right;
}


.section03
{
	margin-top: 50px;
	padding: 22px;
	background:url('../img/back_no2.png') no-repeat;
	
}
.h3_box{
	border: solid 1px #000;
	padding: 5px 12px;
}




/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */
/* スマホ版 w560以下に適応するcss *************************************************************** */

@media screen and (max-width: 560px) {
#page_head{
	margin-top: 80px;
	}
.wrap_80{
	width: 86%;
	margin: 0 auto;
}
.section02
{
	margin-top: 50px;
	padding: 10px;
	background:url('../img/back_no1_sp.png') no-repeat;
}
.section03
{
	margin-top: 50px;
	padding: 10px;
	background:url('../img/back_no2_sp.png') no-repeat;
	
}
.section04
{
	margin-top: 50px;
	padding: 10px;
	background:url('../img/back_no3_sp.png') no-repeat;
	
}
.w56 , .w40 , .w66 , .w30{
	width: 100%;
	float: none;
}
.w56 img{
		margin-bottom: 2em;
	}

}