@charset "UTF-8";
/*service__contents*/
section {
	position:relative;
	width:100%;
	margin:auto;
	color:#000;
}
.leadTxt {
	width:80%;
	margin:3rem 10% auto 10%;
}
.service__contents {
	position:relative;
	width:80%;
	padding:10%;
}
.service__contentsImg {
	width:100%;
	height:250px;
}
.service__contentsImg img {
	width:100%;
	height:100%;
	object-fit: cover;
}
.serviceInspection .service__contentsImg img {
	object-position: 15% 50%;
}
.serviceWall .service__contentsImg img {
	object-position: 0% 30%;
}

.service__contents .backimg {
	position:absolute;
	top:240px;
	left:0;
	width:100%;
	height:100%;
	background-color:#fff;
	z-index:-1;
}
section.serviceSurvey .service__contents .backimg {
	height:calc(100% - 240px);
}

.content {
	position:relative;
	width:100%;
	margin:auto;
	padding:3rem 0;
	text-align:left;
}
.content:after {
	content:"";
	position:absolute;
	left:0;
	top:0;
	width:50px;
	height:1px;
	background-color:#807F80;
}
.content:first-of-type:after {
	display:none;
}
.content__no {
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:0.9rem;
}
.content__title {
	margin:1rem auto;
	font-size:1.1rem;
	font-weight:bold;
}
.content__txt {
}
.content__imgWrap {
	margin:2rem auto auto auto;
}
.content__img {
	width:100%;
	margin:1rem auto;
}
.content__imgCap {
	width:100%;
	margin:0 auto 0.2rem 0;
	font-size:0.8rem;
	letter-spacing:0;
}
.content__img img {
	width:100%;
	height:180px;
	object-fit: cover;
}
/**/
.service__example {
	width:100%;
}
.contentsBar {
	width:65%;
	margin:0 0 auto 15%;
	padding:5% 10%;
	background-color:#323130;
}
.contentsBar dl.list {
	margin:2rem auto;
	font-size:0.85rem;
	line-height:1.5rem;
	text-align:justify;
	color:#fff;
}
.contentsBar .list dt {
	margin:0.5rem auto;
	font-size:0.9rem;
}
.contentsBar .list dd {
	margin:0;
	padding:0.2rem 0 0.2rem 1rem;
	border-left:solid 1px #fff;
}
/**/
.service__performance {
	margin:10% auto 20% auto;
}
.service__performance h3.titleB {
	width:80%;
	margin:10%;
}
.service__performance .buttonB-W {
	width:80%;
	margin:auto 10%;
}


@media print, screen and (min-width: 481px) {

/*service__contents*/
.service__contentsImg {
	height:350px;
}
.content__img {
	float:left;
	width:calc(50% - 0.5rem);
	margin:0.5rem auto;
}
.content__img img {
	height:180px;
}
.content__img:nth-child(odd) {
	margin-right:0.5rem;
}
.content__img:nth-child(even) {
	margin-left:0.5rem;
}

/**/
.contentsBar {
	width:55%;
	margin:0 0 auto 25%;
	padding:5% 10%;
	background-color:#323130;
}

}


@media print {
.leadTxt {
	width:400px !important;
	margin:4rem auto !important;
	/*width:70% !important;
	margin:3rem 15% 5rem 15% !important;*/
}
.contentsBar {
	width:80% !important;
	margin:0 0 auto 10% !important;
}
}


@media only screen and (min-width: 769px) {
/*service__contents*/
section {
	position:relative;
	width:100%;
	margin:auto;
	padding-top:5%;
	color:#000;
}
.leadTxt {
	width:25%;
	margin:5rem 50% auto 15%;
}

.service__contents {
	position:relative;
	width:100%;
	margin-top:7%;
	padding:0%;
}
.service__contents .titleB {
	margin:3% auto 1.5% 15%;
}
.service__contentsImg {
	position:absolute;
	top:-340px;
	right:0;
	width:50%;
	height:460px;
}
.service__contents .backimg {
	display:none;
}

.contentWrap {
	width:55%;
	margin:auto 15% auto 0;
	padding:60px 15% 7% 15%;
	background-color:#fff;
}
.content {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display:flex;
	padding:3rem 0;
}
.content__no {
	width:11em;
	margin-top:1rem;
}
.content__mainWrap {
	width:calc(100% - 11rem);
}
.content__title {
	margin:1rem auto ;
	font-size:1.1rem;
	font-weight:bold;
}

/**/
.service__example {
	position:relative;
	float:right;
	width:60%;
	margin:-5% 0 5% 0%;
	z-index:5;
}
.contentsBar {
	width:65%;
	margin:0 0 auto 17%;
	padding:4% 9%;
}
.contentsBar .listWrap {
	max-width:500px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display:flex;
    -webkit-justify-content: flex-start;
    -ms-justify-content: flex-start;
    justify-content: flex-start;
	text-align:left;
}
.contentsBar .list-block {
	-webkit-flex: 1;	
	-ms-flex: 1;
	flex: 1;
	margin:0 0 auto 0;
}
.contentsBar .list-block:nth-child(even) {
	margin-left:1.5rem;
}

/**/
.service__performance {
	float:left;
	width:30%;
	margin:5rem 0% 10% 10%;
}
.serviceSurvey .service__performance {
	float:none;
	width:70%;
	max-width:700px;
	margin:5rem 0% 10% 10%;
}

}