@charset "utf-8";

.banner.const {
	background: url(../img/const/const_banner.jpg) no-repeat top center;
	background-size: cover;
	height: 330px;
}

.cover-const {
	margin-bottom: 70px;
}
.cover-const.last {
	margin-bottom: 38px
}

.box-conts .right {
	float: right;
	width: 26.64%;
}
.box-conts .left {
	float: left;
	width: 68.9%;
	border: 2px solid #000;
	padding: 28px;
}
.box-conts .left span {
	font-size: 17px;
	font-weight: 600;
	letter-spacing: 0.14em;
	display: block;
	margin-top: -5px;
	margin-bottom: 39px;
}
.box-conts .col01 {
	float: left;
	width: 30%;
	margin-right: 4.867%;
}
.box-conts .col02 {
	float: left;
	width: 30%;
}
.box-conts .col03 {
	float: right;
	width: 30%;
}
.box-conts .left img {
	display: block;
	margin: 4% auto;
}
.contact-mat.const {
	background: url(../img/common/contac_banner02.jpg) no-repeat top center;
	background-size: cover;
}


@media (max-width: 680px) {
	.contact-mat.const {
		background: url(../img/common/contac_banner02-sm.jpg) no-repeat top center;
		background-size: cover;
	}
	.banner.const {
		height: 200px;
	}
	.cover-const {
		margin-bottom: 40px;
	}
	.box-conts .left {
		width: 100%;
		padding: 15px;
	}
	.box-conts .col01,
	.box-conts .col02,
	.box-conts .col03 {
		width: 100%;
		margin-right: 0;
	}
	.box-conts div img {
		display: block;
		margin: 0 auto 20px;
	}
	.box-conts .col03 img.cns-image01,
	.box-conts .col03 img.cns-image02,
	.box-conts .col03 img.cns-image03 {
		width: auto;
		float: none;
	}
	.box-conts .right {
		width: 100%;
		padding-top: 20px;
	}
	.box-conts .right img {
		margin: 0 auto;
	}
	.box-conts .left span {
		text-align: center;
		margin-bottom: 20px;
	}
}