@charset "UTF-8";
@media screen and (min-width: 768px),print {

#contact main{ width: 100% !important;  }
#contact .main-bx{ width: 1200px; margin: 0 auto; position: relative; top: -70px; }
#contact .main-bx h2{ text-align: center; position: relative; bottom: -70px; }
#contact .main-bx .tel-bx{ background: url('../images/contact/tel-bg.png') bottom center repeat-x; padding: 70px 0 20px; position: relative; z-index: 2; }
#contact .main-bx .tel-bx .tel-ttl{ width: 870px; margin: 0 auto 10px; }
#contact .main-bx .tel-bx .tel-ttl h3{ float: left; font-size: 20px; font-weight: 700; color: #603813; }
#contact .main-bx .tel-bx .tel-ttl .tel-time{ float: right;  }
#contact .main-bx .tel-bx .numb{ text-align: center; position: relative; left: -20px; }

#end-contact{ display: none; }

}

@media screen and (max-width: 767px) {

#contact main{ width: 100% !important;  }
#contact .main-bx{ width: 100%; margin: 0 auto; position: relative; top: 0px; }
#contact .main-bx h2{ text-align: center; position: relative; bottom: 0px; }
#contact .main-bx .tel-bx{ background: url('../images/contact/tel-bg.png') top center repeat-x; padding: 5vw 0 6vw; position: relative; z-index: 2; margin-bottom: 7vw; }
#contact .main-bx .tel-bx .tel-ttl{ width: 100%; margin: 0 auto 10px; }
#contact .main-bx .tel-bx .tel-ttl h3{ float: none; text-align: center; font-size: 6vw; font-weight: 700; color: #603813; margin-bottom: 3vw; }
#contact .main-bx .tel-bx .tel-ttl .tel-time{ float: none; text-align: center; padding: 0 8vw; }
#contact .main-bx .tel-bx .numb{ text-align: center; position: relative; left: 0px; padding: 0 5vw; }

#end-contact{ display: none; }
.sp-fix-list{ display: none; }


}