@charset "utf-8";
/*
	Last Update:2024/09/24
	Auther: iw
*/
:root {
	--wc-headHeight:90px;
	--wc-center:1200px;
	--wc-center2:1000px;
	--wc-center3:800px;
	--wc-headBg:#fff;
	--wc-main1:#5ebacf;
	--wc-main2:#edf7fd;
	--wc-sub1:#ffc415;
	--wc-sub2:#ff6392;
}
.spmode #wcfront_head { --wc-headHeight:60px; }
@media (max-width: 991px){ :root { --wc-headHeight:60px; } }
.bg_main1 { background-color:var(--wc-main1); }
.bg_main2 { background-color:var(--wc-main2); }
.bg_sub1 { background-color:var(--wc-sub1); }
.bg_sub2 { background-color:var(--wc-sub2); }
.c_main1 { color:var(--wc-main1); }
.c_main2 { color:var(--wc-main2); }
.c_sub1 { color:var(--wc-sub1); }
.c_sub2 { color:var(--wc-sub2); }
.list_pager .page > a { background-color:var(--wc-main2); }
.list_pager .page > span { background-color:var(--wc-sub1); color:#fff; }
.list_pager .prev > *, .list_pager .next > * { background-color:var(--wc-main2); }

/* base */
.wcfront_hidden { display:none !important; }
#wcfront_base { position:relative; width:100%; }
.wcfront_base_wrap { position:relative; }

/* head */
#wcfront_head { position:sticky; top:0; left:0; width:100%; height:var(--wc-headHeight); background:var(--wc-headBg); z-index:1000; }
#wcfront_base.fixed #wcfront_head { box-shadow:0 2px 4px rgba(0,0,0,0.3); }
.wcfront_head_wrap { display:flex; height:var(--wc-headHeight); align-items:center; }
	#wcfront_head_logo {}
	#wcfront_head_navi {}
	.wcfront_head_navi_wrap {}
		#wcfront_head_main {}
		#wcfront_head_sub {}
		#wcfront_head_main_parts1 {}
	#wcfront_head_main_parts2 {}
	@media (max-width: 991px){
		#wcfront_head_main_parts2 { margin-left:auto; }
	}
	#wcfront_head_btn_open {}

/* body */
#wcfront_body { position:relative; }
body:not(.layout3) #wcfront_body { overflow-x:hidden; }
#wcfront_body_parts1 {}
.wcfront_body_wrap { position:relative; max-width:100%; }
body:not(.layout3) .wcfront_body_wrap { overflow-x:hidden; }
	#wcfront_pagetitle {}
	#wcfront_pankuzu {}
#wcfront_body_parts2 {}

/* foot */
#wcfront_foot_parts1 {}
#wcfront_foot {}
.wcfront_foot_wrap { position:relative; max-width:100%; overflow-x:hidden; }
	#wcfront_foot1 {}
		#wcfront_foot_logo {}
	#wcfront_foot2 {}
		#wcfront_foot_navi {}
#wcfront_foot_parts2 {}

#wcfront_head_logo { height:var(--wc-headHeight); padding:5px 5px 5px 10px; }
#wcfront_head_logo a { display:inline-block; width:100%; height:100%; max-width:400px; }
#wcfront_head_logo img { object-fit:contain; width:100%; height:100%; object-position:left center; }

#wcfront_head_btn_open { margin-left:auto; }
#wcfront_head_btn_open a { position:relative; display:block; width:60px; height:60px; text-align:center; color:var(--wc-main1); }
#wcfront_head_btn_open a > span { position:absolute; }
#wcfront_head_btn_open a > .line { left:12px; height:2px; background:var(--wc-main1); transform-origin:left center; transition:all 0.2s; width:calc(100% - 24px); }
#wcfront_head_btn_open .line1 { top:20%; }
#wcfront_head_btn_open .line2 { top:calc(50% - 9px); width:calc(100% - 30px); }
#wcfront_head_btn_open .line3 { bottom:44%; }
#wcfront_head_btn_open .text { bottom:1px; left:0; width:100%; font-size:11px; }
#wcfront_base:not(.open) #wcfront_head_btn_open .text--close { display:none; }
#wcfront_base.open #wcfront_head_btn_open .text--open { display:none; }
#wcfront_base.open #wcfront_head_btn_open .line1 { left:14px; transform:rotate(30deg); }
#wcfront_base.open #wcfront_head_btn_open .line2 { width:0; }
#wcfront_base.open #wcfront_head_btn_open .line3 { left:14px; transform:rotate(-30deg); }
#wcfront_head_main_parts2 + #wcfront_head_btn_open { margin-left:0; }
	@media (max-width: 991px){
		#wcfront_head_btn_open a > span { width:calc(100% - 20px); }
	}
	@media (min-width: 992px){
		#wcfront_head_btn_open { display:none; }
		.spmode #wcfront_head_btn_open { display:block; }
	}

#wcfront_head_main > ul > li > a { font-weight:500; }
.spmode #wcfront_head_navi { display:none; }
	@media (max-width: 991px){
		#wcfront_base:not(.open) #wcfront_head_navi { display:none; }
		#wcfront_head_navi { position:absolute; top:var(--wc-headHeight); left:0; width:100%; background:var(--wc-headBg); overflow-y:auto; overscroll-behavior:none; height:calc(100vh - var(--wc-headHeight)); padding-bottom:120px; z-index:1000; }
		#wcfront_head_main { border-bottom:1px solid #ddd; }
		#wcfront_head_main li { border-top:1px solid #ddd; }
		#wcfront_head_main a { display:block; padding:15px; }
		#wcfront_head_main .sub { background:var(--wc-main2); }
		#wcfront_head_main .sub a { padding:10px 10px 10px 40px; }
	}
	@media (min-width: 992px){
		#wcfront_head_navi { margin-left:auto; }
		#wcfront_head_main { padding:0 20px; }
		#wcfront_head_main > ul { display:flex; justify-content:end; flex-wrap:wrap; }
		#wcfront_head_main > ul > li { position:relative; }
		body.pc #wcfront_head_main > ul a:hover { color:var(--wc-sub2); text-decoration:underline; }
		body:not(.layout3) #wcfront_head_main > ul > li { margin-left:min(30px, 1.5vw); }
		body:not(.layout3) #wcfront_head_main > ul > li:has(.sub):after { content:'▼'; font-size:11px; color:var(--wc-sub2); vertical-align:middle; }
		body:not(.layout3) #wcfront_head_main .sub { position:absolute; top:100%; left:0; width:max-content; min-width:100%; display:none; background:var(--wc-headBg); z-index:10; }
		#wcfront_head_main .sub a { display:block; padding:10px; }
		#wcfront_head_main li.active .sub { display:block; }
		#wcfront_head_main .sub._right { left:auto; right:0; }
	}

#wcfront_head_navi:has(#wcfront_head_sub) { padding-top:55px; }
#wcfront_head_sub { position:absolute; top:15px; right:20px; }
#wcfront_head_sub > ul { display:flex; }

#wcfront_foot { padding-top:20px; }
#wcfront_foot .wcfront_foot_wrap { padding:0 30px; }
#wcfront_foot_logo { padding:10px; }
#wcfront_foot_logo a { display:inline-block; width:100%; height:100%; max-width:400px; }
#wcfront_foot_logo img { object-fit:contain; width:100%; height:100%; }
	@media (max-width: 991px){
		#wcfront_foot_logo { text-align:center; }
	}
	@media (min-width: 992px){
		#wcfront_foot .wcfront_foot_wrap { display:flex; flex-wrap:wrap; align-items:start; }
		#wcfront_foot2 { margin-left:auto; }
	}

#wcfront_foot_navi { padding-top:20px; }
#wcfront_foot_navi > ul > li > a { font-weight:bold; }
body.pc #wcfront_foot_navi a:hover { color:var(--wc-sub2); text-decoration:underline; }
	@media (max-width: 991px){
		#wcfront_foot_logo { text-align:center; }
		#wcfront_foot_navi { display:none; }
	}
	@media (min-width: 992px){
		#wcfront_foot_navi > ul { display:flex; align-items:start; justify-content:end; }
		#wcfront_foot_navi > ul > li + li { padding-left:30px; }
		#wcfront_foot_navi .sub { margin-top:10px; }
		#wcfront_foot_navi .sub li + li { margin-top:3px; }
		.spmode #wcfront_foot_navi { display:none; }
	}

#wcfront_pagetitle {
	--wcft-page-title1:230px;
	--wcft-page-title2:180px;
	--wcft-page-title3:2.5em;
	--wcft-page-title4:0;
}
.layout2 #wcfront_pagetitle {
	--wcft-page-title1:300px;
	--wcft-page-title4:70px;
}
.spmode #wcfront_pagetitle {
	--wcft-page-title1:120px;
	--wcft-page-title2:100px;
	--wcft-page-title3:1.75em;
	--wcft-page-title4:0;
}
@media (max-width: 991px){
	#wcfront_pagetitle {
		--wcft-page-title1:120px;
		--wcft-page-title2:100px;
		--wcft-page-title3:1.75em;
		--wcft-page-title4:0;
	}
	.layout2 #wcfront_pagetitle {
		--wcft-page-title1:180px;
		--wcft-page-title4:60px;
	}
}
#wcfront_pagetitle { position:relative; height:var(--wcft-page-title1); background:var(--wc-main1); }
#wcfront_pagetitle._small { height:var(--wcft-page-title2); }
#wcfront_pagetitle:not(.pos_al) { text-align:center; }
#wcfront_pagetitle .wcfront_pagetitle--image { width:100%; height:100%; }
#wcfront_pagetitle .wcfront_pagetitle--image img { object-fit:cover; width:100%; height:100%; }
#wcfront_pagetitle .wcfront_pagetitle--text_wrap { position:absolute; left:0; top:50%; transform:translateY(-50%); width:100%; padding-top:var(--wcft-page-title4); }
#wcfront_pagetitle .wcfront_pagetitle--text, #wcfront_pagetitle .wcfront_pagetitle--text2 { margin:0 auto; color:#fff; text-shadow:1px 1px 5px rgba(0,0,0,0.7); line-height:1.4; }
#wcfront_pagetitle .wcfront_pagetitle--text { margin:0 auto; font-size:var(--wcft-page-title3); letter-spacing:0.1em; font-weight:bold; }
#wcfront_pagetitle._black .wcfront_pagetitle--text, #wcfront_pagetitle._black .wcfront_pagetitle--text2 { color:#000; text-shadow:1px 1px 5px rgba(255,255,255,0.7); }
#wcfront_pagetitle.pos_al .wcfront_pagetitle--text, #wcfront_pagetitle.pos_al .wcfront_pagetitle--text2 { margin:0 auto 0 20px; }

