@charset "UTF-8";
/* 2020.02
----------------------------------------------------------------------------

・フォーム系 共通
・お問い合わせ・資料請求
・ご来場予約
・参考プランお問い合わせ

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	・フォーム系　共通
--------------------------------------------------------------------------*/
#contact { box-sizing: border-box; margin: 0 auto; padding: 100px 20px 100px; width: 100%; max-width: 1040px; }
#contact #intro_frm { margin: 0 auto; padding: 0 0 60px 0; width: 100%; box-sizing: border-box; }
#contact #intro_frm .intro { margin-bottom: 60px; text-align: center; box-sizing: border-box; }
#contact #intro_frm .intro p + p { padding: 20px 0 0 0; }
#contact #intro_frm .intro a:link, #contact #intro_frm .intro a:visited { color: #f15a24; }
#contact #intro_frm .intro a:active, #contact #intro_frm .intro a:hover { color: #aba300; }
#contact #intro_frm #contact_info { box-sizing: border-box; background: #f1eed0; margin: 0 auto 0; padding: 0 10px 0; width: 100%; max-width: 800px; text-align: center; padding: 20px; }
#contact #intro_frm #contact_info p { display: inline-block; box-sizing: border-box; vertical-align: middle; }
#contact #intro_frm #contact_info .info_tx { padding: 0 50px 0 0; font-size: 18px; }
#contact #intro_frm #contact_info .info_number { font-size: 47px; font-weight: 400; font-family: 'Teko', sans-serif; line-height: 1; }
#contact #intro_frm #contact_info .info_number span { display: inline-block; padding: 6px 0 0 46px; background: url("../img/icon_tel_on.png") no-repeat left center; background-size: 38px auto; line-height: 0.8; }
#contact #contact_sbj { margin: 0 0 30px 0; }
#contact #contact_sbj h2 { font-size: 18px; font-weight: 500; line-height: 1.5; padding: 0 0 0 10px; margin-bottom: 20px; border-left: #d0c764 10px solid; }

/*入力フォーム*/
#formMain #formIn article { box-sizing: border-box; display: table; width: 100%; border-bottom: 1px solid #131313; border-collapse: collapse; }
#formMain #formIn article > div { box-sizing: border-box; display: table-cell; vertical-align: top; }
#formMain #formIn article:first-of-type { border-top: 1px solid #131313; }
#formMain #formIn article .fName { width: 300px; padding: 33px 25px 20px 0; }
#formMain #formIn article .fName span:first-child { box-sizing: border-box; float: left; display: block; width: 50px; text-align: center; font-size: 12px; margin-top: 4px; padding: 1px 0 1px; line-height: 1.4; background-color: #131313; color: #FFF; }
#formMain #formIn article .fName span:last-child { padding: 0 0 0 70px; display: block; letter-spacing: 0.08em; }
#formMain #formIn article .fName .m_add { padding: 0 0 0 70px; display: block; }
#formMain #formIn article .fName .c_dome { padding: 5px 0 0 0; display: block; clear: both; color: #f15a24; letter-spacing: 0.05em; }
#formMain #formIn article .fValue { padding: 20px 0; }
#formMain #formIn article .fValue input[type="text"], #formMain #formIn article .fValue textarea { box-sizing: border-box; width: 100%; padding: 15px 10px 15px 30px; border: none; background: #f1eed0; font-size: 14px; resize: vertical; }
#formMain #formIn article .fValue textarea { height: 180px; line-height: 1.3; font-family: 'Noto Sans JP', sans-serif,'メイリオ', Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; }
#formMain #formIn .hisu .fName span:first-child { background-color: #f15a24; }
#formMain #formBtn { margin: 50px 0 0 0; text-align: center; }
#formMain #formBtn button { box-sizing: border-box; display: inline-block; width: 100%; height: 40px; max-width: 300px; font-weight: 700; letter-spacing: 0.1em; color: #131313; background-color: #FFF; border: 1px solid #131313; cursor: pointer; }
#formMain #formBtn button:hover, #formMain #formBtn button:active { background-color: #131313; text-decoration: none; color: #FFF; }

