@charset "utf-8";
/*
	Last Update: 2025/7/29
	Auther: 村上大和
*/
/*===================================================================
	base
===================================================================*/
@media (max-width: 767px){
	.wrapper, .wrapper-t { padding-top:65px; }
	.wrapper, .wrapper-b { padding-bottom:65px; }
	.wrapper2, .wrapper2-t { padding-top:40px; }
	.wrapper2, .wrapper2-b { padding-bottom:40px; }
}
@media (min-width: 768px){
	.wrapper, .wrapper-t { padding-top:95px; }
	.wrapper, .wrapper-b { padding-bottom:95px; }
	.wrapper2, .wrapper2-t { padding-top:60px; }
	.wrapper2, .wrapper2-b { padding-bottom:60px; }
}
.center { max-width:1120px; }
.center2 { max-width:1040px; }
.center3 { max-width:820px; }
.center4 { max-width:440px; }
.center5 { max-width:590px; }
.center6 { max-width:630px; }
.center7 { max-width:1010px; padding-left:20px; padding-right:20px; margin:0 auto; }
.center8 { max-width:940px; padding-left:20px; padding-right:20px; margin:0 auto; }
.center9 { max-width:740px; padding-left:20px; padding-right:20px; margin:0 auto; }


/*===================================================================
	color / font
===================================================================*/
:root {
	--wci-color1:#CC2222; /* red */
	--wci-color2:#FFEDF0; /* pink */
	--wci-color3:linear-gradient(to right, #cc2222, #eb583b); /* gradation */
	--wci-color4:#FA8787;
}
.c_red { color:var(--wci-color1) !important; }
.c_red2 { color:var(--wci-color4) !important; }
.c_blue { color:#1377E9 !important; }
.c_gray { color:#7A7A7A !important; }
.manrope { font-family: "Manrope", sans-serif; font-optical-sizing: auto; font-style: normal; }


/*===================================================================
	layout
===================================================================*/
#wci-head { position:fixed; top:0; left:0; width:100%; z-index:2000; background:#fff; }
#wci-head.fixed { box-shadow:0 3px 5px rgba(0,0,0,0.2); }
#wci-head .wci-head_wrap { width:100%; position:relative; display:flex; justify-content:space-between; margin:0 auto; padding:0 10px; max-width:1350px; }
#wci-head .wci-logos_a { line-height:1.0; }
#wci-head .wci-logos_text { font-size:13px; width:100%; text-align:left; line-height:1.1; }
#wci-head .wci-logos_text._hidden { display:none; }
	@media (max-width: 900px){
		#wci-base { padding-top:72px; }
		#wci-base:not(.foot_fix-hidden) { padding-bottom:70px; }
		#wci-head, #wci-head .wci-head_wrap { height:72px; }
		#wci-head .wci-head_wrap { align-items:center; }
		#wci-head .wci_head_p { display: none; }
		#wci-head .wci-logos_a { display:block; width:120px; }
		#wci-head .wci-head_logo + .wci-head_logo { margin-top:3px; }
		#wci-head .wci-logos_text { font-size:10px; margin-top:5px; }
	}
	@media (min-width: 901px) {
		#wci-base { padding-top:145px; }
		#wci-head  { height:145px; }
		#wci-head .wci-head_wrap { height:100px; align-items:end; }
		#wci-base:not(.foot_fix-hidden) { padding-bottom:110px; }
		#wci-head .wci_head_p { font-size: 13px; width:max-content; }
		#wci-head .wci-logos { display:flex; align-items:center; flex-wrap:wrap; max-width:400px; min-height:70px; }
		#wci-head .wci-logos_a {
			display: flex;
			align-items:center;
			width:100%;
			padding:8px 0;
		}
		#wci-head .wci-logos_text { font-size:13px; }
	}

#wci-head .wci-head-buttons { margin-left:auto; }
#wci-head .wci-head-buttons_wrap { display: flex; }
#wci-head .wci-head-button._hidden { display:none; }
	@media (max-width: 900px) {
		#wci-head .wci-head-buttons_wrap { align-items: center; }
		#wci-head .wci-head-buttons_wrap .hidden-900 { display:none !important; }
	}
	@media (min-width: 901px){
		#wci-head .wci-head-buttons { padding-bottom:5px; flex:1 0 auto; padding-left:20px; }
		#wci-head .wci-head-buttons_wrap { align-items: end; justify-content:end; }
		#wci-head .wci-head-buttons_wrap > .wci-head-button:first-child { flex:1 0 auto; }
		#wci-head .wci-head-button + .wci-head-button { margin-left:8px; }
		#wci-head .wci-head-buttons_wrap .visible-900 { display:none !important; }
	}

/* ヘッダー登録するボタン */
#wci-head .button.wci-head_register {
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 40px;
	border: none;
	background: var(--wci-color3);
}
#wci-head .button.wci-head_register > span {
	color: white;
	font-weight: bold;
	background:url(../image/layout/register.png) no-repeat left center / 24px auto;
	padding-left:30px;
}
	@media (max-width: 900px) {
		#wci-head .button.wci-head_register { width: 112px; height: 30px; }
		#wci-head .button.wci-head_register > span { font-size: 15px; }
	}
	@media (min-width: 901px) {
		#wci-head .button.wci-head_register {
			width: 100%;
			max-width:240px;
			height: 48px;
			margin-left:auto;
		}
		#wci-head .button.wci-head_register > span { font-size: 20px; }
	}

