@charset "utf-8";
/* ------------------------------------------------------------ common */
input[type="text"],
select,
textaera	{ border: 1px solid #b5b5b5; }

input[type="submit"] { -webkit-appearance: button; cursor: pointer; padding: 0; border: none; }

.SP { display: none; }
.PC { display: block; }

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

#contact { padding: 0 30px;  }
.contact-inner { padding: 60px 0;  }
.contact-inner .form { width: 790px; margin: 0 auto; background: #fff; border: 5px solid #ededed; 
	font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; 
}
.contact-inner .form form p.btn { padding: 50px 0 0; text-align: center; }
.contact-inner .form h3 { font-size: 18px; height: 70px; line-height: 70px; color: #fff; background: #b1171d; text-align: center; }
.contact-inner .form p.comment { font-size: 14px; text-align: center; padding: 40px 0 0; }
.contact-inner .form p.text { padding: 40px 0; text-align: left; font-size: 16px; }
.contact-inner .form p.res { font-size: 14px; padding: 0 0 20px; } 
.contact-inner .form p.company { font-size: 16px; text-align: right; padding: 0 20px 10px 0; }
.contact-inner .form p.free_dial { text-align: center; padding: 40px 0; border-bottom: 1px solid #ededed; border-top: 1px solid #ededed; margin: 40px 0 0; }
.contact-inner .form p.free_dial small { font-size: 14px; line-height: 120%; }
.contact-inner .form p.free_dial a { font-size: 36px; font-weight: bold; line-height: 120%; }
.contact-inner .form span { color: #b40000; }
.contact-inner .form form { padding: 20px 55px 95px; } 
.contact-inner .form form input[type="text"] { width: 90%; border: none; background: #eeeeee; font-size: 14px; padding: 10px 3%; }
.contact-inner .form form input[type="text"].short { width: 48%; margin: 0 20px 0 10px; }
.contact-inner .form form input[type="text"].short2 { margin: 20px 10px 0 0; }
.contact-inner .form form textarea { width: 90%; border: none; background: #eeeeee; font-size: 14px; padding: 10px 3%; resize: vertical; }
.contact-inner .form form table { width: 100%; }
.contact-inner .form form table th { width: 30%; vertical-align: text-top; text-align: left; padding: 15px 0; font-size: 16px; }
.contact-inner .form form table td { width: 70%; text-align: left; padding: 12px 0; font-size: 16px; }
.contact-inner .form form .date td,
.contact-inner .form form .date th { text-align: center; }
.contact-inner .form p.btn { padding: 60px 0 40px; }
.contact-inner .form p.btn input[type="submit"] { width: 330px; height: 56px; color: #fff; font-size: 16px; background: #a40000; display: inline-block; *display: inline; *zoom: 1; }
.contact-inner .form p.btn a { width: 330px; height: 56px; line-height: 56px; color: #fff; font-size: 16px; background: #303030; display: inline-block; *display: inline; *zoom: 1; }

.contact-inner .form .note { text-align: center; }
.contact-inner .form .note span { display: block }
.contact-inner .form .note p.caution { padding: 50px 0 20px; }

.contact-inner .form form select { font-family:"Arial"; }
.contact-inner .form form .pref select { margin: 7px 0 0; }
/* ------------------------------------------------------------ datepciker */ 

.ui-datepicker-week-end,
.ui-datepicker-week-end a { color: #0000fd !important; }
.ui-datepicker-week-end:first-child,
.ui-datepicker-week-end:first-child a { color: #fc0000 !important; }
.ui-datepicker-week-end a.ui-state-active,
.ui-datepicker-week-end:first-child a.ui-state-active { color: #fff !important; }

/* ------------------------------------------------------------ thanks */

.thanks { background: #f3f3f3; padding: 64px 64px 0; text-align: center; }
.thanks h3 { font-size: 36px; padding: 0 0 30px; }
.thanks p { font-family:"ヒラギノ角ゴ Pro w3","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","Osaka","ＭＳ Ｐゴシック","MS P Gothic","Arial",sans-serif; }
.thanks p.caution { background: #fff; padding: 20px 0; }
.thanks p.alert { padding: 50px 0 0; font-size: 12px; }
#modelhouse div#contact { padding: 50px 0; }
p.btn { padding: 60px 0; }
p.btn a { display: inline-block; *display: inline; *zoom: 1; width: 260px; height: 48px; line-height: 48px; font-size: 16px; background: #343434; color: #fff; vertical-align: top; }
/* ------------------------------------------------------------ mobile */ 
@media only screen and (max-width:640px){

.SP { display: block; }
.PC { display: none; }

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

#contact { padding: 0 3%; }
.contact-inner { padding: 0; }
.contact-inner .form { width: 100%; border: none;}
.contact-inner .form h3 { height: 50px; line-height: 50px; font-size: 16px; }
.contact-inner .form p.text { padding: 30px 3%; text-align: left; }
.contact-inner .form p.free_dial { width: 100%; padding: 30px 0; margin: 30px 0 0; }
.contact-inner .form p.free_dial a { font-size: 24px; }
.contact-inner .form p.company { font-size: 14px; text-align: center; padding: 20px 0; }

.contact-inner .form form p.btn { padding: 20px 0 0; }
.contact-inner .form form p.btn input[type="submit"] { max-width: 330px; width: 80%; height: 45px; line-height: 45px; color: #fff; font-size: 14px; }
.contact-inner .form form { padding: 20px 3% 40px; }
.contact-inner .form form table th,
.contact-inner .form form table td { font-size: 14px; display: block; width: 100%; }
.contact-inner .form form table th { padding: 10px 0 5px; font-weight: bold; }
.contact-inner .form form table td { padding: 0 0 10px; }
.contact-inner .form form input[type="text"] { width: 94%; padding: 5px 3%; }
.contact-inner .form form input[type="text"].short { width: 81%; margin: 0 0 10px 3%; }
.contact-inner .form form input[type="text"].short2 { width: 94%; margin: 10px 0 0 0; }

.contact-inner .form form select { margin: 0 0 0 2%; }
.contact-inner .form form .pref select { margin: 0; }
.contact-inner .form form textarea { width: 94%; }

.contact-inner .form .note .btn a { max-width: 330px; width: 80%; height: 45px; line-height: 45px; color: #fff; font-size: 14px; margin-bottom: 10px;}
.contact-inner .form .note .btn input[type="submit"] { max-width: 330px; width: 80%; height: 45px; line-height: 45px; color: #fff; font-size: 14px; }

/* ------------------------------------------------------------ datepciker */ 

#ui-datepicker-div { width: 260px !important; margin: 0 auto !important; left: 0 !important; right: 0 !important; }
.ui-datepicker-group { width: 100% !important; float: none !important; }

/*
.contact-inner .form form table td table th { font-size: 11px; display: table-cell !important; width: inherit; text-align: center; }
.contact-inner .form form table td table td { font-size: 14px; display: table-cell !important; width: inherit; text-align: center;}
.picker { width: 92% !important; }
*/
/* ------------------------------------------------------------ thanks */


.thanks { padding: 30px 6%; margin-bottom: 0; }
.thanks h3 { font-size: 26px; }
.thanks p.caution { padding: 20px 3%; font-size: 14px; }
.thanks p.caution span { display: inline-block; *display: inline; *zoom: 1; }
.thanks p.alert { padding: 30px 0 0; text-align: left; }

#modelhouse div#contact { padding: 50px 0; }

}