﻿@charset "utf-8";

header div{	
	position:relative;
	height:30vw;
	text-align:left;
	background-image:url("../images/vision/header.png");
	background-position:left bottom;
	background-size:cover;
}

header img{
	position:absolute;
	bottom:20px;
	left:20px;
}

article div{
	background-color:#F6F6F6;
	text-align:center;
}

article div#imgDiv{
	background-image:url("../images/vision/midashiBg.png");
	background-position:left top;
	background-repeat:no-repeat;
	background-size:contain;
}

article div#imgDiv p#strp img{
	width:100%;
	max-width:900px;
	height:auto;
}

article div p{
	padding-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:90%;
}

article div p#strp{
	line-height:2;
	font-size:1.2em;
	text-align:center;
	color:#000000;
}

article div HR{
	margin-left:auto;
	margin-right:auto;	
}

article div img{
	margin-top:50px;
	margin-bottom:20px;		
}

article div.spacer{
	height:100px;
}

article, aside{
	background-color:#FFFFFF;
}

#vlogo{
	margin-left:-20px;
}

/**********
PC 向け
***********/
@media only screen and (min-width: 1261px){
	

}


/**********
モバイル 向け
***********/
@media only screen and (max-width: 1260px){
	
	#navUl{
		background-color:#F6F6F6;
	}
	
	header,article,aside,footer{
		width:100%;
	}
	
	article div p#strp{
		line-height:2;
		font-size:1em;
		text-align:center;
		color:#000000;
	}
	
	header img{
		width:220px;
	}

}

