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

	◎採用エントリー関連共通

	エントリーフォーム 共通
	郵送してエントリー 共通

	採用情報
	新卒採用 エントリーフォーム
	新卒採用 郵送してエントリー
	アルバイト・パート エントリーフォーム
	アルバイト・パート 郵送してエントリー
	キャリア採用 エントリーフォーム
	キャリア採用 郵送してエントリー 送信完了

--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	採用エントリー 共通
--------------------------------------------------------------------------*/
#subpage.rec_entry { color: #222222; }

/*--------------------------------------------------------------------------
	エントリーフォーム 共通
--------------------------------------------------------------------------*/
#subpage.entry_form .intro { margin: 0 auto 0; padding: 0 10px 0; max-width: 920px; text-align: center; }
#subpage.entry_form .intro .eng { color: #0070BC; line-height: 1; font-size: 70px; font-family: 'Noto Serif JP'; }
#subpage.entry_form .intro h2 { margin-top: 20px; line-height: 1.5; font-size: 25px; font-weight: 500; }
#subpage.entry_form form { margin: 80px auto 0; padding: 0 10px 0; max-width: 920px; }
#subpage.entry_form form #mailform_box .form_box { border-top: 1px solid #cccccc; padding: 0; max-width: 100%; }
#subpage.entry_form form #mailform_box .form_box .items { display: table; border-bottom: 1px solid #cccccc; padding: 20px 0 20px 20px; width: 100%; max-width: 100%; }
#subpage.entry_form form #mailform_box .form_box .items > div { display: table-cell; vertical-align: middle; }
#subpage.entry_form form #mailform_box .form_box .items > div:first-of-type { width: 280px; }
#subpage.entry_form form #mailform_box .form_box .items > div:first-of-type .item_title { display: -webkit-flex; display: flex; align-items: center; justify-content: space-between; padding: 0 50px 0 0; }
#subpage.entry_form form #mailform_box .form_box .items > div:first-of-type .item_title label { margin: 0; display: inline-block; }
#subpage.entry_form form #mailform_box .form_box .items > div:first-of-type .item_title span { border-radius: 15px; width: 60px; color: #FFF; text-align: center; font-size: 13px; font-weight: 500; }
#subpage.entry_form form #mailform_box .form_box .items > div:first-of-type.f_must .item_title span { background: #E14657; }
#subpage.entry_form form #mailform_box .form_box .items > div:first-of-type.f_free .item_title span { background: #888888; }
#subpage.entry_form form #mailform_box .form_box .items > div.mfp input { width: 100%; }
#subpage.entry_form form #mailform_box .form_box .items > div.mfp input.input_text { background: #E7E7E9; border: none; padding: 10px; height: auto; color: #222222; line-height: 1.8; font-size: 16px; }
#subpage.entry_form form #mailform_box .form_box .items > div.mfp input::placeholder { color: #888888; }
#subpage.entry_form form #mailform_box .form_box .items > div.mfp .ent_text input { display: none; }
#subpage.entry_form form #mailform_box .form_box .items > div.mfp textarea { width: 100%; }
#subpage.entry_form form #mailform_box .form_box .items.tx_line > div { vertical-align: top; }
#subpage.entry_form form #mailform_box .form_box #temp dl { display: -webkit-flex; display: flex; align-items: center; }
#subpage.entry_form form #mailform_box .form_box #temp dl:nth-of-type(n+2) { margin-top: 10px; }
#subpage.entry_form form #mailform_box .form_box #temp dl dt { width: 100%; max-width: 165px; }
#subpage.entry_form form #mailform_box .form_box #temp dl dd { width: 100%; }
#subpage.entry_form form #mailform_box .form_box #temp dl dd input { font-size: 13px; }
#subpage.entry_form form #mailform_box .form_box #temp .temp_text { margin-top: 20px; }
#subpage.entry_form form #mailform_box .form_box #temp .temp_text .caution { font-size: 13px; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy a { display: block; margin-bottom: 30px; color: #578FA2; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy a:hover, #subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy a:active { color: #E14657; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy a.done { opacity: 0.5; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy label { display: inline-block; background-color: #e4e4e4; border: none; margin: 0 0 5px; padding: 15px 20px 15px; width: 100%; height: auto; color: #222222; text-align: left; font-size: 16px; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy label.freeze { pointer-events: none; opacity: 0.5; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy label:hover, #subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy label:active, #subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy label.mfp_checked { background-color: #aaaaaa; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy label input { width: 16px; height: 16px; }
#subpage.entry_form form #mailform_box .form_box #item_privacy #form_privacy label input.mfp_element_checkbox { margin: -1px 10px 0 0; }
#subpage.entry_form #form_btn { margin-top: 50px; text-align: center; }
#subpage.entry_form #form_btn button { width: 100%; max-width: 300px; color: #ffffff; background: #0070BC; border: 1px solid #0070BC; font-size: 16px; font-family: 'Noto Sans JP','メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,'MS Pゴシック',sans-serif; letter-spacing: 0.2em; }
#subpage.entry_form #form_btn button:hover, #subpage.entry_form #form_btn button:active { background-color: #FFF; color: #0070BC; }

