@charset "utf-8";
/* ------------------------------------------------------------ set */
#main				{ font-size: 16px; }
.m_container		{ width: 800px; margin: 0 auto; padding: 0 10px; }

#view				{ position: relative; min-height: 500px; background: url(../../images/hinata_hibino/index/view_02.jpg) center 70%; background-size: cover; }
#view:after{ position: absolute; content: ""; width: 1097px; height: 232px; background: url(../../images/hinata_hibino/index/view_03.png) left center no-repeat; bottom: -50px; left: 0; }
#view .title		{ width: 1200px; padding: 137px 20px; }

#nav{ margin: 50px 0 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; }

#fv					{padding: 93px 0 68px; margin: 27px 0 0;}
#fv	.m_fv			{width: 1000px;  margin: 0 auto;}
#fv	.m_fv .img_h	{margin: 0px auto; width: 900px; padding:  0 0 48px;}
#fv ul 				{ }
#fv ul li			{float: left;}
#fv ul li:nth-child(2){padding: 0 0 0 39px;}
#fv	.m_fv .fv_tt	{text-align: center; font-size: 26px; color: #554646; line-height: 110%; padding: 21px 0 30px;}

#fv	.m_fv .fv_tt span	{font-size: 16px;line-height: 110%;}

#contents 			{ padding: 54px 0 46px;}
#contents ul li		{ float: left; width: 300px; margin: 0 0 0 25%; }
#contents ul li:first-child { margin: 0 auto; }
#contents ul li img{ width: 100%; height: auto; }
#contents ul li h4 	{ font-size: 18px; font-weight: bold; padding: 15px 0 10px;color: #000; }
#contents h4 		{ text-align: center; }
#contents ul li .text{ min-height: 108px; font-size: 14px;}

#contents .btn 		{ padding: 1px 0; background: url(../../images/hinata_hibino/index/btn_03.gif) no-repeat; margin: 20px 0 0; }
#contents .btn a 	{ background: url(../../images/hinata_hibino/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; }

@media only screen and (max-width:1200px){
	#view .title { width: 980px; padding: 137px 20px;}
	#view:after { position: absolute; content: ""; width: 980px; height: 232px; background: url(../../images/hinata_hibino/index/view_03.png) left center no-repeat; bottom: -50px;left: 0;}
}

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#main				{ font-size: 14px; }
#main img			{ width: 100%; height: auto; }
.m_container{ width: 90%; padding: 0; }

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

/* ------------------------------------------------------------ set */
#view				{ background: url(../../images/hinata_hibino/index/view_02-sp.jpg) calc(100% - 26%) center no-repeat; height: auto; min-height: auto; }
#view:after{width: 67%; height: 71px; bottom: -20px; background: url(../../images/hinata_hibino/index/view_03.png) left center/cover no-repeat; }

#view .title		{ width: 100%; padding: 20px 10px 30px; box-sizing: border-box; }
#view .title h2{ width: 55%; }
#view .title img	{ width: 100%; height: auto; }

#nav{ margin: 0 0; padding: 30px 0 0; }

#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; }

#fv					{padding: 93px 25px 68px;}
#fv	.m_fv			{width: 100%; margin: 0 auto;}
#fv	.m_fv .img_h	{margin: 0px auto; width: 100%; padding:  0 0 48px;}
#fv ul 				{ }
#fv ul li			{float: none;width: 100%;height: auto;}
#fv ul li:nth-child(2){padding: 20px 0 0px; }

#fv	.m_fv .fv_tt	{text-align: center; font-size: 16px; color: #554646; line-height: 150%; padding: 21px 0 30px;}

#fv	.m_fv .fv_tt span	{font-size: 13px;line-height: 110%;}

#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_hibino/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; }



}