@import url("/recruit/common/css/var.css");
@import url("https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");


/*===========================================================================
 採用サイト
===========================================================================*/
#contentsWrap:has(.l-recruit) {
	overflow: clip;
}
#wrap:has(.l-recruit) #spFix {
	display: none;
}
#wrap:has(.l-recruit) #header {
	opacity: 1;
	visibility: visible;
	transition: opacity 0.4s ease-in-out;
}
#wrap:has(.l-recruitHeader__line.-fixed) #header {
	opacity: 0;
	visibility: hidden;
	pointer-events: none;
}

.l-recruit {
	font-family: var(--font-family-base);
	font-size: calc(16 * var(--rs));
}

.l-recruit *,
.l-recruit *::before,
.l-recruit *::after {
	box-sizing: border-box;
}

.l-recruit img {
	width: 100%;
}

.l-sldDoc__inr {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: calc(18 * var(--rs));
}
.l-sldDoc__countTxt {
	display: flex;
	gap: calc(4 * var(--rs));
	color: var(--font-color-main);
	font-family: var(--font-barlow);
	font-size: calc(24 * var(--rs));
	line-height: 1.5;
	letter-spacing: 0.04em;
}
.l-sldDoc__countTxt .num {
	font-family: var(--font-montserrat);
}
.l-sldDoc__arw {
	display: flex;
	gap: calc(4 * var(--rs));
}
.l-sldDoc__arw .slick-arrow {
	font-size: 0;
	position: relative;
	width: calc(40 * var(--rs));
	height: calc(40 * var(--rs));
	transition: opacity 0.3s ease-in-out;
}
.l-sldDoc__arw .slick-arrow::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	background-color: var(--font-color-main);
	mask: url(/recruit/common/images/icn_arw_slide.svg) no-repeat center / contain;
	-webkit-mask: url(/recruit/common/images/icn_arw_slide.svg) no-repeat center / contain;
}
.l-sldDoc__arw .slick-prev::before {
	transform: rotate(180deg);
}
.l-sldDoc__arw .slick-arrow.slick-disabled {
	opacity: 0.3;
	pointer-events: none;
}
@media (any-hover: hover) {
	.l-sldDoc .slick-arrow:hover {
		opacity: 0.7;
	}
}


