
/* =============================================================== 
	*** commons *** 
=============================================================== */

.box_contact {
	width: 980px;
	margin: 50px auto 0;
	font-size: 14px;}
.box_contact h2{
	clear:both;
	font-size: 20px;
	color: #805939;
	font-weight: bold;
	margin: 60px 0 0;
	padding-bottom: 15px;
	border-bottom: 3px solid #e5e5e5;}
.box_contact .h2_sub{
	margin:30px 0 0;
	font-size:14px; line-height:1.5;}
.box_contact h2 img{
	vertical-align:middle;
	margin:0 10px 0 0;}

/*box_detail*/
.box_contact .box_detail {
	margin: 15px 0 0 0;
	width: 100%;
}
.box_contact .box_detail a {
	color: #0063CF;
}
.box_contact .box_detail table {
	width: 100%;
}
.box_contact .box_detail table td {
	border: solid 1px #e5e5e5;
	padding: 10px 10px;
}

/*contact_box*/
.box_contact .contact_box{
	margin:40px 0 0 0;
	padding:40px 0 0 0;
	border-top:1px solid #dddfe1;
}
.box_contact .contact_box a.mail{
	color:#0066cc;
}

/*box_btn*/
.box_contact .box_contact_btn span.btn_whi{
	display: inline-block;
	border: 1px solid #e5e5e5;
}

/* box_infoCollection */
.box_infoCollection{
	margin: 30px 0 0;
}
.box_infoCollection li{
	float: left;
	width: 50%;
	margin: 0 0 10px;
	text-indent: -1em;
	padding-left: 1em;
	box-sizing: border-box;
}

 @media screen and (max-width:767px){
	
/* =============================================================== 
	*** commons *** 
=============================================================== */

.box_contact {
	width: auto;
	margin-right: 10px;
	margin-left: 10px;
}
.box_contact .box_detail {
	margin: 10px 0 0 0;
}

/* box_infoCollection */
.box_infoCollection li{
	float: none;
	width: 100%;
}

}