/* ヘッダーログインボタン */
#wci-head .button.wci-head_login {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: white;
}
#wci-head .button.wci-head_login > span {
	font-weight: bold;
	background:url(../image/layout/login.png) no-repeat left center / 24px auto;
}
	@media (max-width: 900px) {
		#wci-head .button.wci-head_login {
			width: 56px;
			height: 50px;
		}
		#wci-head .button.wci-head_login > span {
			background-position:center top;
			background-size:22px auto;
			padding-top:25px;
			font-size: 11px;
		}
	}
	@media (min-width: 901px) {
		#wci-head .button.wci-head_login {
			width: 144px;
			height: 44px;
			border-radius: 40px;
			border: 1px solid #ccc;
			margin-left:auto;
		}
		#wci-head .button.wci-head_login > span {
			padding-left:30px;
			font-size: 17px;
		}
	}

/* ヘッダー検討中ボタン */
#wci-head .button.wci-head_consider {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	background:#fff;
}
#wci-head .button.wci-head_consider .wci-head_consider_text {
	font-weight: bold;
	background:url(../image/layout/star.png) no-repeat left center / auto 16px;
}
#wci-head .button.wci-head_consider .wci-head_consider_number {
	position: absolute;
	top: -7px;
	right: -3px;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--wci-color1);
	color: #FFFFFF;
	font-weight:bold;
	font-size: 11px;
	line-height:1.0;
	z-index:2;
}
	@media (max-width: 900px) {
		#wci-head .button.wci-head_consider {
			width: 50px;
			height: 50px;
		}
		#wci-head .button.wci-head_consider .wci-head_consider_text {
			background-position:center top;
			padding-top:25px;
			font-size: 11px;
		}
	}
	@media (min-width: 901px) {
		#wci-head .button.wci-head_consider {
			border: 1px solid #FA8787;
			border-radius: 40px;
			width: 109px;
			height: 44px;
		}
		#wci-head .button.wci-head_consider .wci-head_consider_text {
			padding-left:22px;
			font-size: 17px;
		}
	}

/* 3本線ボタン */
#wci-navi_button { width:40px; line-height:1px; }
#wci-navi_button a { position:relative; display:block; width:100%; height:50px; }
#wci-navi_button a > span { position:absolute; right:10px; height:2px; width:20px; border-radius:2px; background:var(--wci-color1); transition:all .3s; transform-origin:right center; }
#wci-navi_button a > span.l1 { top:17px; }
#wci-navi_button a > span.l2 { top:23px; }
#wci-navi_button a > span.l3 { top:29px; }
#wci-base.open #wci-navi_button a > span.l1 { top:17px; transform:rotate(-45deg); }
#wci-base.open #wci-navi_button a > span.l2 { width:0; }
#wci-base.open #wci-navi_button a > span.l3 { top:32px; transform:rotate(45deg); }
	@media (min-width: 901px){
		#wci-navi_button { display:none !important; }
	}