.l-recruitHeader {
	height: calc(77 * var(--rs));
}
.l-recruitHeader__line {
	background-color: #fff;
}
.l-recruitHeader__logo {
	font-weight: bold;
	font-family: var(--font-montserrat);
	line-height: 1;
	letter-spacing: 0.04em;
	transition: color 0.3s ease-in-out;
}
.l-recruitHeader__bodyInr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: calc(17 * var(--rs)) 0;
	border-bottom: 1px solid transparent;
}
.l-recruitHeader__cts {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: calc(24 * var(--rs));
}
.l-recruitHeader__menu {
	display: flex;
	align-items: center;
	gap: calc(18 * var(--rs));
}
.l-recruitHeader__menu a {
	position: relative;
	padding-left: calc(12 * var(--rs));
	font-size: calc(15 * var(--rs));
	line-height: 1;
	transition: color 0.3s ease-in-out;
}
.l-recruitHeader__menu a::before {
	display: block;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 6px;
	height: 2px;
	background-color: var(--font-color-main);
	content: "";
	border-radius: 100px;
}
.l-recruitHeader__entry {
	position: relative;
}
.l-recruitHeader__entryBtn {
	display: flex;
	align-items: center;
	min-width: calc(80 * var(--rs));
	padding: calc(12 * var(--rs)) calc(8 * var(--rs)) calc(12 * var(--rs)) calc(12 * var(--rs));
	border-radius: calc(4 * var(--rs));
	background-color: var(--font-color-main);
	color: #fff;
	text-align: center;
	font-family: var(--font-montserrat);
	font-weight: bold;
	font-size: calc(14 * var(--rs));
	line-height: 1;
	transition: all 0.3s ease-in-out;
	border: 1px solid var(--font-color-main);
	transition-property: background-color, color, border-radius;
	cursor: pointer;
}
.l-recruitHeader__entryBtn::after {
	content: "";
	display: block;
	width: calc(18 * var(--rs));
	height: calc(18 * var(--rs));
	background-color: currentColor;
	mask: url(/recruit/common/images/icn_arw_b.svg) no-repeat center / contain;
	-webkit-mask: url(/recruit/common/images/icn_arw_b.svg) no-repeat center / contain;
	transition: all 0.3s ease-in-out;
	transition-property: background-color, transform;
}
.l-recruitHeader__entry.js-open .l-recruitHeader__entryBtn {
  border-radius: calc(4 * var(--rs)) calc(4 * var(--rs)) 0 0;
}
.l-recruitHeader__entry.js-open .l-recruitHeader__entryBtn::after {
  transform: rotate(180deg);
}
.l-recruitHeader__entryCts {
  height: 0;
  display: none;
	position: absolute;
	top: calc(43 * var(--rs));
	left: 0;
	width: 100%;
}
.l-recruitHeader__entryCtsInr {
	padding: calc(11 * var(--rs)) calc(11 * var(--rs)) calc(12 * var(--rs));
  border-top: 1px solid #C9CFE4;
  background-color: var(--font-color-main);
	border-radius: 0 0 calc(4 * var(--rs)) calc(4 * var(--rs));
}
.l-recruitHeader__entryCtsInrItm:not(:first-child) {
  margin-top: calc(4 * var(--rs));
}
.l-recruitHeader__entryCtsInrItm a {
  display: flex;
  align-items: center;
  padding: calc(7 * var(--rs)) 0;
  color: #fff;
  font-weight: bold;
  font-size: calc(10 * var(--rs));
  line-height: 1;
  letter-spacing: 0.04em;
  text-decoration: none;
	text-underline-offset: 2px;
}
.l-recruitHeader__entryCtsInrItm a::after {
	content: "";
	display: block;
  width: calc(16 * var(--rs));
  height: calc(16 * var(--rs));
  background-color: currentColor;
	mask: url(/recruit/common/images/icn_arw_bl.svg) no-repeat center / contain;
	-webkit-mask: url(/recruit/common/images/icn_arw_bl.svg) no-repeat center / contain;
	transition: background-color 0.3s ease-in-out;
}
.l-recruitHeader__entryCtsInrItm a[target="_blank"]::after {
	mask-image: url(/recruit/common/images/icn_blank_bl.svg);
	-webkit-mask-image: url(/recruit/common/images/icn_blank_bl.svg);
}
.l-recruitHeader__line.-fixed {
	width: 100%;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	background-color: #fff;
	z-index: 1000;
	animation: fadeDown 0.5s forwards;
}
@keyframes fadeDown {
	from {
		opacity: 0;
		transform: translateY(-100px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}
@media (any-hover: hover) {
	.l-recruitHeader__logo:hover {
		color: var(--font-color-main);
	}
	.l-recruitHeader__menu a:hover {
		color: var(--font-color-main);
	}
	.l-recruitHeader__entryBtn:hover {
		background-color: #fff;
		color: var(--font-color-main);
	}
	.l-recruitHeader__entryCtsInrItm a:hover {
		text-decoration: underline;
	}
}
/* PC
-------------------------------------*/
@media screen and (min-width: 769px) {
	.l-recruitHeader__body {
		display: block !important;
		height: auto !important;
	}
}
/* SP
-------------------------------------*/
@media screen and (max-width: 768px) {
	.l-recruitHeader {
		height: auto;
		min-height: calc(315 * var(--rs));
	}
	.l-recruitHeader__line {
		border-bottom: 1px solid #ddd;
	}
	.l-recruitHeader__headInr {
		display: flex;
		align-items: center;
	}
	.l-recruitHeader__entryBtn {
		min-height: calc(36 * var(--rs));
		padding: calc(7 * var(--rs)) 0 calc(7 * var(--rs)) calc(12 * var(--rs));
		font-size: calc(13 * var(--rs));
		line-height: 1.5;
		letter-spacing: 0.04em;
	}
	.l-recruitHeader__entryCts {
		top: calc(35 * var(--rs));
	}
	.l-recruitHeader__head .l-recruitHeader__entry {
		margin-left: auto;
	}
	.l-recruitHeader__head .l-recruitHeader__entryBtn {
		transition-property: all;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	.l-recruitHeader__head .l-recruitHeader__entryBtn::after {
		margin-left: calc(4 * var(--rs));
	}
	.l-recruitHeader__btn {
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
		width: calc(70 * var(--rs));
		height: calc(70 * var(--rs));
		margin-right: calc(-25 * var(--rs));
		opacity: 0;
		transition-property: all;
		visibility: hidden;
		pointer-events: none;
	}
	.l-recruitHeader__btn::before {
		content: "";
		display: block;
		width: calc(20 * var(--rs));
		height: calc(20 * var(--rs));
		background: url(/recruit/common/images/icn_arw_b.svg) no-repeat center / contain;
		transition: transform 0.3s ease-in-out;
	}
	.l-recruitHeader__body {
		transition: transform 0s 0s ease-in-out;
	}
	.l-recruitHeader__bodyInr {
		display: block;
		padding: calc(3 * var(--rs)) 0 calc(31 * var(--rs));
	}
	.l-recruitHeader__cts {
		flex-direction: column;
		align-items: initial;
		justify-content: initial;
		gap: calc(32 * var(--rs));
	}
	.l-recruitHeader__menu {
		display: grid;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		align-items: initial;
		gap: calc(19 * var(--rs)) calc(16 * var(--rs));
	}
	.l-recruitHeader__menu a::before {
		left: calc(-1 * var(--rs));
	}
	.l-recruitHeader__bodyInr .l-recruitHeader__entryBtn {
		font-size: calc(18 * var(--rs));
		padding: calc(13 * var(--rs)) calc(19 * var(--rs)) calc(14 * var(--rs)) calc(23 * var(--rs));
	}
	.l-recruitHeader__bodyInr .l-recruitHeader__entryBtn::after {
		width: calc(24 * var(--rs));
		height: calc(24 * var(--rs));
		margin-left: auto;
	}
	.l-recruitHeader__bodyInr .l-recruitHeader__entryCts {
		top: calc(55 * var(--rs));
	}
	.l-recruitHeader__bodyInr .l-recruitHeader__entryCtsInr {
		padding: calc(8 * var(--rs)) calc(24 * var(--rs)) calc(16 * var(--rs));
	}
	.l-recruitHeader__bodyInr .l-recruitHeader__entryCtsInrItm a {
		justify-content: space-between;
		padding: calc(9 * var(--rs)) 0;
		font-size: calc(14 * var(--rs));
	}
	.l-recruitHeader__bodyInr .l-recruitHeader__entryCtsInrItm a::after {
		width: calc(24 * var(--rs));
		height: calc(24 * var(--rs));
	}

	.l-recruitHeader__line.-fixed  .l-recruitHeader__head {
		display: block;
	}
	.l-recruitHeader__line.-fixed  .l-recruitHeader__head .l-recruitHeader__entryBtn,
	.l-recruitHeader__line.-fixed  .l-recruitHeader__btn {
		opacity: 1;
		visibility: visible;
		pointer-events: initial;
	}
	.l-recruitHeader__line.-fixed  .l-recruitHeader__body {
		display: none;
		min-height: 0;
		height: 0;
	}

	.l-recruitHeader__line .js-open .l-recruitHeader__head .l-recruitHeader__entryBtn {
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
	}
	.js-open .l-recruitHeader__btn::before {
		transform: rotate(-180deg);
	}
}