@charset "utf-8";
/* ------------------------------------------------------------ set */



/* ------------------------------------------------------------ nav */
#nav				{ padding: 25px 0; }
#nav li a 			{ padding: 3px 47px; } 
#nav li a:hover 	{ background: url(../../images/kibou/common/bg_nav.gif);}

#view .title		{ width: 980px; padding: 0 10px; margin: 0 auto; }
#view.pages			{ background: url(../../images/kibou/common/view_01.jpg); background-size: cover; }
#view.pages h2		{ padding: 10px 0 10px; font-size: 35px; font-weight: bold; color: #fff; }
#view .title 	{ padding: 80px 0; }
#view #bread 		{ background: url(../../images/common/opc_w.png); padding: 0; }

#navigation 		{ display: none; }


/* ------------------------------------------------------------ bread */

/* ------------------------------------------------------------ contact_us */
#contact_us dl 			{ border: 10px solid #dcf8ff; }
#contact_us dl dt 		{ background: url(../../images/kibou/common/contact_01.gif) no-repeat center center; font-size: 26px; color: #fff; }
#contact_us dl dd 		{ padding: 0 0 30px 20px; }
#contact_us dl dd h4 	{ padding: 0 0 30px; font-size: 26px; }
#contact_us dl dd ul li { color: #86d6ea; }



/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#view .title			{ width: auto; }

#view.pages .title		{ width: auto; padding: 40px 0; }
#view.pages h2			{ background: none; padding: 0 20px; font-size: 22px; font-weight: bold; color: #fff; }
#view.pages #bread 		{ background: #fff; }

/* ------------------------------------------------------------ #nav */
#nav					{ padding: 0; }
#nav li a 				{ border-top: 4px solid #86d6ea; } 

/* -------------------------- contact_us */
#contact_us dl 					{ padding: 1px 0 0; border-width: 5px; margin: 0 3%; }
#contact_us dl dt 				{ background-size: 90% 70%; font-size: 16px; font-weight: bold; line-height: 130%; }
#contact_us dl dd 				{ padding: 0; }
#contact_us dl dd img 			{ width: 70%; height: auto; }
#contact_us dl dd ul li 		{ float: none; border: none; width: auto; padding: 0 0 15px; font-weight: bold; }
#contact_us dl dd ul li:first-child { border: none; }
#contact_us dl dd ul li.btn 	{ width: 94%; background: #f6f6f6; padding: 10px 3%; font-size: 16px; }
#contact_us dl dd ul li.btn img { max-width: 280px; }