@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .service a {
	color: #00A943;
}

#gNavi .service > a:before {
	margin-left: -60px;
	width: 120px;
	height: 3px;
	position: absolute;
	background-color: #00A943;
	bottom: 0;
	left: 50%;
	content: " ";
}

#main .pageTitle {
	background-image: url(../img/service/page_title_bg.jpg);
}

#main .service {
	padding-bottom: 195px;
}

#main .service .content .mainBox {
	background-color: #FFF;
}

#main .service .headLine01 {
	margin-bottom: 71px;
}

#main .service .imgItem {
	margin: -77px -64px 0 0;
}

#main .service .imgItem li {
	margin: 77px 64px 0 0;
	width: 290px;
	float: left;
}

#main .service .imgItem li span {
	display: block;
}

#main .service .imgItem li .inner .sub {
	margin-top: -30px;
	padding: 24px 0 0 30px;
	width: 250px;
	position: relative;
	float: right;
	box-sizing: border-box;
	background-color: #FFF;
}

#main .service .imgItem li .inner span {
	font-size: 14px;
	line-height: 1.8;
}

#main .service .imgItem li .inner .comGreenTitle {
	margin: 0 0 4px 6px;
	font-size: 16px;
	line-height: 1.6;
}

#main .service .imgItem01 {
	margin: 0 -60px 0 0;
}

#main .service .imgItem01 li {
	margin-right: 60px;
	width: 470px;
}

#main .service .imgItem01 li .inner .sub {
	margin-top: -45px;
	width: 405px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gNavi .service a {
		color: #171a1d;
	}
	
	#gNavi .service > a:before {
		display: none;
	}

	#main .pageTitle {
		background-image: url(../img/service/sp_page_title_bg.jpg);
	}
	
	#main .service {
		padding-bottom: 30px;
	}
	
	#main .service .headLine01 {
		margin-bottom: 20px;
	}
		
	#main .service .imgItem {
		margin: -36px 0 0;
	}
		
	#main .service .imgItem li {
		margin: 36px auto 0 auto;
		float: none;
	}
	
	#main .service .imgItem li:nth-child(2n) {
	}
	
	#main .service .imgItem li .photo img {
		width: 100%;
	}
	
	#main .service .imgItem li .inner .sub {
		margin-top: -20px;
		padding: 12px 0 0 15px;
		float: none;
	}
		
	#main .service .imgItem li .inner span {
		font-size: 10px;
		margin-right: 10px;
	}
	
	#main .service .imgItem .liStyle .inner span {
	}
	
	#main .service .imgItem li .inner .comGreenTitle {
		margin: 0 0 4px;
		font-size: 12px;
	}
}