@charset "utf-8";
/*
	Last Update: 2025/11/14
*/
/*===================================================================
	top
===================================================================*/
/* トップ：共通見出し */
.wci-top_hl1 {
	position: relative;
	text-align: center;
	color: var(--wci-color1);
	letter-spacing:0.05em;
}
.wci-top_hl1::before {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	display: block;
	background-color: #cc2222;
	border-radius: 2px;
}
	@media (max-width: 767px) {
		.wci-top_hl1 {
			font-size: 24px;
			margin-bottom: 30px;
		}
		.wci-top_hl1::before {
			bottom: -10px;
			width: 112px;
			height: 3px;
		}
	}
	@media (min-width: 768px) {
		.wci-top_hl1 {
			font-size: 32px;
			margin-bottom: 55px;
		}
		.wci-top_hl1::before {
			bottom: -15px;
			width: 150px;
			height: 4px;
		}
	}


/*===================================================================
	トップ：メイン画像
===================================================================*/
#wci-main_image_wrap { position:relative; background-color: #FFEDF0; }
#wci-main_image_base {
	position: relative;
	max-width:1350px;
	margin:0 auto;
}
#wci-main_image { position: relative; }
	@media (max-width: 767px) {
		#wci-main_image_wrap {
			padding: 0 15px;
			background-color: white;
		}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		#wci-main_image_wrap {
			padding: 15px;
		}
		#wci-main_image {
			overflow: hidden;
			border-radius: 30px;
		}
	}
	@media (min-width: 992px) {
		#wci-main_image_wrap {
			padding: 25px 25px;
		}
		#wci-main_image {
			overflow: hidden;
			border-radius: 30px;
		}
	}
#wci-main_image_slider { padding:0; width:100%; max-width:100%; }
#wci-main_image_slider .unit { width:100%; max-width:100%; }
#wci-main_image_slider .unit img { object-fit:contain; width:100%; height:100%; }
#wci-main_image_slider_nav {
	position:absolute;
	z-index: 10;
	background-color: rgba(255,255,255,0.8);
	border-radius: 24px;
	display: flex;
	align-items: center;
}
#wci-main_image_slider .slick-dots { position:static; width:auto; line-height:1px; padding:0 10px; }
#wci-main_image_slider .slick-dots li button { padding:0; }
#wci-main_image_slider .slick-dots li button::before {
	width: 8px;
	height: 8px;
	background: #ccc;
	border-radius: 50%;
	content:"";
	left:50%;
	top:50%;
	transform:translate(-50%, -50%);
	display:block;
}
#wci-main_image_slider .slick-dots li.slick-active button::before {
	background: var(--wci-color1);
}
#wci-main_image_slider .slick-prev, 
#wci-main_image_slider .slick-next {
	opacity:1;
}
#wci-main_image_slider .slick-prev::before,
#wci-main_image_slider .slick-next::before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; display:block; opacity:1; }
	@media (max-width: 767px) {
		#wci-main_image_slider_nav {
			right: 50%;
			bottom:10px;
			transform:translateX(50%);
			padding: 0 3px;
		}
		#wci-main_image_slider .slick-prev, 
		#wci-main_image_slider .slick-next {
			z-index:3;
			background:rgba(110,110,110, 0.6);
			border-radius:50%;
			width:31px;
			height:31px;
		}
		#wci-main_image_slider .slick-prev { left:-10px; }
		#wci-main_image_slider .slick-next { right:-10px; }
		#wci-main_image_slider .slick-prev::before { background:url(../image/top/image_left-sp.png) no-repeat center center / 6px auto; }
		#wci-main_image_slider .slick-next::before { background:url(../image/top/image_right-sp.png) no-repeat center center / 6px auto; }
	}
	@media (min-width: 768px) {
		#wci-main_image_slider_nav {
			bottom: 25px;
			right: 40px;
			padding: 4px 8px;
		}
		#wci-main_image_slider .slick-prev, 
		#wci-main_image_slider .slick-next {
			position:relative;
			width: 16px;
			height:20px;
			top:auto;
			left:auto;
			right:auto;
			transform:none;
		}
		#wci-main_image_slider .slick-next { order:3; }
		#wci-main_image_slider .slick-prev::before { background:url(../image/top/image_left.png) no-repeat center center / contain; }
		#wci-main_image_slider .slick-next::before { background:url(../image/top/image_right.png) no-repeat center center / contain; }
	}
	@media (min-width: 768px) and (max-width: 900px) {
		#wci-main_image { padding-left:312px; }
	}
	@media (max-width: 900px) {
		#wci-main_image_slider, 
		#wci-main_image_slider .unit { aspect-ratio:100 / 82; }
	}
	@media (min-width: 901px) {
		#wci-main_image_slider, 
		#wci-main_image_slider .unit { aspect-ratio:170 / 72; }
	}


