@charset "UTF-8";

/* vision ---------------------------------------*/

#vision{
	background: url(/wordpress/wp-content/themes/fujita-theme/recruit/img/vision/bg_vision.jpg) no-repeat center top;
	background-size: cover;
	padding:100px 0 120px;
}

.visionArea{
	background: rgba(255,255,255,0.8);
	padding:50px 0px 60px;
	margin: 0 14px;
}

.visionArea h2{
	margin:2px 0 68px 126px;
}

.visionArea h3{
	font-size: 15px;
	font-weight: bold;
	line-height: 1.0;
	margin-bottom: 28px;
	text-align: center;
	letter-spacing: 2px;
}

.visionArea p{
	letter-spacing: 2px;
	text-align: center;
	line-height: 2.8;
	font-size: 15px;
	width:750px;
	max-width:90%;
	padding:0 20px;
	margin:0 auto;
}

.visionImage{
	padding-top: 40px;
	text-align: center;
}

.visionImage img{max-width:96%;}


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

	/* vision ---------------------------------------*/

	#vision{
		padding:30px 15px 50px;
		overflow: hidden;
		max-width:100%;
	}

	.visionArea{
		padding:36px 0 136%;
		position: relative;
		margin: 0;
	}

	.visionArea h2{
		margin:0 0 42px 25px;
	}

	.visionArea h2 img{width:90px;}

	.visionArea h3{
		font-size: 11px;
		margin-bottom: 20px;
	}

	.visionArea p{
		line-height: 2.4;
		font-size: 11px;
		width:auto;
		position: relative;
		z-index:10;
		padding: 0 11px;
	}

	.visionImage{
		position: absolute;
		left:-11%;
		width:122%;
		bottom:28px;
		padding-top: 0px;
		text-align: center;
	}


}