@charset "utf-8";
/* ------------------------------------------------------------ fv */
body { font-family: "Lato","游ゴシック体","Noto Sans Japanese","ヒラギノ角ゴ Pro w3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", "Arial", sans-serif}

.sp { display: none; }

#fv { margin: 0 auto; width: 1000px; padding: 0 0 26px; }

#contact { padding: 0 0 60px; border-bottom: 1px #dadada solid; }
#contact .contact { width: 1000px; margin: 0 auto; text-align: center; }
#contact .contact h2 { font-size: 36px; color: #0f68ba; }
#contact .contact h2 span { display: block; color: black; font-size: 16px; padding: 0 0 35px 0; }
#contact .contact p { font-size: 16px; }

#form .form { width: 1000px ; margin: 0 auto; text-align: center; padding: 90px 0 0;}
#form .form .ivent h3 { color: #0f68ba; font-size: 26px; font-weight: bold; }
#form .form .ivent p { font-size: 16px; padding: 10px 0 35px; }

#form .form .tell { width: 830px; margin: 0 auto; background: #f2f6f8; padding: 15px 0; }
#form .form .tell .call { font-size: 20px; font-weight: bold; }
#form .form .tell .number { font-size: 36px; font-weight: bold; line-height: 50px; }
#form .form .tell .number span { font-size: 20px; font-weight: bold; padding: 0 10px 0 0;}
#form .form .tell .number span.fax { padding: 0 10px 0 30px; }
#form .form .tell .number a { font-weight: bold;}
#form .form .tell .time { font-size: 16px; }
#form .form .tell .time .pc { display: none; }

#form .form .sub { padding: 50px 0 0; }
#form .form .sub h4 { color: #0f68ba; font-size: 26px; }
#form .form .sub h4 .sp { display: none; }
#form .form .sub p { font-size: 14px; padding: 15px 0 30px 0; }
#form .form .sub p span { color: #ff0000; }

/*------------------------------------------------------------------------------------------------- エラー画面 */

#form .form .note h3 { padding: 60px 0 20px; font-size: 26px; }
#form .form .note p.caution { color: #d20000; padding: 0 0 14px; font-size: 16px; }
#form .form .note .alert span { font-size: 15px; display: block;}
#form .form .note p.btn1 { width: 260px; margin: 90px auto 0; background: #9c0208; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#form .form .note p.btn1 a { font-size: 14px; color: #fff; width: 260px; display: block; line-height: 50px; }

/*-------------------------------------------------------------------------------------------------  確認画面 */

#form .form .note h3 { padding: 60px 0 20px; font-size: 26px; color: #0f68ba; }
#form .form .note p { font-size: 16px; }

#confirm { width: 690px; background: #f2f6f8; margin: 30px auto; padding: 65px 70px 85px; }
#confirm table { font-size: 16px; width: 100%; }
#confirm table th { text-align: left; padding: 22px 0; width: 215px; vertical-align: top; border-bottom: 1px solid #dcdcdc; }
#confirm table td { text-align: left; border-bottom: 1px solid #dcdcdc; }
#form .form .note #confirm .cfx { width: 560px; margin: 60px auto 0; text-align: center; }
#form .form .note #confirm p.btn2 { float: left; margin: 0 10px; line-height: 50px; width: 260px; background: #edb31c; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#form .form .note #confirm p.btn2 a { color: #fff; font-size: 14px; line-height: 50px; width: 260px; display: block; }
#form .form .note #confirm p.btn3 input[type="submit"] { color: #fff; font-size: 14px; margin: 0 10px; line-height: 50px; width: 260px; background: #9c0208; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }


/*-------------------------------------------------------------------------------------------------  完了画面 */
#contents { width: 1000px; margin: 0 auto; }
#contents #thanks { padding: 100px 0 0; }
#contents #thanks h3 { font-size: 24px; padding: 0 0 15px; color: #0f68ba; text-align: center; }
#contents #thanks p { padding: 0 0 15px; font-size: 16px; text-align: center; }
#contents #thanks p.text_nomal { padding: 0 0 15px; font-size: 16px; line-height: 32px; }
#contents #thanks .res { background: #f2f6f8; padding: 60px 0 75px; margin: 70px 0 0; font-size: 16px; }
#contents #thanks p.btn { padding: 35px 0 0; font-size: 16px; }
#contents #thanks p.btn a { display: block; color: #fff; background: #9c0208; width: 260px; margin: 0 auto; height: 50px; line-height: 50px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; text-align: center; }



