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

	フォーム系 共通

	お問い合わせ
	見学・体験　申し込み

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	フォーム系　共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 860px) { /*------------------------------- 	項目選択・日時選択 --------------------------------*/
  #formMain #formIn section .select_entry select { width: 220px; }
  #formMain #formIn section .select_entry select#time { width: 160px; } }
/*860px*/
@media screen and (max-width: 768px) { /*------------------------------- 	導入部 --------------------------------*/
  .form_sbj { text-align: left; }
  .form_sbj span { padding: 0 0 0 24px; background: url("../img/ar02_lb_b.png") no-repeat left top 8px; background-size: 12px auto; font-size: 21px; }
  .form_intro { margin: 0 auto 50px auto; text-align: left; }
  .form_intro p.about { margin: 15px auto 0 auto; text-align: center; }
  .form_intro p.about a { max-width: 360px; }
  .form_intro p.about a span { padding: 0 24px 0 0; }
  .form_intro p.about a:link span, .form_intro p.about a:visited span { background: url("../img/ic_window01.png") no-repeat right center; background-size: 18px auto; }
  .form_intro p.about a:active span, .form_intro p.about a:hover span { background: url("../img/ic_window02.png") no-repeat right center; background-size: 18px auto; }
  .form_tel .form_sbj { margin: 0 auto 20px auto; }
  /*------------------------------- 	入力フォーム --------------------------------*/
  #mailform_box .form_sbj { margin: 70px auto 20px auto; }
  #formMain { padding: 50px 10px; }
  #formMain #formIn section { margin: 40px 0 0 0; }
  #formMain #formIn section > div { display: block; width: 100%; }
  #formMain #formIn section .fName { padding: 0 0 10px 0; width: 100%; }
  #formMain #formIn section .fName h3, #formMain #formIn section .fName h4 { font-size: 15px; }
  #formMain #formIn section .fName h3 span.att_multi, #formMain #formIn section .fName h4 span.att_multi { 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 span:first-child { margin: 5px 0 0 0; font-size: 13px; }
  #formMain #formIn section .fName .c_dome { padding: 5px 0 0 0; font-size: 11px; }
  #formMain #formIn section .fName .c_dome br.sp { display: none; }
  #formMain #formIn section .fValue input[type="text"] { padding: 7px 15px; height: 50px; font-size: 13px; }
  #formMain #formIn section .fValue textarea { padding: 7px 15px; font-size: 13px; }
  #formMain #formIn section .fValue ul.select_one li { font-size: 14px; }
  #formMain #formIn section .fValue ul.select_one li input { margin: 6px 10px 0 10px; }
  #formMain #formIn #fm_privacy { margin: 40px 0 0 0; padding: 30px 0 0 0; }
  #formMain #formIn #fm_privacy dl.privacy_about { margin: 0 0 10px 0; }
  #formMain #formIn #fm_privacy dl.privacy_about dd { font-size: 13px; }
  #formMain #formIn #fm_privacy ul.select_one li label { font-size: 14px; }
  #formBtn { margin: 40px 0 0 0; }
  #formBtn button { height: 80px !important; max-width: 360px !important; font-size: 21px !important; }
  /*------------------------------- 	送信完了共通 --------------------------------*/
  #contact_thanks .frm h3 { line-height: 1.4; font-size: 21px; }
  #contact_thanks .frm .comment { margin: 20px 0 40px 0; padding: 20px 15px; text-align: left; }
  #contact_thanks .frm .comment br.sp { display: none; }
  #contact_thanks .back_btn { margin: 40px auto 0 auto; }
  #contact_thanks.recruit .frm { padding: 0 10px; }
  /*------------------------------- 	エラーチェック共通 --------------------------------*/
  #formWrap .error .error_sbj { font-size: 21px; }
  #formWrap .error div { margin: 0 0 40px 0; }
  #formWrap .error input { height: 60px; font-size: 19px; }
  /*------------------------------- 	送信内容確認共通 --------------------------------*/
  #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; }
  /*------------------------------- 	項目選択・日時選択 --------------------------------*/
  #formMain #formIn section .select_entry select { padding: 0 10px; font-size: 14px; }
  /*------------------------------- 	添付ファイル送信 --------------------------------*/
  .send_file_frm { padding: 0 10px; }
  .send_file_frm dl.send_item dt, .send_file_frm dl.send_item dd { font-size: 13px; }
  .send_file_frm dl.send_item dt { width: 90px; }
  .send_file_frm ul.send_att { margin: 20px 0 0 0; } }
/*768px*/
@media screen and (max-width: 480px) { /*------------------------------- 	項目選択・日時選択 --------------------------------*/
  #formMain #formIn section .select_entry select { display: block; width: 100%; }
  #formMain #formIn section .select_entry select#time { margin: 10px 0 0 0; width: 100%; } }
/*480px*/
/*--------------------------------------------------------------------------
	お問い合わせ
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { #contact.contact .contact_parts { margin: 0 auto 40px auto; }
  #contact.contact .contact_parts .contact_tel_info { margin: 30px auto 40px auto; }
  #contact.contact .contact_parts .privacy { padding: 30px 20px; }
  #contact.contact .contact_parts .privacy a { margin: 10px 0 0 0; font-size: 15px; } }
/*768px*/
/*--------------------------------------------------------------------------
	採用情報 共通
--------------------------------------------------------------------------*/
@media screen and (max-width: 768px) { .inner.recruit { padding-top: 40px; }
  #formMain #formIn section.job > div.fName h3 { padding: 0; }
  #formMain #formIn section.job > div.fValue { padding-left: 10px; } }
/*768px*/

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