@charset "UTF-8";
/*　[sp]
----------------------------------------------------------------------------

	フォーム系 共通

	来場予約
	営業受付
	お問い合わせ

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	フォーム系　共通
--------------------------------------------------------------------------*/
/*-------------------------------
	導入部
--------------------------------*/
@media screen and (max-width: 900px) { .form_navi { padding: 40px 0; }
  .form_navi ul li { margin: 0 10px; width: calc(50% - 20px); }
  .form_navi ul li a { padding: 22px 10px; font-size: 17px; }
  .form_navi ul li.tel span.gf_ba { margin: 0 0 0 10px; font-size: 30px; } }
/*900px*/
@media screen and (max-width: 768px) { .form_navi { margin: 40px auto 0 auto; padding: 30px 0; }
  .form_navi ul li a { padding: 15px 10px; font-size: 15px; }
  .form_navi ul li.form span:after { padding: 0 24px 0 0; background: url("../img/ic_arror01_wh_b.png") no-repeat right center; background-size: 14px auto; }
  .form_navi ul li.tel span.gf_ba { margin: 0 0 0 10px; font-size: 26px; }
  .form_navi ul li.tel span.gf_ba:before { padding: 0 0 0 26px; background: url("../img/ic_tel01_wh.png") no-repeat left top 9px; background-size: 16px auto; } }
/*768px*/
@media screen and (max-width: 640px) { .form_intro { text-align: left; }
  .form_intro > p { margin: 20px 0 0 0; }
  .form_navi ul li { margin: 0 10px; width: 100%; }
  .form_navi ul li.form { margin: 10px 10px 0 10px; order: 2; }
  .form_navi ul li.tel { order: 1; } }
