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

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

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

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

#main .company .comNavBox {
	background-color: #1E1E1E;
}

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

#main .visionBox {
	padding-bottom: 82px;
	background-color: #000;
}

#main .visionBox .content .mainBox {
	background: #000 url(../img/company/vision/bg01.gif) no-repeat center 325px;
}

#main .visionBox .headLine01 {
	margin-bottom: 56px;
	color: #FFF;
}

#main .visionBox .comCenterTxt {
	color: #FFF;
	font-size: 15px;
	line-height: 2.95;
}

#main .photoBg {
	padding-bottom: 150px;
	background-color: #000;
}

#main .photoBg .bg {
	min-height: 600px;
	background: url(../img/company/vision/bg02.jpg) no-repeat center top;
	background-size: cover;
}

@media all and (min-width: 0) and (max-width: 767px) {
	#gNavi .company a {
		color: #171a1d;
	}
	
	#gNavi .company > a:before {
		display: none;
	}
	
	#main .comNavBox .subNavi .vision a:hover {
		color: #40ae5d;
	}
	
	#main .visionBox {
		padding: 0 20px 36px;
	}
	
	#main .visionBox .content .mainBox {
		background: #000 url(../img/company/vision/sp_bg01.gif) no-repeat center 137px;
		background-size: 290px 261px;
	}
	
	#main .visionBox .headLine01 {
		margin-bottom: 28px;
	}
	
	#main .visionBox .comCenterTxt {
		font-size: 10px;
		line-height: 1.75;
		text-align: left;
	}
	
	#main .photoBg {
		padding-bottom: 40px;
	}
		
	#main .photoBg .bg {
		min-height: 210px;
		background-image: url(../img/company/vision/sp_bg02.jpg);
	}
}