@charset "utf-8";
/* ------------------------------------------------------------ common */
#main	 			{ font-size: 18px; }
#view 				{ background: url(../../images/hinata_koharu/guidance/view_01.jpg) center center; background-size: cover; }
					
#read 				{ padding: 70px 0 110px; background: url(../../images/atsuta/guidance/bg_01.gif) no-repeat center center; }
#read h3 			{ background: none; text-align: center; font-size: 28px; padding: 25px 0; }
#read p 			{ padding: 10px 50px 0 100px; font-size: 16px; }
#read li			{ list-style-type: disc ;margin: 0 50px 0 100px; }

#flow 				{ padding:  70px 0 100px; }
#flow ul li img 	{ vertical-align: middle; }
#flow ul li img.last{ vertical-align: -25px; }
#flow ul li div 	{ display: inline-block; *display: inline; *zoom: 1; width: 810px; background: #fff; padding: 30px 30px; margin: 0 0 35px 25px; vertical-align: middle; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px;
	-moz-box-shadow: 0px 0px 5px #d9d9d9;
	-webkit-box-shadow: 0px 0px 5px #d9d9d9;
	box-shadow: 0px 0px 5px #d9d9d9; }
#flow ul li div span 		{ color: #fab102; font-size: 30px; }
#flow ul li div span img 	{ vertical-align: -5px; float: none; padding: 0 15px 0 0; }
#flow ul li div p 			{ padding: 10px 0 0; }
#flow ul li div p a 		{ color: #0799a6; text-decoration: underline; }

#cost						{ padding: 55px 0 0; }
#cost table					{ width: 100%; text-align: left; font-size: 18px; }
#cost table th				{ background: url(../../images/hinata_koharu/guidance/bg_02.gif); border-bottom: 3px solid #fff;border-right: 3px solid #fff; padding: 20px 0 20px 30px; width: 155px; }
#cost table td				{ background-color:#f8f8f8; border-bottom: 3px solid #fff; padding: 20px 0 20px 30px; }
#cost table td	span		{ font-size: 14px;   }
#contract 					{ padding: 130px 0 20px; }
#contract dl 				{ width: 487px; margin: 0 0 0 25px; float: left; }
#contract dl:first-child 	{ margin: 0; }
#contract dl dt 			{ background: url(../../images/hinata_koharu/guidance/bg_02.gif); font-size: 24px; padding: 10px; text-align: center; }
#contract dl dd 			{ background: #ffffef; padding: 25px; font-size: 16px; height: 110px; }
#contract p					{ font-size: 20px; padding: 25px 15px 0; font-weight: bold; color: #e60000; text-align: center;}

#qualification 				{ padding: 0 0 50px; }
#qualification div 			{ background: #fff1a3; padding: 3px; margin: 0 auto 25px; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; }
#qualification dl { background: #fff; padding: 20px 25px;
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; }
#qualification dl dt 		{ font-size: 24px; }
#qualification dl dd 		{ text-align: center; padding: 10px 0 0; text-align: left; }
	
/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
#main	 			{ font-size: 14px; }

#read 				{ padding: 15px 0 50px; background: none #d4e8d2; }
#read h3			{ font-size: 20px; font-weight: bold;  padding: 5% 0; }
#read ul			{ margin: 0 10% 0 0%; }
#read li			{ padding: 0 5% 0 0; margin: 0 0 5% 10%; font-size: 14px; }
#read p 			{ padding: 0 5%; font-size: 14px; }
#read p br			{ display: none; }

#flow 					{ padding: 0 0 30px; }
#flow ul li				{ position: relative; }
#flow ul li img 		{ width: 28px; height: auto; padding: 0 3%; display: inline; position: absolute; top: 20px; left: 3%; }
#flow ul li img.last 	{ top: 10px; left: 3%; }
#flow ul li div 		{ width: 94%; padding: 20px 3%; margin: 0 auto 20px; }
#flow ul li div p		{ padding: 15px 10px 0; }
#flow ul li div span 	{ font-size: 18px; width: auto; padding: 20px 0 20px 40px; margin: 0 3% 35px; font-weight: bold; }
#flow ul li div span img { width: 17px; height: auto; display: inline; position: static; padding: 0 10px 0 0; vertical-align: -2px; }
#flow ul li img.last	{ top: 20px; }

#cost						{ padding: 0; }
#cost table					{ width: 94%; margin: 0 auto; font-size: 14px; }
#cost table th				{ white-space: nowrap;border-bottom: 2px solid #fff; border-right: 2px solid #fff; padding: 10px; width: auto; }
#cost table td				{ background-color:#f8f8f8; border-bottom: 2px solid #fff; padding: 3%; }
#cost table td	span		{ font-size: 12px;   }

#contract 				{ padding: 0 0 30px; }
#contract dl:first-child,
#contract dl 			{ width: 94%; margin: 0 3% 10px; float: none; }
#contract dl dt 		{ font-size: 16px; text-align: left; padding: 5px 15px; }
#contract dl dd 		{ font-size: 14px; height: auto; padding: 10px 15px; }
#contract p				{ text-align: left; font-size: 14px; }

#qualification div 			{ margin: 0 3% 20px; }
#qualification dl 			{ padding: 15px; background: #fff; 
	border-radius: 10px; 
	-moz-border-radius: 10px; 
	-webkit-border-radius: 10px; }
#qualification dl dt 		{ display: block; width: auto; background: #fff; font-size: 18px; font-weight: bold; text-align: left; }
#qualification dl dd 		{ display: block; width: auto; padding: 5px 0 0; font-size: 14px; }

}