#wcfront_pankuzu { font-size:13px; padding:10px 15px; }
#wcfront_pankuzu a { color:var(--wc-sub2); text-decoration:underline; }
#wcfront_pankuzu li, #wcfront_pankuzu li:before { vertical-align:baseline; line-height:100%; }
#wcfront_pankuzu li:before { display:inline-block; }
#wcfront_pankuzu ul > li:not(:first-child):before { content:"/"; margin:0 8px; color:#D9D9D9; }
body.pc #wcfront_pankuzu a:hover { text-decoration:underline; }
	@media (max-width: 575px){
		#wcfront_pankuzu ul { text-overflow:ellipsis; overflow:hidden; white-space:nowrap; }
		#wcfront_pankuzu li { display:inline; }
	}
	@media (min-width: 576px){
		#wcfront_pankuzu li { display:inline-block; }
	}

/* layout type */
.layout1 {}
.layout2 #wcfront_base:not(.fixed) #wcfront_head { background:transparent; position:absolute; }
.layout2 #wcfront_base:not(.fixed) #wcfront_head_main a { color:#fff; }
#wcadmin_page_preview_wrap.layout2:not(:has(#wcfront_pagetitle)) #wcfront_head { position:relative; }
@media (min-width: 992px){
	.layout3 #wcfront_head_btn_open { display:block; }
	.layout3 #wcfront_base:not(.open) .wcfront_head_navi_wrap { display:none; }
	.layout3 .wcfront_head_navi_wrap { position:absolute; top:var(--wc-headHeight); right:0; background:var(--wc-headBg); overflow-y:auto; overscroll-behavior:none; height:calc(100vh - var(--wc-headHeight)); padding-bottom:20px; z-index:999; width:250px; box-shadow:0 0 5px rgba(0,0,0,0.2); }
	.layout3 #wcfront_head_main { padding:0; }
	.layout3 #wcfront_head_main > ul { display:block; border-bottom:1px solid #ddd; }
	.layout3 #wcfront_head_main li { border-top:1px solid #ddd; }
	.layout3 #wcfront_head_main a { display:block; padding:15px; }
	.layout3 #wcfront_head_main .sub { background:var(--wc-main2); }
	.layout3 #wcfront_head_main .sub a { padding:10px 10px 10px 40px; }
	.layout3 #wcfront_body { display:flex; align-items:start; width:100%; margin-left:auto; margin-right:auto; }
	.layout3 #wcfront_body > * { flex:1 0 0; }
	.layout3 .wcfront_body_wrap { min-height:100vh; }
	.layout3 #wcfront_body_parts1 { position:sticky; top:0; left:0; }
	.layout3 #wcfront_pagetitle { height:190px; }
}
#wcadmin_page_preview_wrap.layout3 #wcfront_body { display:block; }

