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

・フォーム系 共通
・お問い合わせ・資料請求
・ご来場予約
・家づくり相談室

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	・フォーム系　共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 960px) { /*入力フォーム*/
  #formMain #formIn article .fValue div.contact_sort label { width: 50%; } }
/*960px*/
@media screen and (max-width: 768px) { /*入力フォーム*/
  #formMain #formIn article { display: block; width: 100%; }
  #formMain #formIn article > div { display: block; }
  #formMain #formIn article .fName { width: 100%; margin-bottom: 10px; padding: 15px 0 0 0; }
  #formMain #formIn article .fName span:first-child { font-size: 11px; margin-top: 4px; }
  #formMain #formIn article .fName span:last-child { padding: 0 0 0 70px; }
  #formMain #formIn article .fName span .sp_no { display: none; }
  #formMain #formIn article .fName span.att_multi { display: inline-block; padding: 0; }
  #formMain #formIn article .fName .m_add { padding: 0 0 0 70px; }
  #formMain #formIn article .fName .c_dome { padding: 10px 0 0 0; display: block; clear: both; font-size: 12px; }
  #formMain #formIn article .fName .c_dome br { display: none; }
  #formMain #formIn article .fValue { padding: 10px 0 15px 0; }
  #formMain #formIn article .fValue input[type="text"], #formMain #formIn article .fValue textarea { padding: 15px 10px; font-size: 13px; }
  #formMain #formIn article .fValue textarea { height: 100px; }
  #formMain #formIn article .fValue.sidelist .entry_select { padding: 0 20px 20px 0; }
  #formMain #formBtn { margin: 30px 0 0 0; }
  /*エラーチェック*/
  #formWrap .error { padding: 50px 10px; }
  #formWrap .error h2 { font-size: 16px; }
  /*送信内容確認*/
  #formWrap .last { padding: 50px 10px; font-size: 14px; }
  #formWrap .last h2 { font-size: 20px; }
  #formWrap .last .text { margin-bottom: 40px; }
  #formWrap .last article section { display: block; }
  #formWrap .last article section h3, #formWrap .last article section div { display: block; width: 100%; border-bottom: #888 1px solid; border-right: #888 1px solid; font-size: 13px; }
  #formWrap .last article section h3 { padding: 5px 15px; }
  #formWrap .last #btn input[type="submit"], #formWrap .last #btn input[type="button"] { display: block; font-size: 14px; margin: 0 auto; }
  #formWrap .last #btn input[type="submit"] { margin-bottom: 10px; }
  /*項目選択・日時選択*/
  #formMain #formIn .select_day .weekday { font-size: 12px; }
  #formMain #formIn .select_day article .month, #formMain #formIn .select_day article .day { max-width: 80px; }
  #formMain #formIn .select_day article #time { max-width: 130px; }
  #formMain #formIn .select_day article + article { margin: 20px 0 0 0; }
  #formMain #formIn .select_day article + p { margin: 15px 0 0; font-size: 12px; } }
/*@media 768px END*/
@media screen and (max-width: 640px) { #contact { padding: 50px 10px 50px; }
  #contact #intro_frm { padding: 0 0 45px 0; }
  #contact #intro_frm .intro { margin: 0 0 20px 0; }
  #contact #intro_frm #contact_info { padding: 10px; }
  #contact #intro_frm #contact_info p { display: block; line-height: 1.5; }
  #contact #intro_frm #contact_info .info_tx { padding: 0; font-size: 15px; }
  #contact #intro_frm #contact_info .info_number { margin-top: 10px; font-size: 40px; line-height: 0.8; }
  #contact #intro_frm #contact_info .info_number span { padding: 5px 0 0 30px; background: url("../img/icon_tel_on.png") no-repeat left center; background-size: 25px auto; line-height: 0.8; }
  #contact #contact_sbj h2 { font-size: 16px; margin-bottom: 10px; }
  /*入力フォーム*/
  #formMain #formIn article .fValue div.contact_sort label { font-size: 13px; }
  #formMain #formIn article .fValue div.contact_sort input[type="checkbox"] { margin: 5px 7px 0 0; }
  /*送信完了*/
  #contact_thanks { padding: 40px 10px 60px 10px; }
  #contact_thanks h2 { margin-bottom: 30px; font-size: 16px; }
  #contact_thanks h2 + div { margin: 0 auto 40px auto; }
  #contact_thanks h2 + div p.tel { margin: 20px auto 30px auto; font-size: 35px; max-width: 340px; }
  #contact_thanks h2 + div p.tel span { padding: 5px 0 0 34px; background: url("../img/icon_tel_on.png") no-repeat left center; background-size: 23px auto; }
  /* Firefox */
  @-moz-document url-prefix() { #contact #intro_frm #contact_info .info_number span { padding: 0 0 0 30px; }
    #contact_thanks h2 + div p.tel span { padding: 0 0 0 30px; } } }
/*@media 640px END*/
@media screen and (max-width: 480px) { #contact_thanks p br { display: none; } }
/*@media 480px END*/
@media screen and (max-width: 400px) { /*入力フォーム*/
  #formMain #formIn article .fValue div.contact_sort label { padding: 0; width: 100%; } }
/*@media 400px END*/
/*--------------------------------------------------------------------------
	・お問い合わせ・資料請求
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #contact #mail_form .choice { margin: 0 auto 40px; }
  #contact #formMain #formIn article.kind { padding: 0 0 15px 0; overflow: hidden; }
  #contact #formMain #formIn article.kind .fValue label { padding: 0 7px 0 0; }
  #contact #formMain #formIn article.kind .fValue label:last-of-type { padding: 0 0 0 7px; }
  #contact #formMain #formIn article.kind .fValue label span { height: 40px; font-size: 14px; padding-top: 7px; }
  #contact #formMain #formIn article.check div.fValue label span { font-size: 14px; }
  #contact #formMain #formIn div.fName { margin-bottom: 5px; } }
/*@media 768px END*/
/*--------------------------------------------------------------------------
	・ご来場予約
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #contact.appoint .step ul li { font-size: 13px; }
  #contact.appoint .step ul li.ar { width: 30px; }
  #contact.appoint .step ul li.ar img { max-width: 12px; } }
/*@media 768px END*/
@media screen and (max-width: 640px) { #contact.appoint .step ul { display: block; max-width: 300px; }
  #contact.appoint .step ul li { display: block; padding: 10px; font-size: 13px; }
  #contact.appoint .step ul li br { display: none; }
  #contact.appoint .step ul li.ar { background: url("../img/ico_arrow04_b.png") center center no-repeat; background-size: 14px auto; width: 100%; height: 30px; }
  #contact.appoint .step ul li.ar img { display: none; }
  #contact.appoint #formMain #formIn .linetitle { margin: 60px 0 10px; }
  #contact.appoint #formMain #formIn .linetitle h3 { line-height: 1.5; font-size: 14px; font-weight: 700; }
  #contact.appoint #formMain #formIn .select_event .event_entry input[type="radio"] { margin: 16px 0 0; }
  #contact.appoint #formMain #formIn .select_event .event_entry label { font-size: 14px; }
  #contact.appoint #formMain #formIn .select_day { border-top: 1px solid #2E4130; padding-top: 10px; } }
/*@media 640px END*/
/*--------------------------------------------------------------------------
	・家づくり相談室
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #contact.counselling #contact_sbj p br { display: block; } }
/*@media 640px END*/
@media screen and (max-width: 640px) { #contact.counselling #intro_frm { padding: 0 0 30px 0; } }
/*@media 640px END*/

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