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

body{color: #000000;}

/* ------------------------------------------------------------ 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 			{ background:url(../../images/tokai_training_center/index/bg_16.png) repeat; padding: 11px;}
#contact_us dl .white 	{background: #ffffff;}
#contact_us dl dt 		{  font-size: 26px ; color: #3a912f; font-weight: bold;}
#contact_us dl dd 		{ width: 805px; margin: 0 auto; padding: 0 0 27px 150px; }
#contact_us dl dd h4 	{ padding: 0 0 30px; font-size: 26px; }
#contact_us dl dd ul li { color: #000000; font-size: 18px;}
#contact_us dl dd ul li p{font-size: 14px; letter-spacing: -1px;}

#contact_us dl dt .br{display: none;}

#contact_us dl dd ul li span {color: #000000;line-height: 100%;display: block;padding: 8px 0 0 18px; background-size: 15px;}
#contact_us dl dd ul li .trf_1{float: left;}
#contact_us dl dd ul li .trf_2{font-size: 23px;font-family: "Helvetica";font-weight: bold;float: left; margin: 0 0 0 10px;}
#contact_us dl dd ul li span a {display: block;line-height: 100%;text-align: left;font-weight: bold;color: #221815;font-size: 23px;}

#contact_us ul li .img{display: none;}
/* ------------------------------------------------------------ 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 					{ ; margin: 0 3%; }
#contact_us dl dt 				{  font-size: 16px; font-weight: bold; line-height: 140%; }
#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; }

#contact_us dl dd li img 					{width: 100%; height: auto; padding: 10px 0 0;}

#contact_us dl dd 				{ width: auto; margin: 0 auto; padding: 0 ; }
#contact_us dl dt .br			{display: block;}
#contact_us dl dd ul li span	{display: block;padding: 0px 0 0 13px; width: 58%; margin: 20px auto 0px;background-position:0px;}
#contact_us dl dd ul li .trf_1	{float: none;}
#contact_us dl dd ul li .trf_2	{font-size: 28px;float: none; margin: 20px auto 0px;}
#contact_us dl dd ul li span a	{display: block;line-height: 100%;text-align: center;font-size: 28px; width: 100%;}
#contact_us dl dd ul li.btn		{width: 85%; margin: 0 auto 5%; padding: 10px 5%;}