/*===================================================================
	トップ：メイン検索
===================================================================*/
#wci-search {
	background-color: #FFEDF0;
}
#wci-search .wci-search_title {
	color: var(--wci-color1);
	font-weight: bold;
	font-size: 24px;
	text-align: center;
	margin-bottom: 5px;
}
#wci-search .wci-search_label {
	display: block;
	font-weight: bold;
	font-size: 15px;
	margin-bottom: 5px;
}
#wci-search .wci-search_select {
	position:relative;
	border:1px solid #F9C3CC;
	border-radius: 4px;
}
#wci-search .wci-search_select select {
	position: relative;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 10px;
	width: 100%;
	border: none;
	background-color: white;
}
#wci-search .wci-search_select::after {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 40px;
	height: 100%;
	background-color: #FA8787;
	pointer-events: none;
	background-image: url("../image/layout/arrow_down.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 10px;
}
#wci-search .wci-search_button_wrap {
	margin-top: 20px;
	text-align: center;
}
#wci-search .button.wci-button-search { height:44px; }
#wci-search .button.wci-button-search > span {
	font-size:16px;
	background-size:17.5px auto;
	padding-left:25px;
}
#wci-search .wci-search_more {
	margin-top: 5px;
	text-align: center;
}
#wci-search .wci-search_more a {
	font-size: 15px;
	color: #1377E9;
	text-decoration:underline;
}
body.pc #wci-search .wci-search_more a:hover { text-decoration:none; }
	@media (max-width: 767px) {
		#wci-search {
			border-radius: 25px;
			padding:15px 25px;
			margin-top:40px;
		}
		#wci-search .wci-search_select select {
			padding: 8px;
		}
		#wci-search input[type="text"]{
			padding: 8px;
		}
	}
	@media (min-width: 768px) {
		#wci-search {
			position: absolute;
			bottom: 0;
			left: 0;
			width: 312px;
			padding: 35px 35px 20px 20px;
			border-top-right-radius: 25px;
		}
		#wci-search::before,
		#wci-search::after {
			content:"";
			position:absolute;
			width: 50px;
			height: 50px;
			border-bottom-left-radius:25px;
			background-color:transparent;
			box-shadow: -10px 10px 0 #FFEDF0;
		}
		#wci-search::before {
			bottom:100%;
			left:0;
		}
		#wci-search::after {
			content:"";
			position:absolute;
			bottom:0;
			left:100%;
		}
		#wci-search .wci-search_title {
			border-top: 1px solid var(--wci-color1);
			border-bottom: 1px solid var(--wci-color1);
			padding: 7px 0;
		}
	}


/*===================================================================
	トップ：メイン画像下
===================================================================*/
#wci-top-attention .wci-top-attention_box { background:#fa8787; color:#fff; font-weight:bold; padding:10px 20px; text-align:left; display:flex; justify-content:center; }
	@media (min-width: 768px) {
		#wci-top-attention .wci-top-attention_box { font-size:18px; }
	}
	@media (min-width:1121px) {
		#wci-top-attention .wci-top-attention_box { border-radius:8px; }
	}
