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



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

#view .title		{ width: 980px; padding: 0 10px; margin: 0 auto; }
#view.pages			{ background: url(../../images/atsuta/common/view_01.jpg); background-size: cover; }
#view.pages h2		{ background: url(../../images/atsuta/common/h_01.png) no-repeat left center; padding: 10px 0 10px 105px; 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/atsuta/common/line_03.gif); padding: 1px; }
#contact_us dl dt 		{ background: #fff; margin: 0 0 1px; }
#contact_us dl dd 		{ background: #fff; padding: 0 0 50px 20px; color: #46a15f; }
#contact_us dl dd h4 	{ padding: 25px 0; }


/* ------------------------------------------------------------ mobile */
@media only screen and (max-width:640px){
/* ------------------------------------------------------------ set */
#view .title			{ width: auto; }
#view.pages			{ background: url(../../images/atsuta/common/view_01_sp.jpg) center center; }
#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; } 
#nav ul li,
#nav ul li:first-child 	{ width: 46%; margin: 0 2% 2%;  }

/* -------------------------- contact_us */
#contact_us dl 				{ background: url(../../images/atsuta/common/line_03.gif); padding: 1px 0 0; }
#contact_us dl dd 			{ padding: 20px 0 0; }
#contact_us dl dd img 		{ width: 70%; height: auto; }
#contact_us dl dd h4 img 	{ width: 85%; height: auto; padding: 30px 0; }
#contact_us dl dd ul li 	{ float: none; border: none; padding: 0 0 20px; font-weight: bold; }
#contact_us dl dd ul li:first-child { border: none; }
#contact_us dl dd ul li.btn { background: #f6f6f6; padding: 20px; font-size: 16px; }