@charset "utf-8";

h3 { font-size: 30px; padding: 0 0 50px; text-align: center;}

#fv { background: url(../images/concept/view.jpg) center top no-repeat; background-size: cover; }

#concept p { font-size: 16px; line-height: 40px; padding: 0 0 180px;}

#reason { padding:300px 0 155px; background: url(../images/concept/pic_01.jpg) center top no-repeat; background-size: contain;}
#wrap {background: #fff; padding: 80px 0 0; }
#reason h3 { border-bottom: 1px solid #000; padding: 0 0 10px; margin-bottom: 100px }
#reason ul li { padding: 0 0 90px;} 
#reason ul li img { float: left;}
#reason ul li div { float: right; width: 470px;}
#reason ul li div h4 { font-size: 26px; padding: 0 0 25px;}
#reason ul li div p { font-size: 16px; line-height: 40px;}
#reason ul li.middle img { float: right;}
#reason ul li.middle div { float: left; width: 470px;}


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){

h3 { font-size: 20px; padding: 0 0 15px;}

#concept p { font-size: 13px; line-height: 24px; padding: 0 0 30px; }

#reason { padding: 100px 0;}
#wrap { padding: 0; }
#reason h3 { margin-bottom: 50px }
#reason ul li { padding: 0 0 20px;} 
#reason ul li img { float: none; width: 100%; height: auto;}
#reason ul li div { float: none; width: 100%;}
#reason ul li div h4 { font-size: 18px; padding: 10px 0; text-align: center;}
#reason ul li div p { font-size: 13px; line-height: 24px;}
#reason ul li.middle img { float: none;}
#reason ul li.middle div { float: none; width: 100%;}

	
	
	

}