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

#fv { background: url(../images/contact/fv.jpg?1) center center no-repeat; background-size: cover; padding: 300px 0 250px; }
#fv .fv_text { font-size: 18px; letter-spacing: 5px; }
#fv .fv_text span { font-size: 68px; color: #3588df; display: block; font-family: 'Lato', sans-serif; font-weight: 700; line-height: 130%; letter-spacing: 14px;}


/* ------------------------------------------------------------ contact table */

#contact { margin: 100px auto 0; }
#contact .caution { font-size: 32px; text-align: center; }
#contact .caution span { font-size: 16px; display: block; padding: 20px 0 0; }
#contact .nav_button { text-align: center; padding: 90px 0 40px; }
#contact .nav_button a { display: inline-block; width: 500px; background: #eeeeee; font-size: 19px; padding: 20px 0; }
#contact .nav_button a.on { background: #3588df; color: #fff; }
#contact .tel { text-align: center; }
#contact .tel p { font-size: 16px; }
#contact .tel a { font-size: 22px; }
#contact .tel a span { font-size: 46px; }

#contents { width: 950px; margin: 80px auto 150px; }
#contents table { width: 100%; }
#contents table tr {  }
#contents table th { text-align: left; font-size: 18px; width: 30%; padding: 20px 0; vertical-align: top; }
#contents table th span { color: #d60603; }
#contents table td { padding: 20px 0; font-size: 16px; }
#contents table td input[type="text"],
#contents table td textarea { width: 100%; height: auto; background: #f5f5f5; border: 1px solid #cccccc; padding: 10px; box-sizing: border-box; }
#contents table td select { border: 1px solid #cccccc; padding: 5px 30px 5px 15px; background: url(../images/bot_arrow.png) 94% center no-repeat; appearance: none; -webkit-appearance: none; -moz-appearance: none; }
#contents .center { text-align: center; background: #f5f5f5; padding: 40px 0 20px; font-size: 16px; }
#contents .center a { color: #3588df; text-decoration: underline; }
#contents .center label { display: block; padding: 20px 0 0; }
#contents .center label span { color: #d60603; }
#contents .bl_btn { text-align: center; padding: 70px 0 0; }
#contents .bl_btn input[type="submit"] { background: #000; color: #fff; font-size: 18px; padding: 10px 60px; }


/* ------------------------------------------------------------ error */
#contents .note {  }
#contents .note h4 { text-align: center; font-size: 40px; }
#contents .note .caution1 { text-align: center; padding: 20px 0; }
#contents .note .alert span { display: block; text-align: center; padding: 5px 0; color: #d60603; font-size: 16px; }
#contents .note .bl_btn { text-align: center; padding: 30px 0 0; }
#contents .note .bl_btn .back { background: #eee; padding: 8px 40px; display: inline-block; font-size: 18px; vertical-align: bottom; }


/* ------------------------------------------------------------ thanks */
.thanks {  }
.thanks h3 { text-align: center; font-size: 32px; }
.thanks p { text-align: center; font-size: 18px; padding: 50px 0; }
.btn_back { padding: 0 0 100px; }



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

#fv { background: url(../images/contact/fv.jpg?1) center center no-repeat; padding: 100px 0 50px; background-size: cover; }
#fv .fv_text { font-size: 16px; text-align: center; }
#fv .fv_text span { font-size: 30px; }
/* ------------------------------------------------------------ products */

#contact { margin: 50px auto 0; }
#contact .caution { font-size: 16px; }
#contact .caution span { font-size: 14px; padding: 20px 0 0; }
#contact .nav_button { padding: 30px 0 40px; }
#contact .nav_button a { width: 290px; font-size: 15px; padding: 20px 0; }
#contact .tel p { font-size: 14px; }
#contact .tel a { font-size: 17px; }
#contact .tel a span { font-size: 30px; }


#contents { width: 100%; margin: 20px auto 50px; }
#contents table { width: 100%; }
#contents table tr {  }
#contents table th { font-size: 16px; width: 100%; padding: 20px 0 5px; display: block; }
#contents table td { padding: 5px 0 20px; display: block; }
#contents table td input[type="text"],
#contents table td textarea { width: 100%; height: auto; padding: 10px; }
#contents .center { padding: 40px 0 20px; font-size: 15px; }
#contents .center label { padding: 20px 0 0; }
#contents .bl_btn { padding: 70px 0 0; }
#contents .bl_btn input[type="submit"] { font-size: 16px; display: block; margin: 30px auto 0; padding: 10px 71px; }


/* ------------------------------------------------------------ error */
#contents .note h4 { font-size: 30px; }
#contents .note .caution1 { padding: 10px 0; }
#contents .note .alert span { font-size: 14px; }
#contents .note .btn { padding: 30px 0 0; }
#contents .note .btn .back { padding: 10px 40px; font-size: 16px; }


/* ------------------------------------------------------------ thanks */
.thanks {  }
.thanks h3 { font-size: 26px; }
.thanks p { font-size: 14px; padding: 30px 0; }
.btn_back { padding: 0 0 50px; }






}