/*--------------------------------------------------------------------------
	採用情報
--------------------------------------------------------------------------*/
#main_contents.rec_site.rec_entry_top { padding: 0 0 150px; }
#main_contents.rec_site.rec_entry_top #subpage.entry_top { padding-top: 0; }

#subpage.entry_top .entry_top_frm { background: url("../../recruit/img/rc_entry_top.jpg") top center no-repeat; background-size: 2000px auto; padding: 380px 0 0; }
#subpage.entry_top .entry_top_frm .intro { padding: 0 10px 0; }
#subpage.entry_top .entry_top_frm .intro h2 { color: #0070bc; line-height: 1.5; text-align: center; font-size: 30px; font-weight: 400; }
#subpage.entry_top .entry_top_frm .intro .textarea { margin-top: 30px; }
#subpage.entry_top .entry_top_frm .intro .textarea p { margin-top: 10px; line-height: 2; text-align: center; font-size: 20px; }
#subpage.entry_top .entry_top_frm .point { background: linear-gradient(to right, #c5dff0 0%, #c5dff0 50%, #e0eef7 50%, #e0eef7 100%); margin: 100px auto 0; }
#subpage.entry_top .entry_top_frm .point h2 { background: url("../../recruit/img/acty_midashi.png") left top 4px no-repeat; background-size: 20px auto; padding: 0 0 0 30px; line-height: 1.5; font-size: 21px; font-weight: 400; }
#subpage.entry_top .entry_top_frm .point .list { display: -webkit-flex; display: flex; margin: 0 auto 0; max-width: 1280px; }
#subpage.entry_top .entry_top_frm .point .list .tx_red { color: #ed1c24; }
#subpage.entry_top .entry_top_frm .point .list .item { padding: 70px; width: 50%; }
#subpage.entry_top .entry_top_frm .point .list .item > div { max-width: 500px; }
#subpage.entry_top .entry_top_frm .point .list .item > div ul { margin-top: 30px; }
#subpage.entry_top .entry_top_frm .point .list .item > div ul.type01 li { background: url("../../recruit/img/maru_blue.png") left top 9px no-repeat; background-size: 10px auto; padding: 0 0 0 20px; font-size: 16px; }
#subpage.entry_top .entry_top_frm .point .list .item > div ul.type01 li:nth-of-type(n+2) { margin-top: 10px; }
#subpage.entry_top .entry_top_frm .point .list .item > div ul.type02 li { background: url("../../recruit/img/shikaku_mizu.png") left 20px top 20px no-repeat #FFF; background-size: 10px auto; border-radius: 5px; padding: 10px 20px 10px 40px; font-size: 16px; }
#subpage.entry_top .entry_top_frm .point .list .item > div ul.type02 li:nth-of-type(n+2) { margin-top: 20px; }
#subpage.entry_top .entry_top_frm .entry_btn { margin: 100px auto 0; max-width: 1030px; }
#subpage.entry_top .entry_top_frm .entry_btn ul { display: -webkit-flex; display: flex; }
#subpage.entry_top .entry_top_frm .entry_btn ul li { padding: 0 15px 0; width: 33.33%; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a { display: -webkit-flex; display: flex; align-items: center; justify-content: center; background: #0070BC; border: 3px solid #0070BC; margin: 0 auto 0; padding: 10px; max-width: 500px; height: 150px; color: #FFF; text-align: center; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a > span { display: inline-block; font-size: 25px; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a > span .break_tx::before { content: '・'; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a:hover, #subpage.entry_top .entry_top_frm .entry_btn ul li a:active { background-color: #FFF; color: #0070BC; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a.btn_part_time { border-color: #35A8C6; background: #35A8C6; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a.btn_part_time:hover, #subpage.entry_top .entry_top_frm .entry_btn ul li a.btn_part_time:active { background-color: #FFF; color: #35A8C6; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a.btn_career { border-color: #003EBA; background: #003EBA; }
#subpage.entry_top .entry_top_frm .entry_btn ul li a.btn_career:hover, #subpage.entry_top .entry_top_frm .entry_btn ul li a.btn_career:active { background-color: #FFF; color: #003EBA; }
#subpage.entry_top .entry_top_frm .entry_btn ul.two li { width: 50%; }
#subpage.entry_top .entry_top_frm .entry_btn ul.one li { width: 100%; }
#subpage.entry_top .no_entry { margin: 100px auto 0; padding: 0 10px 0; }
#subpage.entry_top .no_entry > div { background: #cccccc; margin: 0 auto 0; max-width: 800px; }
#subpage.entry_top .no_entry > div p { padding: 50px 10px 50px; text-align: center; font-size: 18px; }

