@charset "utf-8";
/* CSS Document */
/*=============================================
***********************************************

　　ヘッド

***********************************************
=============================================*/
#hed{
	text-align: center;
	background: url("../img/hed_bg.jpg") center no-repeat;
	background-size: cover;
	padding: 160px 0;
}
h2{
	display: inline-block;
	font-size: 26px;
	padding:0 .2em .3em .2em;
	letter-spacing:.15em;
	border-bottom:solid 1px #FFFFFF;
	color: #FFFFFF;
}


@media (max-width: 768px) {
	#hed{padding: 90px 0 70px;}
	h2{font-size: 20px;}
}





#contents{
	position: relative;
	padding-top: 250px;
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
	font-size: 15px;
	padding-bottom: 15px;
}

#contents .m_logo{
	position: absolute;
	top: -65px;
	left: 50%;
	transform:translateX(-50%);
	z-index: 2;
	width: 200px;
}

.pankuzu{font-size: 13px;}

.title_box{
	border-top: 1px solid #9fa0a0;
	border-bottom: 1px solid #9fa0a0;
	text-align: center;
	padding: 50px 0 40px;
	margin:10px 0 50px;
}

.title_box span{
	font-size: 19px; 
	color: #aa2527; 
	line-height: 20px; 
	margin-bottom: 20px;
}
.title_box h3{font-size: 24px;}

#contents .box{margin-bottom: 120px;}


@media (max-width: 768px) {
	#contents{padding-top: 120px; font-size: 14px;}
	#contents .m_logo{width: 140px; top: -45px;}
	.pankuzu{font-size: 12px;}
	.title_box{padding: 30px 0 20px; margin: 10px 0 30px;}
	.title_box span{font-size: 15px;}
	.title_box h3{font-size: 18px;}
}