@charset "utf-8";




@media screen and (min-width:768px){
/*pc・タブレットcss*/

#about{
	margin-bottom:5vw;
}
#about .txt-box{
	width:40%;
}
#about .images{
	width:55%;
}

#about .copy-main{
	margin-bottom:20px;
	color:#18943B;
	font-size:40px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:0.01em;
	font-family: "Zen Old Mincho", serif;
}
#about .copy-txt{
	color:#18943B;
}

/* +++++++++++++++++++++++++ */

#strengths{
	margin-bottom:10vw;
}
#strengths .strengths-ttl{
	text-align:center;
	margin-bottom:70px;
}
#strengths .strengths-ttl .en{
	position:relative;
	display:block;
	margin-bottom:20px;
	padding-bottom:30px;
	font-size:52px;
	line-height:1.4;
	font-weight:700;
	letter-spacing:0.01em;
	font-family: "Zen Old Mincho", serif;
}
#strengths .strengths-ttl .en:before{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:2em;
	height:1px;
	margin-left:-1em;
	background-color:#000;
}
#strengths .strengths-ttl .en span {
	color:#B10017;
}
#strengths .strengths-ttl .jp{
	display:block;
	font-size:16px;
	line-height:1.4;
}

.strengths-list{
}
.strengths-list li{
	width:28%;
}
.strengths-list .ttl{
	position:relative;
	margin-bottom:10px;
	font-size:24px;
	line-height:1.2;
	font-weight:700;
	padding-left:3em;
}
.strengths-list .ttl .icon{
	position:absolute;
	top:0.1em;
	left:0;
	font-size:16px;
	font-weight:700;
	color:#B10017;
	padding:5px 10px;
	border: solid 1px #B10017;
	border-radius:5px;
	line-height:1;
	font-weight:700;
}

/* +++++++++++++++++++++++++ */

#services{
	background-color:#F2F2E9;
	padding:5vw 0;
}
#services .services-ttl{
	text-align:center;
	margin-bottom:50px;
}
#services .services-ttl .en{
	position:relative;
	display:block;
	margin-bottom:10px;
	padding-bottom:10px;
	font-size:30px;
	line-height:1.4;
	font-weight:700;
}
#services .services-ttl .en:before{
	content:"";
	position:absolute;
	left:50%;
	bottom:0;
	width:2em;
	height:1px;
	margin-left:-1em;
	background-color:#000;
}
#services .services-ttl .jp{
	display:block;
	font-size:18px;
	line-height:1.4;
}

#services .services-list{
	margin-bottom:5vw;
}
#services .services-list li{
	width:28%;
	margin-right:8%;
	margin-bottom:5%;
}
#services .services-list li:nth-child(3n){
	margin-right:0;
}
#services .services-list .ph{
	margin-bottom:30px;
}
#services .services-list .ttl{
	position: relative;
	font-size:28px;
	font-weight:700;
	margin-bottom:20px;
	padding-left:2em;
}
#services .services-list .ttl:before{
	content:"";
	position:absolute;
	top:-0.15em;
	left:0;
	width:1.5em;
	height:1.3em;
}
#services .services-list li.apartment .ttl:before{ background:url(../img/business/icon_apartment.svg) no-repeat left top / 100% auto;}
#services .services-list li.commercial .ttl:before{ background:url(../img/business/icon_commercial.svg) no-repeat left top / 100% auto;}
#services .services-list li.education .ttl:before{ background:url(../img/business/icon_education.svg) no-repeat left top / 100% auto;}
#services .services-list li.house .ttl:before{ background:url(../img/business/icon_house.svg) no-repeat left top / 100% auto;}
#services .services-list li.medical .ttl:before{ background:url(../img/business/icon_medical.svg) no-repeat left top / 100% auto;}
#services .services-list li.industrial .ttl:before{ background:url(../img/business/icon_industrial.svg) no-repeat left top / 100% auto;}



}