/* メインメニュー */
#wci-head-navi_wrap ul { list-style:none; }
#wci-head-navi_wrap a { display:block; font-weight:bold; line-height:1.0; }
#wci-head-navi2 a { color: #1377E9; }
	@media (max-width: 900px){
		#wci-head-navi_wrap { position:fixed; top:72px; right:0; z-index:3000; width:100%; background:#fff; height:calc(100vh - 72px); overflow-y:auto; overscroll-behavior:none; padding:25px 20px 120px; }
		#wci-base:not(.open) #wci-head-navi_wrap { display:none; }
		#wci-head-navi_wrap li + li { border-top:1px solid #ccc; }
		#wci-head-navi1 { border-bottom:1px solid #ccc; }
		#wci-head-navi1 ul a {
			color: #E77272;
			padding:15px 8px;
			font-size:20px;
		}
		#wci-head-navi2 {
			background-color: #F8F8F8;
			margin-top:40px;
		}
		#wci-head-navi2 a { padding:15px; }
		
		#wci-head-navi1 ul a { background:url(../image/layout/arrow_pink.png) no-repeat right center / 7px auto; }
		#wci-head-navi2 ul a { background:url(../image/layout/arrow_black.png) no-repeat right 15px center / 7px auto; }
	}
	@media (min-width: 575px) and (max-width: 900px){
		#wci-head-navi2 { margin-top:20px; }
		#wci-head-navi2 ul { display:flex; align-items:center; }
		#wci-head-navi2 ul > li { flex:1 0 0; }
		#wci-head-navi2 ul > li + li { border-top:none; border-left:1px solid #ccc; }
	}
	@media (min-width: 901px){
		#wci-head-navi_wrap, 
		#wci-head-navi1,
		#wci-head-navi1 > ul { height:45px; }
		#wci-head-navi1 > ul {
			display: flex;
			align-items:center;
			width: 100%;
			padding-bottom:5px;
		}
		#wci-head-navi1 > ul > li {
			flex:1 0 0;
			line-height: 1.3;
			padding:0 15px;
			font-size:15px;
		}
		#wci-head-navi1 ul > li + li {
			border-left: 1px solid #E0E0E0;
		}
		#wci-head-navi1 a { text-align:center; }
		body.pc #wci-head-navi1 a:hover { text-decoration:underline; color:#E77272; }
		
		#wci-head-navi2 {
			position: absolute;
			top: 17px;
			left:50%;
			width:50%;
			max-width:660px;
		}
		#wci-head-navi2 > ul {
			display: flex;
			align-items: center;
			justify-content:end;
			font-size:14px;
		}
		#wci-head-navi2 > ul > li {
			line-height: 1.3;
		}
		#wci-head-navi2 ul > li + li {
			border-left: 1px solid #E0E0E0;
			padding-left:15px;
			margin-left:15px;
		}
		body.pc #wci-head-navi2 a:hover { text-decoration:underline; }
	}

/* foot */
#wci-foot { background-color:var(--wci-color1); color:#fff; padding:40px 0; }
	@media (max-width: 767px) {
		#wci-foot { padding:0; }
		#wci-foot .wci-foot_wrap { padding:0; }
	}
	@media (min-width: 768px) {
		#wci-foot .wci-foot_wrap { display: flex; align-items:start; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#wci-foot .wci-foot_wrap { justify-content:center; }
	}