/*--------------------------------------------------------------------------
	エントリーフォーム　確認画面　共通
--------------------------------------------------------------------------*/
#subpage.entry_form #mfp_phase_confirm_inner h4 { background: #cccccc; margin: 50px auto 30px; padding: 10px; max-width: 900px; text-align: center; font-size: 20px; font-weight: 500; }

/*--------------------------------------------------------------------------
	エントリーフォーム　送信完了　共通
--------------------------------------------------------------------------*/
#subpage.entry_thx .thx_frm { margin: 0 auto 0; padding: 0 10px 0; max-width: 1120px; }
#subpage.entry_thx .thx_frm .thanks_info h2 { border: 1px solid #737384; margin: 0 auto 0; padding: 20px 10px 20px; max-width: 600px; color: #747484; line-height: 1.6; text-align: center; font-size: 25px; font-weight: 800; }
#subpage.entry_thx .thx_frm .thanks_info > p { margin: 50px auto 0; text-align: center; }
#subpage.entry_thx .thx_frm .thanks_info .tel_area { background: #0070BC; margin: 50px auto  0; padding: 20px 10px 20px; max-width: 400px; }
#subpage.entry_thx .thx_frm .thanks_info .tel_area p { color: #ffffff; line-height: 1; text-align: center; font-size: 30px; font-weight: 700; font-family: 'Work Sans', sans-serif; }
#subpage.entry_thx .pageback { margin-top: 100px; }
#subpage.entry_thx .pageback p.backbutton a { background-color: #cccccc; color: #222222; }
#subpage.entry_thx .pageback p.backbutton a:hover, #subpage.entry_thx .pageback p.backbutton a:active { background-color: #35A8C6; color: #FFF; }
#subpage.entry_thx.part_time .thx_frm .thanks_info .tel_area { background: #35A8C6; }
#subpage.entry_thx.career .thx_frm .thanks_info .tel_area { background: #003EBA; }