/*640px*/
/*-------------------------------
	入力フォーム
--------------------------------*/
@media screen and (max-width: 1000px) { #formMain #formIn .formSub { padding: 50px 30px; } }
/*1000px*/
@media screen and (max-width: 640px) { .form_area { padding: 50px 0 0 0; }
  .form_area .form_type { margin: 0 auto 20px auto; text-align: left; }
  .form_area .form_type h2 { text-align: center; }
  .form_area .form_type h2 span { margin: 0 0 25px 0; font-size: 18px; }
  #formMain #formIn .formSub { margin: 60px auto 0 auto; padding: 30px 15px; }
  #formMain #formIn .formSub > div:first-of-type .form_sbj { margin: 0 auto 30px auto; }
  #formMain #formIn .form_sbj { margin: 60px 0 30px 0; padding: 10px 30px 10px 15px; }
  #formMain #formIn .form_sbj h3 { font-size: 16px; }
  #formMain #formIn section { margin: 30px 0 0 0; }
  #formMain #formIn section .fName, #formMain #formIn section .fValue { display: block; width: 100%; }
  #formMain #formIn section .fName { padding: 0 15px 0 0; }
  #formMain #formIn section .fName > span { margin: 4px 0 0 0; padding: 2px 0 4px 0; width: 45px; line-height: 16px; font-size: 12px; }
  #formMain #formIn section .fName h3, #formMain #formIn section .fName h4 { margin: 0 0 10px 0; padding: 0 0 0 55px; font-size: 14px; }
  #formMain #formIn section .fName h3 span.att_multi, #formMain #formIn section .fName h4 span.att_multi { margin: 0 0 0 15px; display: inline-block; font-size: 12px; }
  #formMain #formIn section .fName h3 br.sp_no, #formMain #formIn section .fName h4 br.sp_no { display: none; }
  #formMain #formIn section .fName .c_dome, #formMain #formIn section .fName .c_att { padding: 0 0 10px 0; font-size: 11px; }
  #formMain #formIn section .fName .c_dome br.sp_no, #formMain #formIn section .fName .c_att br.sp_no { display: none; }
  #formMain #formIn section .fValue input[type="text"], #formMain #formIn section .fValue textarea { padding: 10px 15px; font-size: 13px; }
  #formMain #formIn section .fValue input[type="text"] { height: 50px; }
  #formMain #formIn section .fValue textarea { height: 160px; }
  #formMain p.att01 { font-size: 12px; }
  #formMain p.att02 { font-size: 12px; }
  /*#formMain*/ }
/*640x*/
/*-------------------------------
	項目選択　input
--------------------------------*/
@media screen and (max-width: 640px) { ul.select_one li input { margin: 7px 10px 0 5px; }
  ul.select_one li label { padding: 8px 5px 8px 35px; } }
/*640px*/
/*-------------------------------
	項目選択　select
--------------------------------*/
@media screen and (max-width: 860px) { .select_entry select { width: 220px; }
  .select_entry select#time { width: 160px; } }
/*860px*/
@media screen and (max-width: 640px) { .select_entry select { padding: 0 10px; } }
/*640px*/
@media screen and (max-width: 480px) { .select_entry select { display: block; width: 100%; }
  .select_entry select#time { margin: 10px 0 0 0; width: 100%; } }
/*480px*/
/*-------------------------------
	添付ファイル送信
--------------------------------*/
@media screen and (max-width: 640px) { .send_file_frm { padding: 0 10px; }
  .send_file_frm dl.send_item dt, .send_file_frm dl.send_item dd { font-size: 12px; }
  .send_file_frm dl.send_item dt { width: 90px; }
  .send_file_frm ul.send_att { margin: 20px 0 0 0; }
  .send_file_frm ul.send_att li.line { font-size: 12px; } }
/*640px*/
/*-------------------------------
	個人情報の取り扱い
--------------------------------*/
@media screen and (max-width: 640px) { #fm_privacy { margin: 50px 0 0 0; }
  #fm_privacy div.privacy_cap { margin: 0 0 20px 0; }
  #fm_privacy ul.select_one li input { margin: 6px 10px 0 5px; }
  #fm_privacy ul.select_one li label { padding: 8px 5px 8px 35px; font-size: 14px; } }
/*640px*/
/*-------------------------------
	送信ボタン
--------------------------------*/
@media screen and (max-width: 640px) { #formBtn { margin: 40px 0 0 0; }
  #formBtn button { height: 70px !important; max-width: 280px !important; font-size: 19px !important; } }
/*640px*/
/*-------------------------------
	エラーチェック共通
--------------------------------*/
@media screen and (max-width: 640px) { #formWrap .error .error_sbj { font-size: 21px; }
  #formWrap .error div { margin: 0 0 40px 0; }
  #formWrap .error input { height: 60px; font-size: 19px; } }
/*640px*/
/*-------------------------------
	送信内容確認共通
--------------------------------*/
@media screen and (max-width: 640px) { #formWrap .last .check_sbj { font-size: 21px; }
  #formWrap .last .text { margin: 0 0 40px 0; }
  #formWrap .last article section { display: block; }
  #formWrap .last article section h3, #formWrap .last article section div { display: block; width: 100%; font-size: 13px; }
  #formWrap .last article section h3 { padding: 5px 15px; }
  #formWrap .last article section div { padding: 12px 15px; }
  #formWrap .last #btn input[type="submit"], #formWrap .last #btn input[type="button"] { margin: 0 auto; display: block; font-size: 19px; }
  #formWrap .last #btn input[type="submit"] { margin: 0 auto 10px auto; } }
/*640px*/
/*-------------------------------
	送信完了共通
--------------------------------*/
@media screen and (max-width: 640px) { #contact_thanks .frm .comment { margin: 0 0 40px 0; }
  #contact_thanks .frm .comment > p:first-of-type { margin: 0 0 20px 0; font-size: 19px; }
  #contact_thanks .frm .comment > p:nth-of-type(n+3) { margin: 30px 0 0 0; }
  #contact_thanks .frm .comment > p br.sp { display: none; }
  #contact_thanks .back_btn { margin: 50px auto 0 auto; padding: 50px 0 0 0; } }
/*640px*/
/*--------------------------------------------------------------------------
	来場予約
--------------------------------------------------------------------------*/
@media screen and (max-width: 840px) { #contact.appoint { /*.form_step*/ }
  #contact.appoint .form_step ol { justify-content: flex-start; }
  #contact.appoint .form_step ol li { margin: 0 5px; padding: 0 15px; width: calc(50% - 10px); height: 70px; }
  #contact.appoint .form_step ol li:nth-of-type(n+3) { margin: 10px 5px 0 5px; }
  #contact.appoint .form_step ol li div { flex-direction: row; justify-content: flex-start; align-items: center; }
  #contact.appoint .form_step ol li div span.con { margin: 0 0 0 15px; display: inherit; width: inherit; flex: 1; -webkit-flex: 1; }
  #contact.appoint .form_step ol li div img { margin: 0 auto; max-width: 30px; } }
/*640px*/
@media screen and (max-width: 640px) { #contact.appoint { /*.form_step*/ }
  #contact.appoint .contact_tel_info { margin: 30px auto 40px auto; }
  #contact.appoint .form_step ol li div span.no { width: 26px; line-height: 26px; font-size: 17px; }
  #contact.appoint .form_step ol li div span.con { font-size: 13px; }
  #contact.appoint .form_area .form_type { margin: 0 auto; padding: 40px 15px 0 15px; background: #e1ddd5; max-width: 1100px; }
  #contact.appoint .form_area #formMain #formIn .formSub { padding: 25px 15px 30px 15px; }
  #contact.appoint .form_area #formMain #formIn .formSub .formSub_frm { padding: 25px 15px; }
  #contact.appoint .form_area #formMain #formIn .formSub .select_day { margin: 30px auto 0 auto !important; padding: 25px 0 0 0; }
  #contact.appoint .form_area #formMain #formIn .formSub .customer .form_sbj { margin: 40px auto 30px auto; } }
/*640px*/
@media screen and (max-width: 540px) { #contact.appoint { /*.form_step*/ }
  #contact.appoint .form_step ol li { margin: 0; padding: 5px 10px; width: 100%; height: auto; }
  #contact.appoint .form_step ol li:nth-of-type(n+2), #contact.appoint .form_step ol li:nth-of-type(n+3) { margin: 5px 0 0 0; }
  #contact.appoint .form_step ol li div span.no { width: 22px; line-height: 22px; font-size: 15px; }
  #contact.appoint .form_step ol li div span.con { margin: 0 0 0 10px; } }
/*540px*/
/*--------------------------------------------------------------------------
	お問い合わせ
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #contact.contact .form_intro .sales_att { margin: 30px auto 40px auto; padding: 20px 10px; }
  #contact.contact .contact_tel_info { margin: 25px auto 0 auto; }
  #contact.contact .form_area .form_type { margin: 0 auto; padding: 40px 15px 0 15px; background: #e1ddd5; max-width: 1100px; }
  #contact.contact .form_area #formMain #formIn .formSub { padding: 25px 15px 30px 15px; }
  #contact.contact .form_area #formMain #formIn .formSub .formSub_frm { padding: 25px 15px; }
  #contact.contact .form_area #formMain #formIn .formSub .customer { margin: 30px auto 0 auto; } }
/*640px*/
/*--------------------------------------------------------------------------
	営業受付
--------------------------------------------------------------------------*/
@media screen and (max-width: 640px) { #contact.contact_sales .form_area #formMain #formIn .formSub { padding: 25px 15px 30px 15px; } }
/*640px*/

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