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

	フォーム系 共通

	お問い合わせ
	資料請求
	オンライン相談申込フォーム
	お施主様専用 アフターメンテナンス
	お施主様専用 定期点検のご予約
	お施主様専用 外壁屋根無料点検申込
	協力業者様募集
	土地 お問い合わせ

	採用情報　フォーム系共通
	採用情報　新卒採用　会社説明会参加申し込みフォーム
	採用情報　キャリア採用　エントリーフォーム
	採用情報　キャリア採用 郵送してエントリー

	注文住宅に関するお問い合わせ
	お施主様専用アフターメンテナンス

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	フォーム系　共通
--------------------------------------------------------------------------*/
#form_frm { margin: 0 auto 0; max-width: 1160px; }

.tx_red { color: #c71c2f; }

/*-------------------------------
	導入部
--------------------------------*/
#form_intro_area { border-bottom: 1px solid #cccbc9; padding-bottom: 50px; }
#form_intro_area > p { text-align: center; }
#form_intro_area > p + p { margin-top: 30px; }
#form_intro_area > p a { display: inline-block; color: #c71c2f; }
#form_intro_area > p a:hover, #form_intro_area > p a:active { opacity: 0.7; }
#form_intro_area .bg_area { background: #ececec; margin: 50px auto 0; padding: 30px 10px 25px; max-width: 600px; }
#form_intro_area .bg_area p { text-align: center; }
#form_intro_area + #form_tel { margin-top: 45px; }

#form_tel { border-bottom: 1px solid #cccbc9; padding-bottom: 50px; }
#form_tel h2 { margin-bottom: 25px; line-height: 1.5; text-align: center; font-size: 20px; font-weight: 500; }
#form_tel + #form_info_text { margin-top: 45px; }

#form_info_text { text-align: center; }
#form_info_text h2 { margin-bottom: 20px; line-height: 1.5; font-size: 20px; font-weight: 500; }
#form_info_text .pri_link { text-align: center; }
#form_info_text .pri_link a { display: inline-block; color: #c71c2f; }
#form_info_text .pri_link a:hover, #form_info_text .pri_link a:active { opacity: 0.7; }
#form_info_text ul { display: inline-block; margin: 10px auto 0; }
#form_info_text ul li { background: url("../img/icon_sq_navy.png") left top 9px no-repeat; background-size: 5px auto; margin-top: 5px; padding: 0 0 0 20px; text-align: left; }
#form_info_text ul li a { color: #c71c2f; }
#form_info_text ul li a:hover, #form_info_text ul li a:active { opacity: 0.7; }
#form_info_text + #mailform_box { margin-top: 50px; }

#flow_list { margin: 50px auto 0; }
#flow_list h2 { margin-bottom: 20px; line-height: 1.5; font-size: 20px; font-weight: 500; }
#flow_list ul { display: -webkit-flex; display: flex; flex-wrap: wrap; margin: 0 auto 0; }
#flow_list ul li { padding: 0 15px 0; width: 20%; }
#flow_list ul li > div { background: #e4e4e4; padding: 10px 5px 10px; text-align: center; }
#flow_list ul li > div > span { display: inline-block; background: #1c223c; padding: 1px 0 0; width: 28px; height: 28px; color: #FFF; text-align: center; font-size: 16px; }
#flow_list ul li > div p { margin-top: 5px; line-height: 1.5; }
#flow_list ul li:last-of-type > div { background: #1c223c; }
#flow_list ul li:last-of-type > div > span { background: #FFF; color: #1b213b; }
#flow_list ul li:last-of-type > div p { color: #FFF; }

/*-------------------------------
	入力フォーム
--------------------------------*/
#mailform_box { margin: 0 auto 0; max-width: 1000px; }
#mailform_box .form_title { background: #6b6d79; padding: 12px 20px 10px; color: #FFF; line-height: 1; font-size: 16px; }
#mailform_box #form_box { /*プライバシーポリシーの同意*/ }
#mailform_box #form_box .top_block { border-bottom: 1px solid #cccbc9; margin-bottom: 50px; padding-bottom: 50px; }
#mailform_box #form_box .items { display: table; margin: 40px 0 0 0; width: 100%; }
#mailform_box #form_box .items > div { display: table-cell; vertical-align: top; }
#mailform_box #form_box .items > div.fName { width: 300px; }
#mailform_box #form_box .items > div.fName label { display: table; width: 100%; }
#mailform_box #form_box .items > div.fName label > span { display: table-cell; vertical-align: top; }
#mailform_box #form_box .items > div.fName span { font-size: 16px; }
#mailform_box #form_box .items > div.fName span.type_m, #mailform_box #form_box .items > div.fName span.type_f { width: 60px; }
#mailform_box #form_box .items > div.fName span.type_m > span, #mailform_box #form_box .items > div.fName span.type_f > span { display: inline-block; margin-right: 15px; padding: 6px 0 4px; width: 60px; color: #FFF; line-height: 1; text-align: center; font-size: 14px; }
#mailform_box #form_box .items > div.fName span.type_m > span { background: #1c223c; }
#mailform_box #form_box .items > div.fName span.type_f > span { background: #919191; }
#mailform_box #form_box .items > div.fName .sub_tx { margin-top: 10px; line-height: 1.5; font-size: 14px; }
#mailform_box #form_box .items > div.fName .sub_tx.attention { color: #c71c2f; }
#mailform_box #form_box .items > div.fValue input { background: #e4e4e4; border: 1px solid #d5d5d5; margin: 0; padding: 8px 8px; width: 100%; color: #00000f; letter-spacing: 0.08em; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; font-size: 15px; font-weight: 500; }
#mailform_box #form_box .items > div.fValue.double input { display: inline-block; width: 50%; }
#mailform_box #form_box .items > div.fValue.double input + input { margin-left: 1%; width: 49%; }
#mailform_box #form_box .items > div.fValue.label_list label { display: inline-block; background-color: #e4e4e4; border: none; margin: 0 0 5px; padding: 6px 12px 4px; width: 100%; height: auto; text-align: left; font-size: 15px; }
#mailform_box #form_box .items > div.fValue.label_list label input { vertical-align: sub; border: 1px solid #868686; border: none; width: 16px; height: 16px; margin: 0 10px 0 0; padding: 0; }
#mailform_box #form_box .items > div.fValue.label_list label:hover, #mailform_box #form_box .items > div.fValue.label_list label:active, #mailform_box #form_box .items > div.fValue.label_list label.mfp_checked { background-color: #b2bcd1; }
#mailform_box #form_box .items > div.fValue.label_list.tenken label span { font-size: 18px; font-weight: 700; }
#mailform_box #form_box .items > div.fValue.block_box { display: -webkit-flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
#mailform_box #form_box .items > div.fValue.block_box label { margin: 0 0 5px; }
#mailform_box #form_box .items > div.fValue.block_box.two label { width: 49.5%; text-align: center; }
#mailform_box #form_box .items > div.fValue.block_box.three label { width: 32.5%; }
#mailform_box #form_box .items > div.fValue.block_box.four label { width: 24.5%; }
#mailform_box #form_box .items > div.fValue.block_box.four label.full_item { width: 100%; }
#mailform_box #form_box .items > div.fValue.color_w label { background-color: #FFF; }
#mailform_box #form_box .items > div.fValue.gender { justify-content: flex-start; }
#mailform_box #form_box .items > div.fValue.gender label { width: 118px; }
#mailform_box #form_box .items > div.fValue textarea { background: #e4e4e4; border: 1px solid #d5d5d5; margin: 0; padding: 8px 8px; width: 100%; color: #00000f; letter-spacing: 0.08em; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; font-size: 15px; font-weight: 500; resize: vertical !important; }
#mailform_box #form_box .items > div.fValue select { background: url(../img/arrow_down01.png) no-repeat #fff right 10px center; background-size: 8px auto; border: none; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; appearance: none; letter-spacing: 0.05em; margin: 0 10px 5px 0; padding: 8px 8px; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; font-weight: 500; }
#mailform_box #form_box .items > div.fValue select.office, #mailform_box #form_box .items > div.fValue select.hour { width: 233px; font-size: 14px; }
#mailform_box #form_box .items > div.fValue select.month, #mailform_box #form_box .items > div.fValue select.day { width: 80px; }
#mailform_box #form_box .items > div.fValue.file_send dl { display: table; table-layout: fixed; }
#mailform_box #form_box .items > div.fValue.file_send dl dt, #mailform_box #form_box .items > div.fValue.file_send dl dd { display: table-cell; vertical-align: middle; border: none; text-align: left; float: none; }
#mailform_box #form_box .items > div.fValue.file_send dl dt { width: 60px; padding: 12px 0 0 0; }
#mailform_box #form_box .items > div.fValue.file_send dl dd { padding: 8px 0 0 0; }
#mailform_box #form_box .items > div.fValue.file_send dl dd input { background: none; border: none; font-size: 13px; text-overflow: inherit; }
#mailform_box #form_box .items > div.fValue.file_send .temp_text { margin: 30px 0 0 0; }
#mailform_box #form_box .items > div.fValue.file_send .temp_text ul li { padding: 0 0 0 1em; text-indent: -1em; }
#mailform_box #form_box .items > div.fValue.select_day .temp_text ul li { font-size: 13px; }
#mailform_box #form_box .items#select_area .sub_tx { font-size: 13px; }
#mailform_box #form_box .items.choiced_name > div.fValue.color_w label { margin: 0; padding: 0; cursor: auto !important; }
#mailform_box #form_box .items.choiced_name > div.fValue.color_w label.mfp_checked { background: none; }
#mailform_box #form_box .items.choiced_name > div.fValue.color_w label input { display: none; }
#mailform_box #form_box .item_privacy { border-top: 1px solid #cccbc9; margin-top: 50px; padding-top: 50px; }
#mailform_box #form_box .item_privacy #form_privacy a { display: block; margin-bottom: 30px; color: #c71c2f; }
#mailform_box #form_box .item_privacy #form_privacy a:hover, #mailform_box #form_box .item_privacy #form_privacy a:active { color: #f13d43; }
#mailform_box #form_box .item_privacy #form_privacy a.done { opacity: 0.5; }
#mailform_box #form_box .item_privacy #form_privacy label { padding: 22px 12px 17px; }
#mailform_box #form_box .item_privacy #form_privacy label.freeze { pointer-events: none; opacity: 0.5; }
#mailform_box #form_box .item_privacy #form_privacy label input:checked + label { background-color: #bfc7d8; }
#mailform_box #form_btn { margin-top: 100px; }
#mailform_box #form_btn button { display: block; background: #1c223c; border: none; margin: 0 auto 0; padding: 25px 0 22px; width: 100%; height: auto; max-width: 400px; color: #FFF; letter-spacing: 0.08em; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; font-size: 17px; font-weight: 500; }
#mailform_box #form_btn button:hover { background: #c71c2f; }

/*-------------------------------
	送信完了共通
--------------------------------*/
#mail_thanks { margin: 0 auto 0; max-width: 1160px; }
#mail_thanks #mailform_thanks { text-align: center; }
#mail_thanks #mailform_thanks h2 { line-height: 1.6; font-size: 28px; font-weight: 500; }
#mail_thanks #mailform_thanks p { margin-top: 40px; }
#mail_thanks #mailform_thanks p + p { margin-top: 30px; }
#mail_thanks #mailform_thanks p .tx_bold { font-weight: 700; }
#mail_thanks #mailform_tel { margin-top: 70px; }
#mail_thanks .back_btn { margin-top: 100px; }

/*-------------------------------
	エラーチェック共通
--------------------------------*/
/*-------------------------------
	送信内容確認共通
--------------------------------*/
#mfp_phase_confirm { display: none; background: #e4e4e4; margin-top: 50px; padding: 50px; }
#mfp_phase_confirm h4 { margin-bottom: 10px; font-size: 18px; text-align: center; }
#mfp_phase_confirm table#mfp_confirm_table tr th, #mfp_phase_confirm table#mfp_confirm_table tr td { border-color: #cccbc9; }
#mfp_phase_confirm table#mfp_confirm_table tr th { background: #6b6d79; padding: 25px 5px 20px; color: #FFF; text-align: center; }
#mfp_phase_confirm table#mfp_confirm_table tr td { padding: 20px 20px 15px; }
#mfp_phase_confirm table#mfp_confirm_table tr.mfp_colored { background-color: #FFF; }
#mfp_phase_confirm table#mfp_confirm_table tr:last-child th, #mfp_phase_confirm table#mfp_confirm_table tr:last-child td { border-bottom: 1px solid #cccbc9; }
#mfp_phase_confirm .mfp_buttons button { border: none; padding: 20px 20px 15px; width: 100%; max-width: 370px; font-size: 17px; font-weight: 500; font-family: 'Heebo', 'Zen Kaku Gothic New', sans-serif,'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',serif; cursor: pointer; outline: none; }
#mfp_phase_confirm .mfp_buttons button#mfp_button_cancel { background-color: #FFF; border: 1px solid #1c223c; margin: 30px 0 0 40px; color: #00000f; }
#mfp_phase_confirm .mfp_buttons button#mfp_button_send { background-color: #c71c2f; border: 1px solid #c71c2f; margin: 30px 40px 0 0; color: #FFF; }

/*-------------------------------
	項目選択・日時選択
--------------------------------*/
/*--------------------------------------------------------------------------
	お問い合わせ
--------------------------------------------------------------------------*/
#sub_title.contact { background-image: url("../../contact/img/titleback_contact.jpg"); }

#contact #contact_frm { margin: 0 auto 0; max-width: 1160px; }
#contact #contact_frm #mailform_box { margin-top: 0; }

/*--------------------------------------------------------------------------
	資料請求
--------------------------------------------------------------------------*/
#sub_title.request { background-image: url("../../request/img/titleback_request.jpg"); }

#request #request_frm { margin: 0 auto 0; max-width: 1160px; }
#request #request_frm #mailform_box { margin-top: 0; }

/*--------------------------------------------------------------------------
	オンライン相談申込フォーム
--------------------------------------------------------------------------*/
#sub_title.appoint_meeting { background-image: url("../../appoint-meeting/img/titleback_appoint_meeting.jpg"); }

#appoint_meeting #ap_meeting_frm { margin: 0 auto 0; max-width: 1160px; }
#appoint_meeting #ap_meeting_frm #mailform_box { margin-top: 80px; }

/*--------------------------------------------------------------------------
	お施主様専用 アフターメンテナンス
--------------------------------------------------------------------------*/
#sub_title.after { background-image: url("../../after/img/titleback_after.jpg"); }

#after #after_frm { margin: 0 auto 0; max-width: 1160px; }
#after #after_frm #form_intro_area { border: none; padding-bottom: 0; }
#after #after_frm #form_tel { border: none; padding-bottom: 40px; }
#after #after_frm .banner_link { margin: 0 auto 0; max-width: 670px; }
#after #after_frm .banner_link + #form_info_text { border-top: 1px solid #cccbc9; margin: 50px auto 0; padding-top: 45px; }
#after #after_frm #mailform_box { margin-top: 50px; }

.after_all #form_tel { border: none; padding-bottom: 40px; }
.after_all #form_tel #mailform_tel.tel_areatype.tel_after { max-width: 670px; }
.after_all #form_tel #mailform_tel.tel_areatype.tel_after > div section { padding: 0; width: 100%; }
.after_all #form_tel #mailform_tel.tel_areatype.tel_after > div section > div h3 { background: #1c223c; line-height: 1.5; font-size: 20px; }
.after_all #form_tel #mailform_tel.tel_areatype.tel_after > div section > div p { padding: 8px 10px 8px; }
.after_all #form_tel #mailform_tel.tel_areatype.tel_after > div section > div p .normal_tel { padding: 10px 0 8px 42px; }

#after_thx.after_all #form_tel { padding-bottom: 0; }

/*--------------------------------------------------------------------------
	お施主様専用 定期点検のご予約
--------------------------------------------------------------------------*/
#sub_title.inspection { background-image: url("../../inspection/img/titleback_inspection.jpg"); }

#inspection #inspection_frm { margin: 0 auto 0; max-width: 1160px; }
#inspection #inspection_frm #mailform_box { margin-top: 50px; }

/*--------------------------------------------------------------------------
	お施主様専用 外壁屋根無料点検申込
--------------------------------------------------------------------------*/
#sub_title.inspection_wallroof { background-image: url("../../inspection-wallroof/img/titleback_inspection_wallroof.jpg"); }

#inspection_wallroof #wallroof_frm { margin: 0 auto 0; max-width: 1160px; }
#inspection_wallroof #wallroof_frm #form_info_text { border-bottom: 1px solid #cccbc9; padding-bottom: 45px; }
#inspection_wallroof #wallroof_frm #mailform_box { margin-top: 50px; }

/*--------------------------------------------------------------------------
	協力業者様募集
--------------------------------------------------------------------------*/
#sub_title.collabo { background-image: url("../../collaborator/img/titleback_collabo.jpg"); }

#collabo #collabo_frm { margin: 0 auto 0; max-width: 1160px; }
#collabo #collabo_frm #collabo_main > h2 { background: url("../img/icon_blue.png") left center no-repeat; background-size: 4px auto; padding-left: 20px; line-height: 1.5; font-size: 19px; font-weight: 500; }
#collabo #collabo_frm #collabo_main > h2 p { display: -webkit-flex; display: flex; align-items: center; }
#collabo #collabo_frm #collabo_main > h2 p span.an_eng { line-height: 1.3; font-size: 30px; }
#collabo #collabo_frm #collabo_main > h2 p span.an_jp { display: inline-block; padding: 6px 0 0 15px; line-height: 1; font-size: 19px; }
#collabo #collabo_frm #collabo_main #fp_head { margin-top: 25px; }
#collabo #collabo_frm #collabo_main #fp_head article { position: relative; }
#collabo #collabo_frm #collabo_main #fp_head article p { position: absolute; top: 0; bottom: 0; left: 0; right: 0; height: 2rem; margin: auto; color: #FFF; text-align: center; font-size: 23px; font-weight: 700; }
#collabo #collabo_frm #collabo_main #fp_head > p { margin-top: 75px; text-align: center; font-size: 20px; font-weight: 500; }
#collabo #collabo_frm #collabo_main #fp_head .intro { margin: 70px auto 0; }
#collabo #collabo_frm #collabo_main #fp_head .intro p { text-align: center; }
#collabo #collabo_frm #collabo_main #fp_head .intro .img_area { margin: 60px auto 0; max-width: 570px; }
#collabo #collabo_frm #collabo_main #fp_head .intro .img_area .caution { display: block; margin-top: 10px; text-align: right; font-size: 12px; }
#collabo #collabo_frm #collabo_main #fp_head .collabo_info { display: -webkit-flex; display: flex; margin: 50px auto 0; width: 100%; }
#collabo #collabo_frm #collabo_main #fp_head .collabo_info > div { padding: 0 10px 0; width: 50%; }
#collabo #collabo_frm #collabo_main #fp_head .collabo_info > div > div { background: #ececec; padding: 30px; height: 100%; }
#collabo #collabo_frm #collabo_main #fp_head .collabo_info > div > div h2 { background: url("../img/icon_blue.png") left center no-repeat; background-size: 4px auto; padding-left: 20px; line-height: 1.5; font-size: 19px; font-weight: 500; }
#collabo #collabo_frm #collabo_main #fp_head .collabo_info > div > div ul { display: table; table-layout: fixed; margin-top: 15px; width: 100%; }
#collabo #collabo_frm #collabo_main #fp_head .collabo_info > div > div ul li { display: table-cell; vertical-align: top; }
#collabo #collabo_frm #collabo_main #fp_head .form_info { margin-top: 45px; line-height: 2.2; text-align: center; }
#collabo #collabo_frm #collabo_main #fp_head .form_info span { display: block; margin-top: 5px; font-size: 15px; }
#collabo #collabo_frm #mailform_box { border-top: 1px solid #cccbc9; margin-top: 50px; padding-top: 50px; }

/*--------------------------------------------------------------------------
	土地 お問い合わせ
--------------------------------------------------------------------------*/
#sub_title.land { background-image: url("../../estate_contact/img/titleback_land.jpg"); }

#estate_contact #form_frm #mailform_box #form_box .items.select_estate .fValue > div { background-position: left top 6px; background-repeat: no-repeat; background-size: 3px auto; padding-left: 13px; }
#estate_contact #form_frm #mailform_box #form_box .items.select_estate .fValue > div.land { background-image: url("../../estate_contact/img/formicon_land.png"); }
#estate_contact #form_frm #mailform_box #form_box .items.select_estate .fValue > div.sell { background-image: url("../../estate_contact/img/formicon_sell.png"); }
#estate_contact #form_frm #mailform_box #form_box .items.select_estate .fValue > div + label { margin-top: 5px; }
#estate_contact #form_frm #mailform_box #form_box .items.select_estate .fValue label + .sell { margin-top: 5px; }

/*--------------------------------------------------------------------------
	採用情報　フォーム系共通
--------------------------------------------------------------------------*/
#sub_title.recruit_appo { background-image: url("../../recruit_appoint/img/titleback_recruit_appo.jpg"); }

#recruit_appo h2.form_t { background: url("../img/icon_blue.png") left top 5px no-repeat; background-size: 4px auto; margin: 0 auto 20px; padding-left: 20px; max-width: 1000px; line-height: 1.5; font-size: 25px; font-weight: 500; }
#recruit_appo #mfp_phase_confirm { margin-top: 25px; }
#recruit_appo #mfp_phase_confirm #mfp_phase_confirm_inner > h4 { display: none; }

/*--------------------------------------------------------------------------
	採用情報　新卒採用　会社説明会参加申し込みフォーム
--------------------------------------------------------------------------*/
#recruit_appo.graduates_form #mailform_box #form_box .items > div.fValue.file_send dl dt { width: 150px; }

/*--------------------------------------------------------------------------
	採用情報　キャリア採用　エントリーフォーム
--------------------------------------------------------------------------*/
#recruit_appo.career_form #mailform_box #form_box .items > div.fValue.file_send dl dt { width: 100px; }

/*--------------------------------------------------------------------------
	採用情報　キャリア採用 郵送してエントリー
--------------------------------------------------------------------------*/
#recruit_appo.mailing { margin: 0 auto 0; max-width: 1000px; }
#recruit_appo.mailing #mailing_date { background: #ececec; margin: 0 auto 100px; padding: 50px 50px 45px; }
#recruit_appo.mailing #mailing_date h3 { margin-bottom: 25px; font-size: 15px; font-weight: 500; }
#recruit_appo.mailing #mailing_date dl { display: table; width: 100%; }
#recruit_appo.mailing #mailing_date dl:nth-of-type(n+2) { margin-top: 25px; }
#recruit_appo.mailing #mailing_date dl dt, #recruit_appo.mailing #mailing_date dl dd { display: table-cell; vertical-align: top; }
#recruit_appo.mailing #mailing_date dl dt { width: 130px; }
#recruit_appo.mailing #mailing_date dl dt span { display: block; background: #1c223c; padding: 2px 0 0; width: 100px; height: 30px; color: #FFF; text-align: center; }

/*--------------------------------------------------------------------------
	注文住宅に関するお問い合わせ・お施主様専用アフターメンテナンス　共通
--------------------------------------------------------------------------*/
.contact_page .contact_page_frm { margin: 0 auto 0; max-width: 1160px; }
.contact_page .contact_page_frm section + section { margin-top: 100px; }
.contact_page .contact_page_frm section h2 { background-size: 90px auto; background-position: center top; background-repeat: no-repeat; padding: 100px 0 0; line-height: 1.5; text-align: center; font-size: 25px; font-weight: 500; }
.contact_page .contact_page_frm section .block { display: -webkit-flex; display: flex; margin: 45px auto 0; }
.contact_page .contact_page_frm section .block > div { display: -webkit-flex; display: flex; flex-direction: column; flex-grow: 1; padding: 0 20px 0 0; width: 50%; }
.contact_page .contact_page_frm section .block > div:last-of-type { padding: 0 0 0 20px; }
.contact_page .contact_page_frm section .block > div:last-of-type .item { background: #d9dee8; }
.contact_page .contact_page_frm section .block > div .item { flex-grow: 1; background: #dddee2; border-radius: 15px; padding: 30px; }
.contact_page .contact_page_frm section .block > div .item h3 { background: url("../img/icon_blue.png") left top 2px no-repeat; background-size: 4px auto; border-bottom: 1px solid #FFF; padding: 0 0 25px 20px; line-height: 1.5; font-size: 21px; font-weight: 500; }
.contact_page .contact_page_frm section .block > div .item ul { margin: 30px auto 0; max-width: 400px; }
.contact_page .contact_page_frm section .block > div .item ul li:nth-of-type(n+2) { margin-top: 10px; }
.contact_page .contact_page_frm section .block > div .item ul li a { display: block; background: #FFF; border: 1px solid #cccbc9; border-radius: 50px; padding: 15px 20px 10px; text-align: center; font-size: 18px; }
.contact_page .contact_page_frm section .block > div .item ul li a:hover, .contact_page .contact_page_frm section .block > div .item ul li a:active { background: #1c223c; color: #FFF; }
.contact_page .link_button { margin-top: 80px; }
.contact_page .link_button a { display: block; border: 1px solid #1c223c; margin: 0 auto 0; padding: 22px 10px 16px; max-width: 400px; text-align: center; font-size: 17px; }
.contact_page .link_button a:hover, .contact_page .link_button a:active { background: #1c223c; color: #FFF; }

/*--------------------------------------------------------------------------
	注文住宅に関するお問い合わせ
--------------------------------------------------------------------------*/
#sub_title.customhouse_contact { background-image: url("../../customhouse_contact/img/titleback_form_custom.jpg"); }

#customhouse_contact .contact_page_frm section:nth-of-type(1) h2 { background-image: url("../../customhouse_contact/img/contact_custom_01.png"); }
#customhouse_contact .contact_page_frm section:nth-of-type(2) h2 { background-image: url("../../customhouse_contact/img/contact_custom_02.png"); }

/*--------------------------------------------------------------------------
	お施主様専用アフターメンテナンス
--------------------------------------------------------------------------*/
#sub_title.client_contact { background-image: url("../../client_contact/img/titleback_form_client.jpg"); }

#client_contact .contact_page_frm section h2 { background-image: url("../../client_contact/img/contact_client_01.png"); }

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