/* foot menu */
#wci-foot .wci-foot_info summary h3 {
	font-weight: bold;
	width: 100%;
	cursor: pointer;
	display: flex;
	align-items: center;
}
#wci-foot .wci-foot_info ul {
	padding: 0;
	list-style: none;
}
#wci-foot .wci-foot_wrap li a {
	color: white;
	font-weight: bold;
}
body.pc #wci-foot .wci-foot_wrap li a:hover { text-decoration:underline; }
	@media (max-width: 767px) {
		#wci-foot .wci-foot_info { border-bottom: 1px solid #fff; }
		#wci-foot .wci-foot_info summary h3 {
			padding: 12px 24px ;
			justify-content: space-between;
			margin-bottom: 0;
			font-size:15px;
			line-height:1.0;
		}
		#wci-foot .wci-foot_info summary img {
			margin-left: 0.5em;
			transition: transform 0.3s ease;
			width: 7px;
			margin-right: 10px;
		}
		#wci-foot .wci-foot_info ul > li { border-top:1px solid rgba(255,255,255,0.5); }
		#wci-foot .wci-foot_info details[open] summary img {
			transform: rotate(90deg);
		}
		#wci-foot .wci-foot_wrap li a { display:block; padding:8px 10px 8px 20px; }
	}
	@media (min-width: 768px) {
		#wci-foot .wci-foot_info + .wci-foot_info { margin-left:50px; }
		#wci-foot .wci-foot_info summary h3 {
			margin-bottom: 10px;
			padding-bottom: 1px;
			border-bottom: 1px solid white;
			font-size:18px;
		}
		#wci-foot .wci-foot_info summary img {
			display: none;
		}
		#wci-foot .wci-foot_wrap li + li { margin-top:10px; }
		#wci-foot .wci-foot_wrap li a { font-size:14px; }
	}

/* foot banner */
#wci-foot .wci-foot_image2 { display: flex; align-items: center; }
#wci-foot .wci-foot_image2 .wci-foot_image + .wci-foot_image { margin-left: 15px; }
	@media (max-width: 767px) {
		#wci-foot .wci-foot_image2 { padding-top: 20px; padding-bottom: 20px; justify-content: center; }
		#wci-foot .wci-foot_image2 .wci-foot_image { margin:0 15px; }
		#wci-foot .wci-foot_image2 .wci-foot_image img { height: 45px; width:auto; }
	}
	@media (min-width: 768px) {
		#wci-foot .wci-foot_image2 { margin-top:60px; justify-content:end; }
		#wci-foot .wci-foot_image2 .wci-foot_image img { height: 69px; width:auto; }
	}
	@media (min-width: 768px) and (max-width: 991px){
		#wci-foot .wci-foot_image1 { margin-left:0; margin-right:auto; }
	}
	@media (min-width: 992px) {
		#wci-foot .wci-foot_image1 { margin-left:auto; }
	}

#wci-foot-copyright { background:#A61F1F; color:#fff; text-align:center; font-size:12px; padding:8px 0; font-weight:bold; }
#wci-foot-pagetop { position:fixed; bottom:130px; right:20px; z-index:900; }
	@media (max-width: 767px){
		#wci-foot-copyright { font-size:10px; }
		#wci-foot-pagetop { bottom:78px; right:8px; }
	}


/*===================================================================
	フッター固定・派遣が初めての方でも安心してご相談ください共通ボタン
===================================================================*/
.button.wci-button-search, 
.button.wci-button-register {
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 40px;
	width:100%;
	max-width:400px;
}
.button.wci-button-search > span, 
.button.wci-button-register > span { font-weight:bold; }
.button.wci-button-search {
	background-color: white;
	color: var(--wci-color1);
	border: 2px solid var(--wci-color1);
}
.button.wci-button-register {
	background: var(--wci-color3);
	color: #fff;
}
.button.wci-button-search > span { background:url(../image/layout/search.png) no-repeat left center; }
.button.wci-button-register > span { background:url(../image/layout/register.png) no-repeat left center; }
	@media (max-width: 767px){
		.button.wci-button-search, 
		.button.wci-button-register { height:40px; font-size:16px; }
		.button.wci-button-search > span, 
		.button.wci-button-register > span { padding-left:25px; background-size:17px auto; }
	}
	@media (min-width: 768px) {
		.button.wci-button-search, 
		.button.wci-button-register { height:70px; font-size:24px; }
		.button.wci-button-search > span, 
		.button.wci-button-register > span { padding-left:40px; background-size:24px auto; }
	}

