@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;
}


.staff_box_l{
	width: 45%;
	float: left;
	border: 1px dotted #666666;
	padding: 1%;
}

.pl20{
	padding-left: 4%;
}
.staff_box_r{
	width: 45%;
	float: right;
	border: 1px dotted #666666;
	padding: 1%;
}


.h3_box{
	border: solid 1px #666;
	padding: 2% 5% 2% 5%;
	height: auto;
	width: 90%;
	margin: 10px auto;
	text-align: center;
}


.h3_ttl{
	font-weight: bold;
}


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

@media screen and (max-width: 560px) {
#page_head{
	margin-top: 80px;
	}

.staff_box_l,.staff_box_r,.staff_box_l div,.staff_box_r div{
	width: 90%;
	float: none;
	margin: 0 auto;
}

.h3_box{
	width: 80%;
	}

.pl20{
	padding-left: 0%;
}	
}