@media screen and (min-width:768px) and ( max-width:1366px) {
	


}
@media (max-width: 768px) {

		
	
	#about{
		margin-bottom:15vw;
	}
	#about .txt-box{
		width:100%;
		margin-bottom:5vw;
	}
	#about .images{
		position:relative;
		left:-5vw;
		width:100vw;
	}
	#about .images img{
		width:100vw;
	}
	
	#about .copy-main{
		margin-bottom:2vw;
		color:#18943B;
		font-size:30px;
		line-height:1.4;
		font-weight:700;
		letter-spacing:0.01em;
		font-family: "Zen Old Mincho", serif;
	}
	#about .copy-txt{
		color:#18943B;
		font-size:16px;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#strengths{
		margin-bottom:15vw;
	}
	#strengths .strengths-ttl{
		text-align:center;
		margin-bottom:8vw;
	}
	#strengths .strengths-ttl .en{
		position:relative;
		display:block;
		margin-bottom:3vw;
		padding-bottom:3vw;
		font-size:24px;
		line-height:1.4;
		font-weight:700;
		letter-spacing:0.01em;
		font-family: "Zen Old Mincho", serif;
	}
	#strengths .strengths-ttl .en:before{
		content:"";
		position:absolute;
		left:50%;
		bottom:0;
		width:2em;
		height:1px;
		margin-left:-1em;
		background-color:#000;
	}
	#strengths .strengths-ttl .en span {
		color:#B10017;
	}
	#strengths .strengths-ttl .jp{
		display:block;
		font-size:14px;
		line-height:1.4;
	}
	
	.strengths-list{
	}
	.strengths-list li{
		width:100%;
		margin-bottom:10vw;
	}
	.strengths-list li:last-child{
		margin-bottom:0vw;
	}
	.strengths-list .ttl{
		position:relative;
		margin-bottom:3vw;
		font-size:18px;
		line-height:1.2;
		font-weight:700;
		padding-left:3.8em;
	}
	.strengths-list .ttl .icon{
		position:absolute;
		top:-0.2em;
		left:0;
		font-size:16px;
		color:#B10017;
		padding:5px 10px;
		border: solid 1px #B10017;
		border-radius:5px;
		line-height:1;
		font-weight:700;
	}
	
	/* +++++++++++++++++++++++++ */
	
	#services{
		background-color:#F2F2E9;
		padding:15vw 0;
	}
	#services .services-ttl{
		text-align:center;
		margin-bottom:5vw;
	}
	#services .services-ttl .en{
		position:relative;
		display:block;
		margin-bottom:3vw;
		padding-bottom:3vw;
		font-size:22px;
		line-height:1.4;
		font-weight:700;
	}
	#services .services-ttl .en:before{
		content:"";
		position:absolute;
		left:50%;
		bottom:0;
		width:2em;
		height:1px;
		margin-left:-1em;
		background-color:#000;
	}
	#services .services-ttl .jp{
		display:block;
		font-size:16px;
		line-height:1.4;
	}
	
	#services .services-list{
		margin-bottom:5vw;
	}
	#services .services-list li{
		width:100%;
		margin-bottom:10vw;
	}
	#services .services-list li:nth-child(3n){
		margin-right:0;
	}
	#services .services-list .ph{
		margin-bottom:3vw;
	}
	#services .services-list .ttl{
		position: relative;
		font-size:22px;
		font-weight:700;
		margin-bottom:2vw;
		padding-left:1.8em;
	}
	#services .services-list .ttl:before{
		content:"";
		position:absolute;
		top:0.3em;
		left:0;
		width:1.5em;
		height:1.3em;
	}
	#services .services-list li.apartment .ttl:before{ background:url(../img/business/icon_apartment.svg) no-repeat left top / 100% auto;}
	#services .services-list li.commercial .ttl:before{ background:url(../img/business/icon_commercial.svg) no-repeat left top / 100% auto;}
	#services .services-list li.education .ttl:before{ background:url(../img/business/icon_education.svg) no-repeat left top / 100% auto;}
	#services .services-list li.house .ttl:before{ background:url(../img/business/icon_house.svg) no-repeat left top / 100% auto;}
	#services .services-list li.medical .ttl:before{ background:url(../img/business/icon_medical.svg) no-repeat left top / 100% auto;}
	#services .services-list li.industrial .ttl:before{ background:url(../img/business/icon_industrial.svg) no-repeat left top / 100% auto;}
	
			
						
}