/*--------------------------------------------------------------------------
	郵送してエントリー　共通
--------------------------------------------------------------------------*/
#subpage.rec_entry.post .post_frm { margin: 0 auto 0; padding: 0 10px 0; max-width: 1120px; }
#subpage.rec_entry.post .post_frm .title_area { display: -webkit-flex; display: flex; align-items: center; background: url("../img/entry_post.png") right 20% center no-repeat; background-size: 182px auto; border-left: 10px solid #0070BC; padding: 0 0 0 50px; height: 150px; }
#subpage.rec_entry.post .post_frm .title_area h2 { line-height: 1.8; font-size: 30px; font-weight: 500; }
#subpage.rec_entry.post .post_frm .title_area h2 .in_blo { display: block; }
#subpage.rec_entry.post .post_frm .bg_area { background: #ECEEF0; margin-top: 50px; padding: 50px; }
#subpage.rec_entry.post .post_frm .bg_area .post_info { margin-top: 40px; }
#subpage.rec_entry.post .post_frm .bg_area .post_info dl { display: -webkit-flex; display: flex; }
#subpage.rec_entry.post .post_frm .bg_area .post_info dl:nth-of-type(n+2) { margin-top: 10px; }
#subpage.rec_entry.post .post_frm .bg_area .post_info dl dt { width: 100%; max-width: 100px; }
#subpage.rec_entry.post .post_frm .bg_area .post_info dl dd .add_coname { font-weight: 500; }
#subpage.rec_entry.post .post_frm .bg_area .item_info { margin-top: 40px; }
#subpage.rec_entry.post .post_frm .bg_area .item_info .bg_title { background: #0070BC; border-radius: 5px; padding: 2px; width: 80px; color: #FFF; text-align: center; font-size: 13px; }
#subpage.rec_entry.post .post_frm .bg_area .item_info .bg_title + p { margin-top: 10px; }
#subpage.rec_entry.post .pageback { margin: 100px auto 0; padding: 0; max-width: 1100px; border: none; }
#subpage.rec_entry.post .pageback .backbutton a { background: #0070BC; border: 1px solid #0070BC; }
#subpage.rec_entry.post .pageback .backbutton a:hover, #subpage.rec_entry.post .pageback .backbutton a:active { background: #FFF; border-color: #0070BC; color: #0070BC; }

/*--------------------------------------------------------------------------
	エントリーフォーム 新卒　※カラーはベース色
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	エントリーフォーム アルバイト・パート
--------------------------------------------------------------------------*/
#subpage.entry_form.part_time .intro .eng { color: #35A8C6; }
#subpage.entry_form.part_time #form_btn button { background-color: #35A8C6; border-color: #35A8C6; }
#subpage.entry_form.part_time #form_btn button:hover, #subpage.entry_form.part_time #form_btn button:active { background-color: #FFF; color: #35A8C6; }

/*--------------------------------------------------------------------------
	エントリーフォーム キャリア
--------------------------------------------------------------------------*/
#subpage.entry_form.career .intro .eng { color: #003EBA; }
#subpage.entry_form.career #form_btn button { background-color: #003EBA; border-color: #003EBA; }
#subpage.entry_form.career #form_btn button:hover, #subpage.entry_form.career #form_btn button:active { background-color: #FFF; color: #003EBA; }

/*--------------------------------------------------------------------------
	郵送してエントリー 新卒　※カラーはベース色
--------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------
	郵送してエントリー アルバイト・パート
--------------------------------------------------------------------------*/
#subpage.post.part_time .post_frm .title_area { border-color: #35A8C6; }
#subpage.post.part_time .post_frm .bg_area .item_info .bg_title { background: #35A8C6; }
#subpage.post.part_time .pageback .backbutton a { background: #35A8C6; border: 1px solid #35A8C6; }
#subpage.post.part_time .pageback .backbutton a:hover, #subpage.post.part_time .pageback .backbutton a:active { border-color: #35A8C6; color: #35A8C6; }

/*--------------------------------------------------------------------------
	郵送してエントリー キャリア
--------------------------------------------------------------------------*/
#subpage.post.career .post_frm .title_area { border-color: #003EBA; }
#subpage.post.career .post_frm .bg_area .item_info .bg_title { background: #003EBA; }
#subpage.post.career .pageback .backbutton a { background: #003EBA; border: 1px solid #003EBA; }
#subpage.post.career .pageback .backbutton a:hover, #subpage.post.career .pageback .backbutton a:active { border-color: #003EBA; color: #003EBA; }

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