/* foot fix button */
#wci-foot-fix { position: fixed; bottom: 0; left:0; background-color: var(--wci-color2); width: 100%; z-index: 1000; padding:0 30px; display:none; }
#wci-foot-fix .wci-foot-fix-wrap { display: flex; align-items: center; width:100%; max-width:830px; margin:0 auto; }
#wci-foot-fix .wci-foot-fix-wrap > * { flex:1 0 0; }
#wci-foot-fix .button { width:100%; max-width:400px; margin-left:auto; margin-right:auto; }
	@media (max-width: 767px){
		#wci-foot-fix { background-color: rgba(255, 232, 236, 0.85); backdrop-filter: blur(20px); }
		#wci-foot-fix, #wci-foot-fix .wci-foot-fix-wrap { height:70px; }
		#wci-foot-fix .wci-button-search_wrap { padding-right:7px; }
		#wci-foot-fix .wci-button-register_wrap { padding-left:7px; }
	}
	@media (min-width: 768px) {
		#wci-foot-fix, #wci-foot-fix .wci-foot-fix-wrap { height:110px; }
		#wci-foot-fix .wci-button-search_wrap { padding-right:15px; }
		#wci-foot-fix .wci-button-register_wrap { padding-left:15px; }
	}


/*===================================================================
	共通：派遣が初めての方でも安心してご相談ください
===================================================================*/
.wci-remind_block { background-color: var(--wci-color2); }
.wci-remind_block .wci-remind_block_wrap { max-width:1130px; margin:0 auto; }
.wci-remind_block .wci-remind_title {
	font-weight: bold;
	color: var(--wci-color1);
}
.wci-remind_block .wci-remind_buttons .button { width:100%; max-width:400px; }
	@media (max-width: 767px) {
		.wci-remind_block { padding:20px 0; }
		.wci-remind_block .wci-remind_unit {
			display: flex;
			align-items: flex-end;
			justify-content: center;
			margin-top: -50px;
		}
		.wci-remind_block .wci-remind_title { font-size:18px; margin-bottom:5px; }
		.wci-remind_block .wci-remind_buttons { text-align:center; }
		.wci-remind_block .wci-button-search_wrap {
			margin-top: 15px;
			margin-bottom: 15px;
		}
		.wci-remind_block .button.wci-button-search, 
		.wci-remind_block .button.wci-button-register { height:60px; font-size:20px; max-width:300px; margin-left:auto; margin-right:auto; }
		.wci-remind_block .button.wci-button-search > span, 
		.wci-remind_block .button.wci-button-register > span { padding-left:35px; background-size:24px auto; }
	}
	@media (min-width: 768px) {
		.wci-remind_block { padding:40px 0; }
		.wci-remind_block .wci-remind_block_wrap {
			display: flex;
			align-items:center;
			justify-content: center;
		}
		.wci-remind_block .wci-remind_info { flex:1 0 auto; padding-left:30px; }
		.wci-remind_block .wci-remind_title {
			margin-bottom:20px;
			font-size:30px;
		}
		.wci-remind_block .wci-remind_buttons {
			display: flex;
			align-items:center;
			max-width:832px;
		}
		.wci-remind_block .wci-remind_buttons > * { flex:1 0 0; }
		.wci-remind_block .wci-button-search_wrap { padding-right:15px; }
		.wci-remind_block .wci-button-register_wrap { padding-left:15px; }
	}


