@charset "utf-8";

.contact_contents{}
.contact_contents .navigation ul{max-width:1080px;margin-right:auto;margin-left:auto;padding:77px 30px 57px;}
.contact_contents .navigation li{margin-bottom:20px;}
.contact_contents .navigation li a{font-weight:bold;position:relative;border:1px solid #d3d3d3;display:block;padding:20px 22px;font-size:15px;line-height:1.2;}
.contact_contents .navigation li a::after{display:block;content:"";background:url(../../images/contact_icon_down.png) 50% 50% no-repeat;width:18px;height:12px;position:absolute;right:5.5%;top:50%;margin-top:-6px;}

.contact_contents section{position:relative;}
.contact_contents .wrapper{padding:54px 0 56px;text-align:center;}
.contact_contents .wrapper.last{}
.contact_contents .wrapper.last::after{background:#c2c2c2;display:block;content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;}
.contact_contents section:nth-child(odd){background-color:#f6f5f1;}
.contact_contents h2{font-weight:bold;color:#655623;font-size:30px;margin-bottom:15px;}
.contact_contents .explain{font-size:18px;margin-bottom:25px;line-height:1.7;}

.contact_contents .btn{margin:0 auto;}
.contact_contents .btn a{border:4px solid #a59b7a;display:block;padding:22px;
-webkit-border-radius: 10px; border-radius: 10px;background-color:#fff;}
.contact_contents .btn .tel{font-weight:bold;color:#655623;font-size:30px;display:inline-block;padding-left:33px;background:url(../../images/contact_icon_phone.png) 0% 50% no-repeat;}
.contact_contents .btn .time{color:#655623;display:block;font-size:18px;}

@media screen and (max-width:1280px) {
	.contact_contents .wrapper{padding:54px 20px 56px;}
	.contact_contents .navigation ul{padding:40px 20px;}
	
	.contact_contents h2{font-size:26px;}
}

@media screen and (min-width:1081px) {
	.contact_contents .navigation ul{display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content: space-between;}
	.contact_contents .navigation li{width:49%;max-width:530px;}
}

@media screen and (max-width:1080px) {
	.contact_contents .navigation ul{max-width:530px;margin-right:auto;margin-left:auto;}
}

@media screen and (min-width:768px){
	.contact_contents .btn{width:500px}
	.contact_contents .explain{text-align:center;}
}

@media screen and (max-width:767px){
	.contact_contents .wrapper{padding:40px 15px;}
	.contact_contents .navigation ul{padding:40px 15px;}
	
	.contact_contents h2{font-size:22px;}
	.contact_contents .explain{font-size:16px;margin-bottom:20px;text-align:left;}
	.contact_contents .btn a{padding:10px;border-width:3px;}
	.contact_contents .btn .tel{font-size:26px;padding-left:21px;background-size: auto 24px;background-position: 0 8px;}
	.contact_contents .btn .time{font-size:16px;}
}