@charset "utf-8";
/* ------------------------------------------------------------  */
#fv { height: inherit; padding: 55px 0 75px;}
#fv h2 {color: #000000; padding: -20px 0; }


#contact { background: #f8f8f8; font-family: 'Lato', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif; padding: 50px 0; margin: 0 0 125px;}
#contents { background: #fff; width: 850px; margin: 0 auto; padding: 30px 80px 80px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }

#contents #title { text-align: center;}
#contents #title h3 { font-size: 30px; font-weight: bold;}
#contents #title h3 span { font-size: 17px; display: block; padding: 30px 0 20px;}
#contents #title p a { font-size: 49px; font-family: Helvetica; font-weight: bold; background: url(../images/contact/tel.gif) no-repeat; display: inline-block; *display: inline; *zoom: 1; padding: 0 0 0 85px; line-height: 100%;}
#contents #title p span { display: block; font-size: 16px; padding: 20px 0 0;}

#contents #intro { border: 5px solid #f8f8f8; text-align: center; padding: 15px 0; margin: 40px 0 35px;}
#contents #intro p { font-size: 14px;}
#contents #intro p span { color: #f0000e;}


#contents table { width: 100%; }
#contents table th { text-align: left; padding: 15px 20px; width: 215px; vertical-align: text-top; font-size: 15px; }
#contents table td { padding: 15px 0; }
#contents table th span { color: #f0000e;}
#contents table textarea,
#contents table input[type="text"] { border: none; padding: 12px 0 12px 10px; font-size: 14px; background: #f8f8f8; width: 420px;
margin: 0 20px 0 0;}
#contents table tr td label { display: inline-block; *display: inline; *zoom: 1; margin: 0 27px 5px 0; font-size: 14px; color: #7c7c7c; }
#contents table tr td.visit label:first-child { margin: 0 0 5px; }
#contents table tr td label span { font-size: 12px; }
#contents table tr td label input[type="radio"] { margin: 0px 8px 4px 0; padding: 0 0 20px; }
#contents table tr td select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/contact/select.gif) 97% center no-repeat #f8f8f8; width: 420px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 0 0 0 10px; border: 1px solid #cfcfcf;}

#contents .btn { text-align: center; padding: 70px 0 0; }
#contents input[type="submit"] { background: #c20303; border: none; color: #fff; padding: 0 115px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; vertical-align: inherit;}

/* ------------------------------------------------------------ エラー・確認・サンクス */
.note { padding: 0 0 70px; }
.note h3 { font-size: 24px; text-align: center; }
.note p { font-size: 16px; text-align: center; }
.note .alert span { display: block; padding: 0 0 10px; }
.note p.caution { border: solid 1px #000; padding: 15px 0; width:700px; margin: 15px auto 30px; }

.note table { width: 500px; margin: 0 auto; }
.note table th { text-align: left; width: 200px; }
.note table td { text-align: left; width: 300px; }
.note p.btn { padding: 30px 0 0; }
.note p.btn a { background: #003b58; border: none; color: #fff; width: 250px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; border-radius: inherit; margin: 0 10px 0 0; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.note .btn input[type="submit"] { background: #c20303; color: #fff; width: 250px; line-height: 50px; vertical-align: top; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }

.contact_common { padding: 20px 0 60px; }
.contact_common ul { padding:0; }

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

#fv {
  background-color: #fff;
  padding: 50px 0 50px;
  margin: 60px 0 0;
}

#contact { background: #f8f8f8; font-family: 'Lato', "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ' , Meiryo , Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, sans-serif; padding: 0 0 25px; margin: 0 0 40px;}
#contents { background: #fff; width: 94%; margin: 0 auto; padding: 0 3% 40px;}

#contents #title { text-align: center;}
#contents #title h3 { font-size: 20px; font-weight: bold;}
#contents #title h3 span { font-size: 14px; display: block; padding: 10px 0 15px;}
#contents #title p a { font-size: 35px; font-family: Helvetica; font-weight: bold; background: url(../images/contact/tel.gif) left center no-repeat; display: inline-block; *display: inline; *zoom: 1; padding: 0 0 0 40px; line-height: 100%; background-size: 35px auto;}
#contents #title p span { display: block; font-size: 12px; padding: 10px 0 0;}

#contents #intro { border: 3px solid #f8f8f8; text-align: left; padding: 10px 3%; margin: 20px 0 15px;}
#contents #intro p { font-size: 12px;}
#contents #intro p span { color: #f0000e;}


.contact_common { padding: 20px 0 0; }
.contact_common ul { padding:0; }

#contents table { width: 100%; }
#contents table th { text-align: left; padding: 10px 0 0; width: 100%; vertical-align: text-top; display: block; font-size: 14px;}
#contents table td { padding: 5px; display: block; text-align: left;/*  background: #f3f3f3;  */}
#contents table th span { color: #f0000e;}
#contents table textarea,
#contents table input[type="text"] { border: none; padding: 10px 0 10px 3%; font-size: 14px; background: #f8f8f8; width: 97%;
margin: 0;}

#contents .btn { text-align: center; padding: 35px 0 0; }
#contents input[type="submit"] { background: #c20303; border: none; color: #fff; padding: 0; height: 50px; line-height: 50px; cursor: pointer; font-size: 14px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; width: 260px; margin: 10px 0 0;}

/* ------------------------------------------------------------ reserve */

#contents table tr td label input[type="radio"] { margin: 0 10px 0 0; padding: 0 0 10px; }
#contents table tr td select { -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(../images/contact/select.gif) 97% center no-repeat #f8f8f8; width: 100%; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding: 5px 0 5px 3%; border: 1px solid #cfcfcf; box-sizing: border-box; -webkit-box-sizing: border-box;}


/* ------------------------------------------------------------ エラー・確認・サンクス */
.note { padding: 20px 0 70px; }
.note h3 { font-size: 22px; text-align: center; }
.note p { font-size: 16px; text-align: center; }
.note p.caution { font-size: 14px; padding: 12px 5%; width: 90%; margin: 15px auto 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
.note p.small { font-size: 14px; text-align: left; width: 90%; margin: 0 auto; }
.note table { display: block; width: 90%; margin: 0 auto; }
.note table tbody,
.note table tr { display: block; width: 100%; }
.note table th { text-align: left; width: 90%; display: block; background: #e5e5e5; margin: 0 0 5px; padding: 5px 5%; }
.note table td { text-align: left; width: 90%; display: block; margin: 0 0 15px; padding: 0 5%; }
.note p.btn { padding: 30px 0 0; }
.note p.btn a { background: #003b58; border: none; color: #fff; width: 250px; height: 50px; line-height: 50px; cursor: pointer; font-size: 16px; display: inline-block; *display: inline; *zoom: 1; border-radius: inherit; margin: 0 auto 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
.note .btn input[type="submit"] { background: #c20303; color: #fff; width: 250px; line-height: 50px; vertical-align: top; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
}