#wci-top-introduce .wci-top-introduce_text {
	text-align:center;
	margin-bottom:20px;
}
#wci-top-introduce .wci-top-introduce_text > span {
	display:inline-block;
	color: var(--wci-color1);
	font-weight: 500;
}
#wci-top-introduce_slider { text-align:center; }
#wci-top-introduce_slider .unit { display:inline-block; }
	@media (max-width: 767px) {
		#wci-top-introduce .wci-top-introduce_text > span {
			font-size: 15px;
		}
		#wci-top-introduce_slider { margin-bottom:40px; }
		#wci-top-introduce_slider .unit { max-width:115px; padding:0 2.5px; }
	}
	@media (min-width: 768px) {
		#wci-top-introduce .wci-top-introduce_text > span {
			font-size: 18px;
			padding: 0 50px;
			background:url(../image/top/arrow_introduce_right.png) no-repeat left center / 40px auto, 
						url(../image/top/arrow_introduce_left.png) no-repeat right center / 40px auto;
		}
		#wci-top-introduce_slider { padding-left:60px; padding-right:60px; }
		#wci-top-introduce_slider .unit { padding:0 10px; }
	}


/*===================================================================
	トップ：新着求人
===================================================================*/
#wci-top_work { padding-top:20px; }
#wci-top_work .wci-top-work_tab ul {
	display: flex;
	align-items:end;
}
#wci-top_work .wci-top-work_tab li + li { margin-left:2px; }
#wci-top_work .wci-top-work_tab .button {
	display:flex;
	align-items:center;
	justify-content: center;
	padding: 10px 0;
	font-weight: bold;
	background-color: #FFD9DF;
	border-top: 1px solid #F9C3CC;
	border-left: 1px solid #F9C3CC;
	border-right: 1px solid #F9C3CC;
	border-radius: 5px 5px 0 0;
}
#wci-top_work .wci-top-work_tab .button.active {
	background-color: white;
	color: var(--wci-color1);
	border:none;
}

#wci-top_work .wci-top-work_detail {
	background-color: white;
}
#wci-top_work .wci-top-work_detail:not(.active) { display:none; }
#wci-top_work .wci-top-work_tag {
	color: white;
	border-radius: 4px;
	text-align: center;
	padding: 2px 5px;
	line-height:1.5;
}
#wci-top_work .wci-top-work_text {
	line-height:1.6;
}
#wci-top_work .wci-top-work_tag._type0  { background:#CC2222; }

#wci-top_work .wci-top-work_tag._type1  { background:#EC506B; }
#wci-top_work .wci-top-work_tag._type2  { background:#28C8DE; }
#wci-top_work .wci-top-work_tag._type3  { background:#A475D7; }
#wci-top_work .wci-top-work_tag._type4  { background:#FF7A90; }
#wci-top_work .wci-top-work_tag._type5  { background:#FFB800; }
#wci-top_work .wci-top-work_tag._type6  { background:#4DBEE0; }
#wci-top_work .wci-top-work_tag._type7  { background:#6BCC5E; }
#wci-top_work .wci-top-work_tag._type8  { background:#E88BAE; }
#wci-top_work .wci-top-work_tag._type9  { background:#3CC5AD; }
#wci-top_work .wci-top-work_tag._type10 { background:#7DA5F2; }
#wci-top_work .wci-top-work_tag._type11 { background:#FF9C6D; }
#wci-top_work .wci-top-work_tag._type12 { background:#FF6797; }

