@charset "utf-8";
/* ------------------------------------------------------------ set */
#lead 						{ padding: 50px 0 100px; }
#lead div					{ background: url(../../images/kibou/guidance/bg_01.gif) no-repeat center center; text-align: center; height: 284px; }
#lead div h3				{ padding: 65px 0 20px; font-size: 24px; }
#lead div p					{ font-size: 16px; line-height: 200%; }

#flow 						{ padding: 30px 0 60px; }
#flow div div				{ width: 700px; margin: 0 auto; }
#flow div ol li 			{ background: url(../../images/kibou/guidance/arw_01.png) no-repeat center bottom; padding: 0 0 27px; margin: 0 0 20px; }
#flow div ol li dl 			{ background: #fff; border: #b7ebf7 4px solid; padding: 20px 30px; 
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; }
#flow div ol li dl dt 		{ text-align: center; font-size: 24px; padding: 0 0 15px; }
#flow div ol li dl dd 		{ font-size: 16px; line-height: 200%; }
#flow div ol li dl dd span 	{ display: block; font-weight: bold; }
#flow div ol li dl dd a		{ color: #4998c1; display: inline-block; *display: inline; *zoom: 1; }
#flow div div div			{ background: #b7ebf7; padding: 25px 0; text-align: center; 
	border-radius: 15px; 
	-moz-border-radius: 15px; 
	-webkit-border-radius: 15px; }
#flow div div div p			{ color: #fff; font-size: 24px; font-weight: bold; }

#caution dl 				{ width: 490px; background: url(../../images/kibou/guidance/bg_03.gif); height: 195px; }
#caution dl dt 				{ background: url(../../images/kibou/guidance/bg_02.gif); padding: 10px 0; text-align: center; font-size: 20px; }
#caution dl dd 				{ font-size: 16px; line-height: 200%; padding: 20px 30px; }
#caution p 					{ font-size: 18px; text-align: center; color: #ca2020; padding: 30px 0 ; font-weight: bold; border: 4px solid #e00000; }
#caution div 				{ padding: 0 0 40px; }
.frame 						{ }

/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#flow div div,
#caution dl 		{ width: auto; }

/* ------------------------------------------------------------ set */
#lead 				{ padding: 20px 0; }
#lead div			{ background-size: cover; height: auto; padding: 30px 3%; }
#lead div h3		{ font-weight: bold; padding: 30px 0 20px; }
#lead div p			{ font-size: 14px; line-height: 200%; padding: 0 0 30px; text-align: left; }
#lead div p	br		{ display: none; }

#flow 						{ padding: 0 0 60px; }
#flow div ol li 			{ background-size: 35px 20px; padding: 0 0 20px; margin: 0 0 20px; }
#flow div ol li dl 			{ padding: 15px 5% 20px; }
#flow div ol li dl dt 		{ font-size: 20px; padding: 0 0 10px; font-weight: bold; }
#flow div ol li dl dd 		{ font-size: 14px; }
#flow div div div			{ padding: 20px 0; }

#caution dl 				{ height: auto; margin: 0 auto 20px; }
#caution dl dt 				{ font-size: 16px; padding: 5px 15px; }
#caution dl dd 				{ font-size: 14px; padding: 10px 15px; }
#caution p 					{ font-size: 14px; text-align: left; padding: 0 0 20px; }


}