@charset "utf-8";
/* --------------------------------------------

瓦工事について

---------------------------------------------- */ 

#kawara .main-head {
	padding: 63px 0 95px;
	background: url(../img/main_head_back.jpg)top center no-repeat;
	background-size: cover;
}

.about-box {
	padding: 90px 0 220px;
	/*background: url("../img/about_box_back.jpg") top left repeat-x;*/
	background: url("../img/about_box_back.jpg")no-repeat top ;
	background-size: 100% 1870px;
}

.about-box .about-box__description {
	width: 230px;
	margin: 0 auto 90px;
}

.about-house {
	width: 94%; max-width: 1122px;
	margin: 0 auto 164px;
}

.about-house .about-house__photo {
	margin-bottom: 90px;
}

.about-house .about-house__photo img {
	display: block;
	width: 100%;
}

.about-house .about-house__heading {
	width: 38px;
	margin: 0 auto 95px;
} 

.about-house .about-house__text {
	width: 400px;
	margin: 0 auto;
}

.about-kawara {
	position: relative;
	width: 94%; max-width: 882px;
	margin: 0 auto;
	padding-bottom: 259px;
	background: url(../img/about_kawara_back.png) bottom center no-repeat;
}

.about-kawara .about-kawara__heading {
	width: 24px;
	margin: 0 auto 176px;
}

.about-kawara .about-kawara__item {
	float: left;
	width: 21.7%; max-width: 192px;
	margin-right: 17.25%;
} 
.about-kawara .about-kawara__item:nth-last-of-type(1) {
	margin-right: 0;
} 

.about-kawara .about-kawara__photo {
	margin-bottom: 48px;
} 

.about-kawara .about-kawara__button {
	width: 180px;
	margin: 0 auto;
	padding: 6px 0;
	line-height: 1.2;
} 

.about-kawara .about-kawara__button span {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 2;
}