#wci-top_work .wci-top-work_tag._type13 { background:#EC506B; }
#wci-top_work .wci-top-work_tag._type14 { background:#28C8DE; }
#wci-top_work .wci-top-work_tag._type15 { background:#A475D7; }
#wci-top_work .wci-top-work_tag._type16 { background:#FF7A90; }
#wci-top_work .wci-top-work_tag._type17 { background:#FFB800; }
#wci-top_work .wci-top-work_tag._type18 { background:#4DBEE0; }
#wci-top_work .wci-top-work_tag._type19 { background:#6BCC5E; }
#wci-top_work .wci-top-work_tag._type20 { background:#E88BAE; }
#wci-top_work .wci-top-work_tag._type21 { background:#3CC5AD; }
#wci-top_work .wci-top-work_tag._type22 { background:#7DA5F2; }
#wci-top_work .wci-top-work_tag._type23 { background:#FF9C6D; }
#wci-top_work .wci-top-work_tag._type24 { background:#FF6797; }
body.pc #wci-top_work .wci-top-work_detail a:hover .wci-top-work_text { text-decoration:underline; }
	@media (max-width: 767px) {
		#wci-top_work {
			background-color: #FFEDF0;
			padding-bottom:20px;
			padding-left:15px;
			padding-right:15px;
		}
		#wci-top_work .center { padding:0; }
		#wci-top_work .wci-top-work_tab li .button {
			width: 55px;
			height:48px;
			font-size: 15px;
		}
		#wci-top_work .wci-top-work_tab {
			overflow-x: auto;
			width: 100%;
		}
		#wci-top_work .wci-top-work_detail { padding:5px 10px; }
		#wci-top_work .wci-top-work_unit { display:block; padding:10px 0; }
		#wci-top_work .wci-top-work_unit + .wci-top-work_unit { border-top:1px solid #F9C3CC; }
		#wci-top_work .wci-top-work_tag {
			font-weight: 500;
			font-size:13px;
			padding: 4px 10px;
			display:inline-block;
		}
		#wci-top_work .wci-top-work_text {
			margin-top:5px;
			font-weight: 500;
		}
	}
	@media (min-width: 768px) {
		#wci-top_work .wci-top-work_wrap {
			background-color: #FFEDF0;
			padding: 35px;
			border-radius: 16px;
		}
		#wci-top_work .wci-top-work_tab li { max-width:120px; flex:1 0 0; }
		#wci-top_work .wci-top-work_tab li .button {
			width: 100%;
			font-size: 18px;
		}
		#wci-top_work .wci-top-work_detail { padding:10px 40px; }
		#wci-top_work .wci-top-work_unit {
			display: flex;
			align-items: center;
			padding: 20px 0;
		}
		#wci-top_work .wci-top-work_unit + .wci-top-work_unit { border-top:1px solid #ccc; }
		#wci-top_work .wci-top-work_tag {
			margin-right: 15px;
			font-weight:bold;
			min-width: 110px;
		}
		#wci-top_work .wci-top-work_text {
			font-weight: bold;
		}
	}


/*===================================================================
	トップ：イチオシのお仕事情報
===================================================================*/
#wci-top-pick {}
#wci-top-pick .wci-top-pick {
	flex:1 0 0;
	position:relative;
}
#wci-top-pick .wci-top-pick::after { content:""; position:absolute; bottom:0; width:60%; left:20%; height:50%; background:#F4C4CC; filter:blur(25px); }
#wci-top-pick .wci-top-pick a {
	position:relative;
	z-index:2;
	display:block;
	background:#fff;
	border: 2px solid var(--wci-color4);
	border-radius: 16px;
	height:100%;
	overflow:hidden;
}
#wci-top-pick .wci-top-pick_title {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
	min-height:55px;
	font-size: 22px;
	line-height:1.2;
	margin-bottom: 10px;
}
#wci-top-pick .wci-top-pick_image { aspect-ratio:16 / 9; max-height:160px; text-align:center; margin:0 auto 15px; }
#wci-top-pick .wci-top-pick_image img { object-fit:contain; width:100%; height:100%; }
#wci-top-pick .wci-top-pick_text {
	display: flex;
	align-items: center;
	font-size: 15px;
	line-height: 1.4;
	min-height:44px;
	justify-content: start;
	width:100%;
	padding-right:50px;
	background:url(../image/layout/arrow_button1.png) no-repeat right center / 44px auto;
}
body.pc #wci-top-pick .wci-top-pick a:hover > * { opacity:0.7; }
	@media (max-width: 767px) {
		#wci-top-pick { padding-left:10px; padding-right:10px; }
		#wci-top-pick .center { padding:0; }
		#wci-top-pick .wci-top-pick { margin-bottom:60px; }
		#wci-top-pick .wci-top-pick a {
			padding: 30px 20px 25px;
		}
		#wci-top-pick .wci-top-pick_text { padding-left:10px; }
	}
	@media (min-width: 768px) {
		#wci-top-pick .wci-top-pick_wrap {
			display: flex;
			align-items:stretch;
			justify-content: space-around;
			margin-left:-12px;
			margin-right:-12px;
		}
		#wci-top-pick .wci-top-pick a {
			padding: 30px 30px 25px;
		}
		#wci-top-pick .wci-top-pick {
			margin: 0 12px;
		}
	}