/* app category */
.wcapp_category {}
.wcapp_category ul { list-style:none; display:flex; flex-wrap:wrap; }
.wcapp_category ul > li { padding:0 5px 10px; }
.wcapp_category ul .button { border-radius:20px; }
.wcapp_category ul .button.active > span { color:#fff; font-weight:bold; }

.wcapp_category._type1 { background-color:var(--wc-main2); padding:20px 15px 15px; }
.wcapp_category._type1 ul .button { background:#fff; padding:10px 20px; }
.wcapp_category._type1 ul .button.active { background:var(--wc-main1); }

.wcapp_category._type2 { text-align:center; margin-bottom:15px; }
.wcapp_category._type2 ul { justify-content:center; }
.wcapp_category._type2 ul .button { background:var(--wc-main1); padding:5px 15px; font-size:0.8em; }
.wcapp_category._type2 ul .button > span { color:#fff; }
.wcapp_category._type2 ul .button.active { background:var(--wc-sub1); }

/* app */
.wcapp_list {}
.wcapp_unit { margin-bottom:20px; border-bottom:1px solid #ddd; }
.wcapp_unit a { position:relative; display:flex; align-items:center; padding:15px 0; }
.wcapp_unit .photo { width:150px; }
.wcapp_unit .photo > span { display:block; aspect-ratio:16 / 9; }
.wcapp_unit .photo img { object-fit:cover; width:100%; height:100%; }
.wcapp_unit .photo2 > span { display:block; }
.wcapp_unit .photo2 img { object-fit:cover; width:100%; height:100%; }
.wcapp_unit .text_wrap { padding-left:15px; }
.wcapp_unit .tag { font-size:0.85em; background:var(--wc-main1); color:#fff; padding:5px 10px; margin-right:5px; }
.wcapp_unit .tag + .date { margin-left:10px; }
.wcapp_unit .date { color:#999; font-size:0.85em; }
.wcapp_unit .new_mark { display:inline-block; padding:0 5px; font-size:0.85em; background:var(--wc-sub1); color:#fff; margin-right:5px; }
.wcapp_unit .meta + .title { margin-top:5px; }
.wcapp_unit .meta + .title_wrap { margin-top:5px; }
.wcapp_unit .title { font-weight:bold; line-height:1.4; font-size:1.15em; }
.wcapp_unit .title_wrap + .meta { margin-top:10px; }
.wcapp_unit .title + .meta { margin-top:10px; }
.wcapp_unit .meta2 + .meta { margin-top:10px; }
.wcapp_unit .meta2 { font-size:0.8em; }
body.pc .wcapp_unit a:hover { opacity:0.8; }
body.pc .wcapp_unit a:hover .title { color:var(--wc-sub2); text-decoration:underline; }

.wcapp_list._type2 { display:flex; align-items:start; flex-wrap:wrap; margin-left:-20px; margin-right:-20px; }
.wcapp_unit._type2 { width:33.333333%; padding:0 20px; border:none; }
.wcapp_unit._type2 a { display:block; padding:0; }
.wcapp_unit._type2 .photo { position:relative; width:100%; }
.wcapp_unit._type2 .area { position:absolute; top:0; right:0; font-size:12px; background:#fff; padding:5px; }
.wcapp_unit._type2 .text_wrap { padding:15px 0 20px; }
.wcapp_unit._type2 .meta { display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; }
.wcapp_unit._type2 .meta2 { margin-top:10px; }
.spmode .wcapp_unit._type2 { width:100%; }
@media (max-width: 767px){
	.wcapp_unit._type2 { width:100%; }
}

.wcapp_list._type3 {}
.wcapp_unit._type3 a { display:block; padding:0 0 10px; }
.wcapp_unit._type3 .photo { display:none; }
.wcapp_unit._type3 .text_wrap { display:flex; align-items:start; flex-wrap:wrap; }
.wcapp_unit._type3 .meta { margin-right:15px; }

.wcapp_list._type4 { display:flex; align-items:stretch; flex-wrap:wrap; margin-left:-20px; margin-right:-20px; }
.wcapp_unit._type4 { width:33.333333%; padding:0 20px; border:none; }
.wcapp_unit._type4 a { display:block; padding:0; box-shadow:0 0 4px rgba(0,0,0,0.2); height:100%; }
.wcapp_unit._type4 .photo { position:relative; width:100%; }
.wcapp_unit._type4 .area { position:absolute; top:0; right:0; font-size:12px; background:#fff; padding:5px; }
.wcapp_unit._type4 .text_wrap { padding:15px 15px 20px; }
.wcapp_unit._type4 .meta { display:flex; align-items:start; justify-content:space-between; flex-wrap:wrap; }
.wcapp_unit._type4 .meta2 { margin-top:10px; }
.spmode .wcapp_unit._type4 { width:100%; }
@media (max-width: 767px){
	.wcapp_unit._type4 { width:100%; }
}

.wcapp_list._interview1 { display:flex; align-items:start; flex-wrap:wrap; margin-left:-20px; margin-right:-20px; }
.wcapp_unit._interview1 { width:33.333333%; padding:0 20px; border:none; }
.wcapp_unit._interview1 a { display:block; padding:0; }
.wcapp_unit._interview1 .photo { position:relative; width:100%; }
.wcapp_unit._interview1 .photo > span { aspect-ratio:auto; }
.wcapp_unit._interview1 .photo2 { position:absolute; top:0; left:0; width:100%; opacity:0; }
.wcapp_unit._interview1 .photo2 > span {}
.wcapp_unit._interview1 .text_wrap { display:flex; align-items:center; padding:5px 0 20px; }
.wcapp_unit._interview1 .number { font-weight:bold; color:var(--wc-main1); font-size:2em; line-height:1.0; }
.wcapp_unit._interview1 .number > * { vertical-align:top; }
.wcapp_unit._interview1 .number2 { font-size:2em; }
.wcapp_unit._interview1 .data { padding-left:15px; }
.wcapp_unit._interview1 .department { color:var(--wc-main1); }
.wcapp_unit._interview1 .separate { color:var(--wc-main1); }
.wcapp_unit._interview1 .name { font-size:1.25em; }
.wcapp_unit._interview1 .meta { display:none; }
.wcapp_unit._interview1 .title { display:none; }
body.pc .wcapp_unit._interview1:hover .photo2 { opacity:1; }
.spmode .wcapp_unit._interview1 { width:100%; }
@media (max-width: 767px){
	.wcapp_unit._interview1 { width:100%; }
}


#wcapp_head { border-bottom:3px solid var(--wc-sub1); padding-bottom:15px; margin-bottom:30px; }
#wcapp_head .wcapp_head_title { font-weight:bold; font-size:1.75em; line-height:1.4; margin-bottom:10px; }
#wcapp_head .wcapp_head_meta + .wcapp_head_title { margin-top:10px; }
#wcapp_head .wcapp_head_meta .tag { font-size:0.85em; background:var(--wc-main1); color:#fff; padding:5px 10px; }
#wcapp_head .wcapp_head_meta span + .tag { margin-left:5px; }
#wcapp_head .wcapp_head_meta span + .date { margin-left:10px; }
#wcapp_head .wcapp_head_meta .date { color:#999; font-size:0.85em; }

#wcapp_head._type2 { border:none; text-align:center; }

/* app event */
.wcapp_event_detail { background-color:var(--wc-main2); padding:20px; }
.wcapp_event_detail dl { display:flex; align-items:start; }
.wcapp_event_detail dl + dl { margin-top:10px; }
.wcapp_event_detail dl dt { width:160px; background:var(--wc-main1); color:#fff; text-align:center; }
.wcapp_event_detail dl dd { padding-left:20px; flex:1 0 auto; }
.wcapp_event_detail dl dd p { font-size:0.9em; }
.spmode .wcapp_event_detail dl { display:block; }
.spmode .wcapp_event_detail dl dd { padding:10px 0 20px 0; }
@media (max-width: 767px){
	.wcapp_event_detail dl { display:block; }
	.wcapp_event_detail dl dd { padding:10px 0 20px 0; }
}

/* job */
.wcapp_job_list {}
.wcapp_job_unit { position:relative; margin-bottom:20px; border:1px solid #ddd; }
.wcapp_job_unit a { display:flex; align-items:center; padding:15px; }
.wcapp_job_unit .photo { flex:1 0 auto; width:230px; max-width:30%; }
.wcapp_job_unit .photo > span { display:block; aspect-ratio:1 / 1; }
.wcapp_job_unit .photo img { object-fit:cover; width:100%; height:100%; }
.wcapp_job_unit .number { position:absolute; top:0; left:0; font-size:2em; font-weight:bold; line-height:1.0; }
.wcapp_job_unit .number > * { vertical-align:top; }
.wcapp_job_unit .number2 { font-size:2em; }
.wcapp_job_unit .text_wrap { flex:1 0 0; width:calc(100% - 230px); max-width:70%; padding-left:20px; display:flex; align-items:center; }
.wcapp_job_unit .meta { margin-bottom:5px; }
.wcapp_job_unit .tag { font-size:0.85em; background:var(--wc-main1); color:#fff; padding:5px 10px; margin-right:5px; }
.wcapp_job_unit .date { display:block; margin-top:3px; color:#999; font-size:0.85em; }
.wcapp_job_unit .location_wrap { width:30%; margin-left:auto; }
.wcapp_job_unit .location { border:2px solid var(--wc-main1); border-radius:10px; text-align:center; padding:10px; color:var(--wc-main1); }
.wcapp_job_unit .location_title { display:block; font-size:0.8em; }
.wcapp_job_unit .location_text { display:block; font-weight:bold; }
body.pc .wcapp_job_unit a:hover { opacity:0.8; }

.wcapp_job_unit._job1 .number { display:none; }
.wcapp_job_unit._job1 .title { font-weight:bold; line-height:1.4; font-size:1.25em; color:var(--wc-main1); }
.wcapp_job_unit._job1 .title_title { display:none; }
.wcapp_job_unit._job1 .title_separate { display:none; }
.wcapp_job_unit._job1 .salary_separate { display:none; }
.wcapp_job_unit._job1 .work { display:none; }
body.pc .wcapp_job_unit._job1 a:hover .title { color:var(--wc-sub2); text-decoration:underline; }

.wcapp_job_unit._job2 { background:var(--wc-main2); border:none; padding:20px; }
.wcapp_job_unit._job2 .location_wrap { display:none; }
.wcapp_job_unit._job2 .number { color:var(--wc-main1); }
.wcapp_job_unit._job2 .title { font-size:1.25em; }
.wcapp_job_unit._job2 .title_title { color:var(--wc-main1); font-size:0.8em; }
.wcapp_job_unit._job2 .title_separate { color:var(--wc-main1); font-size:0.8em; }
.wcapp_job_unit._job2 .salary { font-size:1.25em; }
.wcapp_job_unit._job2 .salary_title { color:var(--wc-main1); font-size:0.8em; }
.wcapp_job_unit._job2 .salary_separate { color:var(--wc-main1); font-size:0.8em; }
.wcapp_job_unit._job2 .work { font-size:1.25em; }
.wcapp_job_unit._job2 .work_title { color:var(--wc-main1); font-size:0.8em; }
.wcapp_job_unit._job2 .work_separate { color:var(--wc-main1); font-size:0.8em; }
body.pc .wcapp_job_unit._job2 a:hover .title { color:var(--wc-sub2); }



#wcapp_job_head { border-bottom:3px solid var(--wc-sub1); padding-bottom:15px; display:flex; align-items:center; margin-bottom:30px; }
#wcapp_job_head .wcapp_job_head_title { font-weight:bold; font-size:1.75em; line-height:1.4; }
#wcapp_job_head .wcapp_job_head_meta { margin-bottom:10px; }
#wcapp_job_head .wcapp_job_head_meta .tag { font-size:0.85em; background:var(--wc-main1); color:#fff; padding:5px 10px; }
#wcapp_job_head .wcapp_job_head_meta .tag + .tag { margin-left:5px; }
#wcapp_job_head .wcapp_job_head_meta .tag + .date { margin-left:10px; }
#wcapp_job_head .wcapp_job_head_meta .date { color:#999; font-size:0.85em; }
#wcapp_job_head .location_wrap { width:30%; margin-left:auto; }
#wcapp_job_head .location { border:2px solid var(--wc-main1); border-radius:10px; text-align:center; padding:10px; color:var(--wc-main1); }
#wcapp_job_head .location_title { display:block; font-size:0.8em; }
#wcapp_job_head .location_text { display:block; font-weight:bold; }

.wcapp_job_detail .tbl_job_detail { width:100%; }
.wcapp_job_detail .tbl_job_detail tr > * { border:5px solid #fff; padding:20px; vertical-align:middle; }
.wcapp_job_detail .tbl_job_detail th { background-color:var(--wc-main2); width:300px; }
@media (max-width: 767px){
	.wcapp_job_detail .tbl_job_detail, .wcapp_job_detail .tbl_job_detail tbody, .wcapp_job_detail .tbl_job_detail tr, .wcapp_job_detail .tbl_job_detail tr > * { display:block; width:100%; }
	.wcapp_job_detail .tbl_job_detail tr > th { border:none; padding:12px 10px; }
	.wcapp_job_detail .tbl_job_detail tr > td { border:none; padding:15px 10px 30px 10px; }
}
.spmode .wcapp_job_detail .tbl_job_detail, .spmode .wcapp_job_detail .tbl_job_detail tbody, .spmode .wcapp_job_detail .tbl_job_detail tr, .spmode .wcapp_job_detail .tbl_job_detail tr > * { display:block; width:100%; }
.spmode .wcapp_job_detail .tbl_job_detail tr > th { border:none; padding:12px 10px; }
.spmode .wcapp_job_detail .tbl_job_detail tr > td { border:none; padding:15px 10px 30px 10px; }
.wcapp_job_detail_entry { background-color:var(--wc-main2); padding:20px; margin-bottom:20px; }
.wcapp_job_detail_entry .parts--button > .button._type1 > span { background:#fff; }
.wcapp_job_detail_entry_back { font-size:0.85em; }

/* form */
.wcfront_form_step { margin-bottom:30px; display:flex; justify-content:space-between; height:85px; overflow:hidden; list-style:none; }
.wcfront_form_step > li { flex:1 0 0; position:relative; background:#f1f1f1; height:85px; display:flex; flex-flow:column; justify-content:center; align-items:center; }
.wcfront_form_step li > * { display:block; text-align:center; line-height:130%; color:#888; }
.wcfront_form_step .sub { font-size:0.9em; font-weight:500; margin-bottom:5px; }
.wcfront_form_step .main { font-size:1.15em; font-weight:normal; }
.wcfront_form_step li:not(:last-child):before, .wcfront_form_step li:not(:last-child):after{ content:""; position: absolute; top:-1px; width:15px; height:calc(100% + 2px); clip-path: polygon(0% 0%, calc(100% - 10px) 0%, 100% 50%, calc(100% - 10px) 100%, 0% 100%); }
.wcfront_form_step li:before { background:#fff; left:calc(100% - 5px); z-index:2; }
.wcfront_form_step li:after { left:calc(100% - 10px); z-index:3; }
.wcfront_form_step li.active > * { color:#fff !important; font-weight:bold !important; }
.wcfront_form_step li.active, .wcfront_form_step li.active:after { background:var(--wc-sub1); }
.wcfront_form_step li:not(.active), .wcfront_form_step li:not(.active):after { background:#eee; }
@media (max-width: 374px){
	.wcfront_form_step { font-size:0.85em; }
	.wcfront_form_step li { padding:0 15px 0; }
	.wcfront_form_step li:first-child .main, .wcfront_form_step li:last-child .main { height:2.4em; }
}
.spmode .wcfront_form_step { font-size:0.85em; }
.spmode .wcfront_form_step li { padding:0 5px 0; }
@media (min-width: 375px) and (max-width: 575px){
	.wcfront_form_step { font-size:0.85em; }
	.wcfront_form_step li { padding:0 5px 0; }
}
@media (max-width: 767px){
	.wcfront_form_step li { height:65px; }
}

.tbl_form { width:100%; }
.tbl_form th { background:var(--wc-main2); }
.tbl_form th > div { position:relative; padding-right:50px; line-height:120%; }
.tbl_form th .need { position:absolute; right:0; background:#df3581; color:#fff; }
.tbl_form .dl_form + .dl_form { margin-top:10px; }
.tbl_form .dl_form dt { font-weight:500; margin-bottom:5px; }
.tbl_form .required { background:#ffeeee; border:1px solid #df3581; }
.tbl_form label.required_label { display:inline-block; padding:5px; }
.tbl_form input:focus, .tbl_form select:focus, .tbl_form textarea:focus { border:1px solid var(--wc-sub1); outline:1px solid var(--wc-sub1); }
.tbl_form input.required:focus, .tbl_form select.required:focus, .tbl_form textarea.required:focus { border:1px solid #df3581; outline:1px solid #df3581; background:#fff; }
.spmode .tbl_form, .spmode .tbl_form tbody, .spmode .tbl_form tr, .spmode .tbl_form tr > * { display:block; width:100%; }
.spmode .tbl_form th { padding:10px; }
.spmode .tbl_form td { padding:10px 10px 30px; }
@media (max-width: 991px){
	.tbl_form, .tbl_form tbody, .tbl_form tr, .tbl_form tr > * { display:block; }
	.tbl_form th { padding:10px; }
	.tbl_form td { padding:10px 10px 30px; }
}
@media (min-width: 992px){
	.tbl_form tr > * { padding:20px 15px; vertical-align:middle; border-bottom:5px solid #fff; }
	.tbl_form th { width:350px; }
}

.button._zip { border-radius:30px; padding:10px 20px; background:#fafafa; font-size:0.85em; border:1px solid #ddd; }
.button._form_required { border-radius:10px; padding:15px 30px; background:#df3581; color:#fff; }
.button._form_required > span { display:block; font-weight:bold; }
.button._form_required .main { font-size:1.15em; margin-bottom:5px; }
.button._form_required .sub { font-size:0.85em; }
.spmode .button._form_required { padding:15px 10px; }
@media (max-width: 575px){
	.button._form_required { padding:15px 10px; }
}