@charset "UTF-8";

#contact_area{
	border-top:1px solid #dfd5a1;
}

#contact_area>div{
	max-width:800px;
	margin:80px auto 150px;
	padding:0 30px;
}

#contact_area>div h1{
	margin:0 0 40px;
	text-align:center;
	text-indent:0.2em;
	letter-spacing:0.2em;
	font-size:26px;
	line-height:1;
	font-weight:400;
}

#contact_area>div h1 span{
	display:block;
	margin:15px 0 0;
	color:#564f3b;
	font-size:12px;
}

#contact_area>div>p{
	margin:0 0 60px;
	text-align:center;
	font-size:15px;
	line-height:2;
}

@media only screen and (max-width:660px){
	#contact_area>div{
		padding:0 20px;
	}
	
	#contact_area>div h1{
		margin:0 0 30px;
		font-size:18px;
	}
	
	#contact_area>div>p{
		margin:0 0 40px;
		text-align:justify;
		text-justify:inter-ideograph;
		font-size:13px;
		line-height:1.8;
	}
}

#contact_area>div>div{
	padding:3px;
	border:1px solid #dfd5a1;
}

#contact_area>div>div>span{
	display:block;
	padding:60px;
	border:1px solid #dfd5a1;
}

#contact_area>div>div>span div{
	margin:0 0 30px;
}

#contact_area>div>div>span div:last-child{
	margin:0;
}

#contact_area>div>div>span div a:link,
#contact_area>div>div>span div a:visited,
#contact_area>div>div>span div:first-child span:first-child{
	display:table;
	margin:0 auto 10px;
	color:#cc9c00;
	text-align:center;
	text-indent:0.05em;
	letter-spacing:0.05em;
	font-size:30px;
	line-height:1;
	font-weight:500;
}

#contact_area>div>div>span div:first-child span:first-child,
#contact_area>div>div>span div:first-child a:link,
#contact_area>div>div>span div:first-child a:visited{
	padding:0 0 0 34px;
	background-image:url(../img/icon_tel.svg);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:left center;
}

#contact_area>div>div>span div:last-child a:link,
#contact_area>div>div>span div:last-child a:visited{
	padding:0 0 0 40px;
	background-image:url(../img/icon_mail.svg);
	background-repeat:no-repeat;
	background-size:30px 30px;
	background-position:left center;
}

#contact_area>div>div>span div a:hover,
#contact_area>div>div>span div a:active{
	text-decoration:none;
}

#contact_area>div>div>span div span:last-child{
	display:block;
	text-align:center;
	text-indent:0.05em;
	letter-spacing:0.05em;
	font-size:12px;
	line-height:1;
}

@media only screen and (max-width:660px){
	#contact_area>div>div{
		padding:2px;
	}
	
	#contact_area>div>div>span{
		padding:30px 10px;
	}
	
	#contact_area>div>div>span div{
		margin:0 0 20px;
	}
	
	#contact_area>div>div>span div a:link,
	#contact_area>div>div>span div a:visited,
	#contact_area>div>div>span div:first-child span:first-child{
		margin:0 auto 10px;
		font-size:18px;
	}
	
	#contact_area>div>div>span div:first-child span:first-child,
	#contact_area>div>div>span div:first-child a:link,
	#contact_area>div>div>span div:first-child a:visited{
		padding:0 0 0 22px;
		background-size:18px 18px;
	}
	
	#contact_area>div>div>span div:last-child a:link,
	#contact_area>div>div>span div:last-child a:visited{
		padding:0 0 0 28px;
		background-size:18px 18px;
	}
	
	#contact_area>div>div>span div span:last-child{
		font-size:11px;
	}
}