/*送信完了*/
#contact_thanks { padding: 100px 10px 100px; text-align: center; }
#contact_thanks h2 { font-size: 20px; font-weight: 700; margin-bottom: 50px; }
#contact_thanks h2 + div { margin: 0 auto 50px auto; padding: 0; border-bottom: 1px solid #7d827d; width: 100%; max-width: 1000px; }
#contact_thanks h2 + div p.tel { margin: 50px auto 100px auto; text-align: center; box-sizing: border-box; line-height: 0.8; font-size: 47px; font-weight: 400; font-family: 'Teko', sans-serif; }
#contact_thanks h2 + div p.tel span { display: inline-block; padding: 6px 0 0 46px; background: url("../img/icon_tel_on.png") no-repeat left center; background-size: 35px auto; line-height: 0.8; }
#contact_thanks p { margin: 0 auto; }
#contact_thanks p .red { color: #e50012; }

/*エラーチェック*/
#formWrap .error { padding: 60px 20px 100px; text-align: center; }
#formWrap .error h2 { font-size: 18px; font-weight: 700; line-height: 1.8; margin-bottom: 30px; }
#formWrap .error div { margin-bottom: 50px; }
#formWrap .error input { box-sizing: border-box; display: inline-block; width: 100%; height: 50px; max-width: 300px; border: 1px solid #131313; padding: 3px 0 0 0; margin-bottom: 30px; cursor: pointer; background: #FFF; color: #131313; }
#formWrap .error input:hover, #formWrap .error input:active { background: #131313; color: #FFF; }
#formWrap .error .error_messe { color: #ff0004; margin-bottom: 10px; }

/*送信内容確認*/
#formWrap .last { padding: 60px 20px 100px; box-sizing: border-box; }
#formWrap .last h2 { text-align: center; font-size: 23px; font-weight: 700; margin-bottom: 30px; }
#formWrap .last .text { text-align: center; margin-bottom: 50px; }
#formWrap .last article { box-sizing: border-box; width: 100%; max-width: 800px; margin: 0 auto 50px; border-top: #888 1px solid; border-left: #888 1px solid; }
#formWrap .last article section { box-sizing: border-box; width: 100%; display: table; }
#formWrap .last article section h3, #formWrap .last article section div { box-sizing: border-box; display: table-cell; border-bottom: #888 1px solid; border-right: #888 1px solid; padding: 10px 15px; font-size: 14px; }
#formWrap .last article section h3 { width: 200px; background: #efefef; }
#formWrap .last #btn { text-align: center; }
#formWrap .last #btn input[type="submit"], #formWrap .last #btn input[type="button"] { box-sizing: border-box; display: inline-block; width: 100%; height: 50px; max-width: 300px; font-weight: 500; border: 1px solid #131313; cursor: pointer; margin: 0 5px; color: #131313; }
#formWrap .last #btn input[type="submit"] { background-color: #FFF; }
#formWrap .last #btn input[type="submit"]:hover, #formWrap .last #btn input[type="submit"]:active { color: #FFF; background: #131313; }
#formWrap .last #btn input[type="button"] { background: #dddddd; border-color: #666666; }
#formWrap .last #btn input[type="button"]:hover, #formWrap .last #btn input[type="button"]:active { background: #666666; color: #FFF; }
#formWrap .last_req article section h5 { width: 250px; }

/*項目選択・日時選択*/
#formMain #formIn .select_event .event_entry { display: table; width: 100%; table-layout: fixed; }
#formMain #formIn .select_event .event_entry input[type="radio"] { margin: 9px 0 0 0; display: table-cell; width: 40px; vertical-align: middle; text-align: left; box-sizing: border-box; }
#formMain #formIn .select_event .event_entry input[type="radio"]:checked + label { color: #FFF; }
#formMain #formIn .select_event .event_entry label { padding: 5px 20px 5px 40px; display: table-cell; vertical-align: middle; width: 100%; font-weight: 500; box-sizing: border-box; }
#formMain #formIn .select_event .event_entry + .event_entry { margin: 5px 0 0 0; }
#formMain #formIn .select_day { margin-bottom: 50px; }
#formMain #formIn .select_day .weekday { margin: 0 0 15px 0; color: #72492d; font-size: 14px; font-weight: 500; }
#formMain #formIn .select_day article { margin-bottom: 0; }
#formMain #formIn .select_day article select { box-sizing: border-box; border-color: #d0c764; padding: 10px 5px 10px; }
#formMain #formIn .select_day article .month, #formMain #formIn .select_day article .day { width: 100%; max-width: 100px; }
#formMain #formIn .select_day article #time { width: 100%; max-width: 150px; }
#formMain #formIn .select_day article #time option:disabled { display: none; }
#formMain #formIn .select_day article + article { margin: 20px 0 0 0; }
#formMain #formIn .select_day article + p { margin: 20px 0 0 0; font-size: 15px; }