/*-------------------------------------------------------------------------------------------------  */

#mall .mall { background: #f2f6f8; width: 830px; margin: 0 auto; padding: 66px 0 90px; }
#mall .mall th { text-align: left; font-size: 16px; padding: 0 0 20px 57px; vertical-align: top; }
#mall .mall th span { color: #ff0000; }
#mall .mall td { padding: 0 0 20px 25px; }
#mall .mall td input { width: 474px; border: none; padding: 8px; }
#mall .mall td textarea { width: 490px; border: none; }
#mall .mall .submit input[type="submit"] { font-size: 14px; line-height: 50px; width: 260px; height: 50px; background: #9c0208; color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#mall .mall .submit { padding: 0 30px 0 0; }



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

.sp { display: block; }
.pc { display: none; }

#contact { padding: 20px 0 30px; }
#contact .contact { width: 94%; }
#contact .contact h2 { font-size: 24px; }
#contact .contact h2 span { font-size: 14px; padding: 0 0 20px; }
#contact .contact p { text-align: left; }
#contact .contact p .sp { display: none; }

#form .form { width: 94%; padding: 30px 0 0; text-align: left; }
#form .form .tell { width: 100%; text-align: center; }
#form .form .tell .call { font-size: 18px; line-height: 120%; }
#form .form .tell .number { line-height: 100%; }
#form .form .tell .number a { font-size: 20px; line-height: 34px; font-weight: bold; }
#form .form .tell .number span { font-size: 14px; }
#form .form .tell .number span.fax { padding: 0 10px 0 0; }
#form .form .tell .time { font-size: 14px; }
#form .form .tell .time .pc { display: block; }
#form .form .ivent h3 { font-size: 20px; }
#form .form .ivent p { font-size: 14px; padding: 10px 0 30px; }
#form .form .sub { padding: 30px 0 0; }
#form .form .sub h4 { color: #0f68ba; font-size: 18px; text-align: center; }
#form .form .sub h4 .sp { display: block; }

/*------------------------------------------------------------------------------------------------- エラー画面 */

#form .form .note h3 { padding: 30px 0 20px; font-size: 24px; color: #0f68ba; text-align: center; }
#form .form .note .alert span { font-size: 12px; }
#form .form .note p.btn1 a { text-align: center; }

/*-------------------------------------------------------------------------------------------------  確認画面 */

#form .form .note h3 { padding: 30px 0 20px; font-size: 24px; color: #0f68ba; }
#confirm { width: 94%; background: #f2f6f8; margin: 30px auto 0; padding: 0 0 30px; }
#form .form .note #confirm p.btn2 { float: none; margin: 0 auto 15px; }
#confirm table th { padding: 10px 3%; width: 94%; margin: 0 auto; border: none; display: block; background: #d9e7e4; }
#confirm table td { display: block; border: none; padding: 10px 3%; width: 94%; margin: 0 auto; }
#form .form .note #confirm .cfx { width: 100%; margin: 60px auto 0; text-align: center; }

/*-------------------------------------------------------------------------------------------------  完了画面 */
#contents { width: 94%; }
#contents #thanks { padding: 30px 0 0; }
#contents #thanks p { font-size: 14px; }
#contents #thanks p.text_normal { padding: 0 0 15px; font-size: 14px; line-height: 28px; text-align: left; }
#contents #thanks .res { background: #f2f6f8; padding: 45px 0; margin: 30px 0 0; }
#contents #thanks p.btn { padding: 35px 0 0; font-size: 16px; }
#contents #thanks p.btn a { display: block; color: #fff; background: #9c0208; width: 260px; margin: 0 auto; height: 50px; line-height: 50px; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/*-------------------------------------------------------------------------------------------------  */

#mall .mall { width: 100%; padding: 30px 0; }
#mall .mall form { padding: 0 3%; width: 94%; }
#mall .mall table { width: 100%; }
#mall .mall th { padding: 0; width: 100%; }
#mall .mall td { padding: 0; width: 100%; }
#mall .mall td input { width: 94%; }
#mall .mall td textarea { width: 97%; }
#mall .mall .submit { margin: 35px 0 0; }

#mall .mall th,
#mall .mall td { display: block; }

















}