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

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

#gNavi .about .comNavBox {
	display: block;
}

#gNavi .comNavBox .subNavi .infographic a {
	color: #40ae5d;
}

#main .comNavBox .subNavi .infographic a {
	color: #40ae5d;
}

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

#main .infographicBox {
	margin-bottom: 185px;
}

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

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

#main .infographicBox .innerBox {
	padding: 80px 82px 90px;
	background: url(../img/about/infographic/bg01.gif) repeat-x left top;
}

#main .infographicBox .innerBox .phoList {
	margin: -37px -44px 32px 0;
}

#main .infographicBox .innerBox .phoList li {
	margin: 37px 40px 0 0;
	width: 400px;
	float: left;
}

#main .infographicBox .innerBox .phoList li img {
	width: 100%;
}

#main .infographicBox .innerBox .phoList .liStyle {
	float: right;
}

#main .infographicBox .innerBox .txtList li {
	color: #FFF;
	font-size: 12px;
	line-height: 1.75;
}

#main .infographicBox .innerBox .txtList li span {
	margin-right: 10px;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gNavi .about a {
		color: #171a1d;
	}
	
	#gNavi .about > a:before {
		display: none;
	}
	
	#main .comNavBox .subNavi .infographic a:hover {
		color: #40ae5d;
	}
	
	#main .pageTitle {
		background-image: url(../img/common/sp_page_title_bg02.jpg);
	}
		
	#main .infographicBox {
		margin-bottom: 25px;
	}
		
	#main .infographicBox .headLine01 {
		margin-bottom: 21px;
	}
	
	#main .infographicBox .innerBox {
		padding: 40px 42px 37px;
		position: relative;
		background: linear-gradient(#009B00 0%, #006500 100%);
		background: -webkit-linear-gradient(#009B00 0%, #006500 100%);
	}
	
	#main .infographicBox .innerBox:after {
		width:100%;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		content: "";
		z-index: 0;
		background: url(../img/about/infographic/sp_bg01.png) repeat;
		background-size: 4px auto;
	}
	
	#main .infographicBox .innerBox .phoList {
		margin: -22px 0 19px;
		position: relative;
		z-index: 1;
	}
	
	#main .infographicBox .innerBox .phoList li {
		margin: 22px 0 0;
		width: 100%;
		float: none;
	}
	
	#main .infographicBox .innerBox .phoList .liStyle {
		float: none;
	}
	
	#main .infographicBox .innerBox .txtList {
		margin: 0 -20px;
		position: relative;
		z-index: 1;
	}
	
	#main .infographicBox .innerBox .txtList li {
		font-size: 9px;
		letter-spacing: -0.5px;
	}

}