/* Firefox */
@-moz-document url-prefix() { #contact #intro_frm #contact_info .info_number span { padding: 0 0 0 46px; }
  #contact_thanks h2 + div p.tel span { padding: 0 0 0 46px; } }
/*--------------------------------------------------------------------------
	・お問い合わせ・資料請求
--------------------------------------------------------------------------*/
#contact #mail_form .choice { display: table; table-layout: fixed; margin: 50px auto 50px; width: 100%; max-width: 700px; }
#contact #mail_form .choice a { display: table-cell; vertical-align: middle; box-sizing: border-box; background: #efefef; padding: 5px; color: #3c3232; text-align: center; font-weight: 700; }
#contact #mail_form .choice .now { background: #72492d; color: #FFF; }
#contact #formMain #formIn article.kind .fValue label { padding: 0 15px 0 0; float: left; width: 50%; box-sizing: border-box; }
#contact #formMain #formIn article.kind .fValue label:last-of-type { padding: 0 0 0 15px; }
#contact #formMain #formIn article.kind .fValue label span { display: block; height: 50px; text-align: center; background-color: #f1eed0; font-size: 15px; font-weight: 500; padding-top: 10px; cursor: pointer; box-sizing: border-box; }
#contact #formMain #formIn article.kind .fValue input[type=radio]:checked + label span { background-color: #d0c764; }
#contact #formMain #formIn article.kind .fValue input { display: none; }
#contact #formMain #formIn article.disabled { display: none; }

/*--------------------------------------------------------------------------
	・ご来場予約
--------------------------------------------------------------------------*/
#contact.appoint .step ul { display: table; table-layout: fixed; margin: 30px auto 0; width: 100%; max-width: 890px; }
#contact.appoint .step ul li { display: table-cell; vertical-align: middle; box-sizing: border-box; background: #f1eed0; padding: 15px 10px 15px; text-align: center; font-size: 15px; font-weight: 500; }
#contact.appoint .step ul li.ar { background: none; width: 50px; }
#contact.appoint .step ul li.ar img { max-width: 14px; vertical-align: middle; }
#contact.appoint #formMain #formIn .linetitle { margin: 100px 0 30px; }
#contact.appoint #formMain #formIn .linetitle h3 { box-sizing: border-box; border-left: 10px solid #d0c764; padding: 0 0 0 10px; line-height: 1.2; font-size: 16px; font-weight: 500; }
#contact.appoint #formMain #formIn .select_event article, #contact.appoint #formMain #formIn .select_day article { border: none; }
#contact.appoint #formMain #formIn .select_event .event_entry input[type="radio"] { margin: 18px 0 0; }
#contact.appoint #formMain #formIn .select_event .event_entry input[type="radio"]:checked + label { color: #131313; background-color: #d0c764; }
#contact.appoint #formMain #formIn .select_event .event_entry label { padding: 10px 20px 10px 40px; font-size: 15px; }
#contact.appoint #formMain #formIn .select_event .event_entry:hover { color: #131313; background-color: #d0c764; }

/*IE*/
/* IE10以上 */
@media all and (-ms-high-contrast: none) { #contact.appoint #formMain #formIn .select_event .event_entry input[type="radio"] { position: absolute; z-index: 500; }
  #contact.appoint #formMain #formIn .select_event .event_entry label { position: relative; z-index: 100; } }
/* IE9 */
#contact.appoint #formMain #formIn .select_event .event_entry input[type="radio"]:not(:target) { position: absolute\9; z-index: 500\9; margin: -12px auto 0\9; }

#contact.appoint #formMain #formIn .select_event .event_entry label:not(:target) { position: relative\9; z-index: 100\9; }

/*--------------------------------------------------------------------------
	・参考プランお問い合わせ
--------------------------------------------------------------------------*/
#contact.plan_contact #intro_frm { padding: 0 0 80px; }
#contact.plan_contact #formMain #formIn .linetitle { margin: 50px 0 0; }
#contact.plan_contact #formMain #formIn .linetitle h3 { background: #131313; border: none; padding: 8px 15px 8px; color: #FFF; font-size: 14px; }
#contact.plan_contact #formMain #formIn .select_event article .fValue { padding: 20px 0 0; }
#contact.plan_contact #formMain #formIn article:first-of-type { border-top: none; }

/*# sourceMappingURL=form.css.map */