@charset "UTF-8";

/* .mainimg */
.mainimg {
	background:url(../images/service/building/bg_mainimg.jpg) no-repeat center center;
	background-size:cover;
}

/* .buildingArea */
.buildingArea {
	background:#dad6d4;
	overflow:hidden;
	padding:4.6% 0 5.7%;
}
.buildingArea .ttl01 {
	font-weight:normal;
	padding-bottom:1.8%;
}
.buildingArea .txt {
	letter-spacing:-0.02em;
	line-height:1.6;
	padding-bottom:3%;
}

/* .buildingArea2 */
.buildingArea2 {
	padding:4.6% 0 0;
}
.buildingArea2 .img01 {
	width:81%;
	margin:0 auto;
	padding-bottom:7.5%;
}
.buildingArea2 .cont {
	border:#221814 1px solid;
	margin-bottom:7%;
}
.buildingArea2 .cont div {
	padding:2.7% 2%;
}
.buildingArea2 .txt {
	line-height:1.6;
	padding-bottom:2.5%;
}
.buildingArea2 .txt2 {
	color:#00683d;
}

/* .partnerArea */
.partnerArea {
	background:#edebe2;
	padding:4.7% 0;
}
.partnerArea .cont {
	padding-bottom:3%;
}
.partnerArea .cont div {
	width:44%;
	float:left;
}
.partnerArea .cont .tit01 {
	padding-bottom:1.5%;
}
.partnerArea .cont .tit02 {
	padding-bottom:3.5%;
}
.partnerArea ul {
	clear:left;
}
.partnerArea ul li {
	line-height:1.8;
}
.partnerArea .img01 {
	width:33%;
	float:right;
	padding:0 5.5% 0 0;
}

/* .recordArea */
.recordArea {
	padding:5% 0;
}
.recordArea .cont {
	width:100%;
	clear:both;
	padding-top:7%;
}
.recordArea .cont .photo {
	width:30%;
	float:left;
}
.recordArea .cont div {
	width:65%;
	float:right;
}
.recordArea .cont .title {
	line-height:1.3;
	border-bottom:#221814 1px solid;
	padding-bottom:9px;
	margin-bottom:12px;
}
.recordArea .cont dl {
	width:100%;
	overflow:hidden;
	clear:both;
	line-height:1.7;
}
.recordArea .cont dl dt {
	width:19%;
	float:left;
}
.recordArea .cont dl dd {
	width:81%;
	float:right;
}
.recordArea .cont dl dd p {
	text-indent:-1em;
	padding-left:0.5em;
}
.recordArea .cont dl dd p span {
	display:inline-block;
	text-align:center;
	width:4em;
	padding-left:1em;
}

@media only screen and (min-width:1px) and (max-width:680px){
/* .buildingArea2 */
.buildingArea2 .img01 {
	width:100%;
}

/* .partnerArea */
.partnerArea .cont div {
	width:100%;
	float:none;
}
.partnerArea .img01 {
	width:60%;
	float:none;
	margin:0 auto;
	padding:0 0 2%;
}

/* .recordArea */
.recordArea .cont .photo {
	width:100%;
	float:none;
	padding-bottom:15px;
}
.recordArea .cont div {
	width:100%;
	float:none;
}
.recordArea .cont .title {
	padding-bottom:5px;
	margin-bottom:6px;
}
.recordArea .cont dl dt {
	width:26%;
}
.recordArea .cont dl dd {
	width:74%;
}
}