/*===================================================================
	トップ：注目のお仕事特集
===================================================================*/
#wci-top-pickup {}
#wci-top-pickup .wci-top-pickup_wrap {
	border-top: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
}
#wci-top-pickup .wci-top-pickup_unit {
	margin-top: -1px;
	border-top: 1px solid #E0E0E0;
	padding: 20px 0;
}
#wci-top-pickup .wci-top-pickup_unit a {
	display:flex;
	width: 100%;
}
#wci-top-pickup .wci-top-pickup_image {
	width: 35%;
	border-radius:8px;
	aspect-ratio:3 / 2;
}
#wci-top-pickup .wci-top-pickup_image img {
	object-fit:contain;
	width:100%;
	height:100%;
}
#wci-top-pickup .wci-top-pickup_info { width:65%; padding-left:15px; }
#wci-top-pickup .wci-top-pickup_date { color:#7A7A7A; font-weight:500; }
#wci-top-pickup .wci-top-pickup_text {
	margin-top: 8px;
	line-height: 1.5;
	font-weight:500;
}
body.pc #wci-top-pickup .wci-top-pickup_unit a:hover .wci-top-pickup_text { text-decoration:underline; }
	@media (max-width: 767px) {
		.wci-work_blog_container {
			grid-template-columns: repeat(1, 1fr);
		}
		.wci-work_blog_wrap {
			width: 90vw;
		}
	}
	@media (min-width: 768px) {
		#wci-top-pickup .wci-top-pickup_wrap {
			display: grid;
			grid-template-columns: repeat(2, 1fr);
		}
		#wci-top-pickup .wci-top-pickup_wrap > .wci-top-pickup_unit:nth-child(2n+1) { padding-right:30px; }
		#wci-top-pickup .wci-top-pickup_wrap > .wci-top-pickup_unit:nth-child(2n) { padding-left:30px; }
	}


/*===================================================================
	トップ：お知らせ
===================================================================*/
#wci-top-news {}
#wci-top-news .wci-top-news_hl {
	font-weight:500; 
	letter-spacing:0.05em;
}
#wci-top-news .wci-top-news_unit + .wci-top-news_unit { border-top:1px solid #E0E0E0; }
#wci-top-news .wci-top-news_date {
	color: #7A7A7A;
	margin-right: 10px;
	width:5.5em;
	font-weight:500;
	flex:0 0 auto;
}
#wci-top-news .wci-top-news_text {
	font-weight: 500;
	line-height:1.6;
}
body.pc #wci-top-news .wci-top-news_unit:hover .wci-top-news_text { text-decoration:underline; }
	@media (max-width: 767px) {
		#wci-top-news .wci-top-news_hl {
			margin-bottom: 15px;
			font-size:24px;
		}
		#wci-top-news .wci-top-news_list { border-top:1px solid #E0E0E0; border-bottom:1px solid #E0E0E0; margin-bottom:70px; }
		#wci-top-news .wci-top-news_unit {
			display:block;
			padding: 8px 0;
		}
	}
	@media (min-width: 768px) {
		#wci-top-news .wci-top-news_hl {
			margin-bottom: 20px;
			font-size:28px;
		}
		#wci-top-news .wci-top-news_list {
			background-color: #F8F8F8;
			padding: 20px 60px;
			border-radius: 16px;
			margin-bottom:25px;
		}
		#wci-top-news .wci-top-news_unit {
			display: flex;
			align-items:start;
			padding: 15px 0;
		}
	}