@charset "utf-8";
/* ------------------------------------------------------------ set */
#main				{ font-size: 16px; }

#view				{ background: url(../../images/kibou/index/view_01.jpg) center 70%; background-size: cover; height: 500px; }
#view .title		{ padding: 100px 0 0; text-align: center; }

#features 			{ padding: 100px 0; }
#features dl		{ width: 545px; }
#features dl dt		{ font-size: 30px; padding: 0 0 35px; font-weight: bold; }
#features dl dd		{ line-height: 200%; }

#contents 			{ padding: 40px 0; }
#contents ul li		{ float: left; width: 30%; margin: 0 0 0 5%; }
#contents ul li:first-child { margin: 0 auto; }
#contents ul li h4 	{ font-size: 18px; font-weight: bold; padding: 15px 0 10px; }
#contents h4 		{ text-align: center; }
#contents .btn 		{ padding: 1px 0; background: url(../../images/hinata_koharu/index/btn_03.gif) no-repeat; margin: 20px 0 0; }
#contents .btn a 	{ background: url(../../images/hinata_koharu/common/arw_01ie.png) no-repeat 22% center; background-size: 18px; display: block; color: #111; height: 49px; line-height: 49px; padding: 0 0 0 30px; }

#itaku 				{ padding: 50px 0; }
#itaku div			{ background: url(../../images/common/line_02.gif) repeat-x left bottom; }
#itaku dl			{ background: url(../../images/common/line_02.gif) repeat-x left top; width: 400px; padding: 50px 30px 0 70px; }
#itaku dl dt		{ font-size: 26px; padding: 0 0 30px; }
#itaku dl dd .btn 	{ padding: 40px 0 0; }
#itaku dl dd .btn a { background: url(../../images/common/arw_01.png) no-repeat 10% center #70b943; font-size: 18px; font-weight: bold; margin: 0 auto; width: 380px; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#main				{ font-size: 14px; }

#main img			{ width: 100%; height: auto; }

#features dl,
#itaku dl			{ width: auto; }
#itaku dl dd .btn a { width: 90%; }

/* ------------------------------------------------------------ set */
#view				{ background: url(../../images/kibou/index/view_01sp.jpg) center 70%; background-size: cover; height: auto; }
#view .title		{ padding: 10% 0; }
#view .title img	{ width: 60%; height: auto; }

#features 			{ padding: 30px 3%; }
#features dl dt		{ font-size: 20px; padding: 20px 0; }

#contents 					{ padding: 30px 0; }
#contents ul li 			{ float: none; width: 100%; margin: 0 auto 20px; padding: 0 0 20px; }
#contents ul li h4 			{ padding: 15px 0 10px; }
#contents ul li p 			{ padding: 0 3%; }
#contents ul li 			{ border: #cfcfcf 1px solid; background: #fff; }
#contents ul li:first-child { margin: 0px auto 40px; }
#contents .btn 				{ background: none; }
#contents .btn a			{ background: url(../../images/hinata_koharu/common/arw_01ie.png) no-repeat 25% center; background-size: 15px; height: auto; line-height: 150%; }

#itaku 				{ padding: 30px 0; }
#itaku div			{ background: none; }
#itaku dl			{ background: none; padding: 20px 3%; }
#itaku dl dt		{ font-size: 20px; padding: 0 0 15px; }
#itaku dl dd .btn 	{ padding: 40px 0 0; }
#itaku dl dd .btn a { background: url(../../images/common/arw_01sp.png) no-repeat 10% center #70b943; background-size: 15px; font-size: 14px; }