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

#view				{ background: url(../../images/hinata_takabata/index/view_01.jpg) center 70%; background-size: cover; }
#view .title		{ width: 100%; padding: 0; }

#servise{ padding-top: 105px; }
#servise h3{ padding: 0 0 65px; }
#servise h4{ font-size: 18px; padding: 15px 0 10px; }
#servise p{ font-size: 14px; line-height: 170%; }

#servise li{ float: left; width: 300px; height: 370px; padding: 0 50px 0 0; }
#servise li:nth-of-type(3n){ padding: 0; }
#main #servise .btn{ padding: 40px 0 50px 0; }

#contents 			{ padding: 60px 0 7px; }
#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 ul li p{ min-height: 120px; }

#contents .btn 		{ padding: 1px 0; background: url(../../images/hinata_takabata/index/btn_03.gif) no-repeat; margin: 20px 0 0; }
#contents .btn a 	{ background: url(../../images/hinata_takabata/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/hinata_takabata/index/view_01.jpg) center no-repeat; background-size: cover; height: auto; }
#view .title		{ width: 100%; }
#view .title h2{ width: 55%; }
#view .title img	{ width: 100%; height: auto; }

#servise{ padding-top: 40px; }
#servise h3{ padding: 0 0 35px; }
#servise h4{ font-size: 16px; padding: 10px 0 5px; }
#servise p{ font-size: 12px; }

#servise li{ float: none; width: 100%; height: auto; padding: 0 0 25px 0; }
#servise li:nth-of-type(3n){ padding: 0 0 25px 0; }

#main #servise .btn{ padding: 20px 0 30px 0; }

#contents 					{ padding: 30px 0 0; }
#contents ul li 			{ float: none; width: 100%; margin: 0 auto 40px; 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 ul li p{ min-height: auto; }

#contents .btn 				{ background: none; }
#contents .btn a			{ background: url(../../images/hinata_takabata/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; }



}