@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;
}
.w60{
	width: 60%;
	float: left;
}
.w37{
	width: 37%;
	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;
}

.section04
{
	margin-top: 50px;
	padding: 22px;
	background:url('../img/back_no3.png') no-repeat;
	
}
.section05
{
	margin-top: 50px;
	padding: 22px;
	background:url('../img/back_no4.png') no-repeat;
	
}
.twoColInner div.w60 {
	width:54%;
	float:left;
	margin-right:5%;
}
.twoColInner div.w37 {
	width:37%;
	float:left;
	margin-right:3%;
}

/* スマホ版 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;
	
}
	.section05
{
	margin-top: 50px;
	padding: 10px;
	background:url('../img/back_no4_sp.png') no-repeat;
	
}
	.w60{
	width: 100%;
	float: none;
}
.w37{
	width: 100%;
	float: none;
}
	.twoColInner div.w60 {
	width:100%;
	float:none;
	margin-right:0%;
}
.twoColInner div.w37 {
	width:100%;
	float:none;
	margin-right:0%;
}
	
}