/*===================================================================
	共通：登録から就業までの流れ
===================================================================*/
.wci-flow_block .wci-flow_back {
	background-color: #F8F8F8;
}
.wci-flow_block .wci-flow_wrap {
	display: flex;
	align-items:stretch;
	width: 100%;
}
.wci-flow_block .wci-flow_step {
	font-weight: bold;
	color: var(--wci-color1);
	text-align:center;
	line-height:1.7;
}
.wci-flow_block .wci-flow_image { max-width:125px; aspect-ratio:3 / 2; margin:0 auto 5px; }
.wci-flow_block .wci-flow_image img { object-fit:contain; width:100%; height:100%; }
.wci-flow_block .wci-flow_title {
	line-height:1.2;
	font-weight:bold;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align:center;
}
.wci-flow_block .wci-flow_text {
	font-size: 14px;
	font-weight: 500;
	line-height: 1.7;
}
.wci-flow_block .wci-flow_arrow {
	display: flex;
	align-items: center;
}
.wci-flow_button_wrap { text-align:center; }
.wci-flow_button_wrap .button { margin:0 auto; }
.wci-flow_block .wci-flow_button {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: white;
	border: 1px solid var(--wci-color1);
	border-radius: 50px;
	width: 190px;
	height:50px;
	margin:0 auto;
}
.wci-flow_block .wci-flow_button > span {
	font-weight: 500;
	color: var(--wci-color1);
	background:url(../image/layout/arrow_button1.png) no-repeat right center / 34px auto;
	padding: 8px 45px 8px 0;
}

.wci-flow_warn {
	text-align: center;
	font-weight: bold;
	margin-top:20px;
	margin-bottom:5px;
	font-size:18px;
}
	@media (max-width: 767px) {
		.wci-flow_block .wci-flow_back {
			padding: 30px 20px 35px;
			margin-left:-20px; margin-right:-20px;
		}
		.wci-flow_block .wci-flow_unit { background:#fff; padding:5px 0 12px; border-radius:8px; }
		.wci-flow_block .wci-flow_step { font-size: 12px; }
		.wci-flow_block .wci-flow_title {
			font-size:11px;
			font-weight:500;
		}
		.wci-flow_block .wci-flow_warn { font-size:17px; }
		.wci-flow_block .wci-flow_button_wrap { margin-top:30px; }
		.wci-flow_block .wci-flow_warn + .wci-flow_button_wrap { margin-top:0; }
		
		.wci-flow_block:has(.wci-flow_text) .wci-flow_wrap {
			padding: 20px 0;
			display:block;
			background-color: white;
			border-radius: 16px;
		}
		.wci-flow_block:has(.wci-flow_text) .wci-flow_unit {
			display: flex;
			align-items: center;
			padding:0;
		}
		.wci-flow_block:has(.wci-flow_text) .wci-flow_image_wrap { width: 48%; }
		.wci-flow_block:has(.wci-flow_text) .wci-flow_text_wrap { width:52%; padding-right:15px; }
		.wci-flow_block:has(.wci-flow_text) .wci-flow_step { font-size: 20px; }
		.wci-flow_block:has(.wci-flow_text) .wci-flow_title { display:block; text-align:left; margin-bottom:5px; font-size:18px; font-weight:bold; }
		.wci-flow_block:has(.wci-flow_text) .wci-flow_arrow { display:block; text-align:center; padding:15px 0; }
		.wci-flow_block:has(.wci-flow_text) .wci-flow_arrow img {
			transform: rotate(90deg);
			width: 15px;
		}
		.wci-flow_block .button.wci-button-register { width:300px; height:60px; }
	}
	@media (min-width: 768px) {
		.wci-flow_block .wci-flow_back {
			padding: 40px 20px;
			border-radius: 16px;
		}
		.wci-flow_block .wci-flow_wrap {
			background-color: white;
			border-radius: 16px;
			padding: 30px 0;
			max-width:980px;
			margin:0 auto;
		}
		.wci-flow_block .wci-flow_unit {
			width:20%;
			padding:0 15px;
		}
		.wci-flow_block .wci-flow_step {
			font-size: 28px;
			margin-bottom:15px;
		}
		.wci-flow_block .wci-flow_title {
			font-size:20px;
			min-height: 50px;
		}
	}