@charset "utf-8";

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
採用情報
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
共通
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 募集中の求人
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.recruit-recruitment:not(.section_round) {
	padding-bottom: initial;
}

.recruitment-post-li {
	overflow: hidden;
	border-radius: var(--border-radius);
}

.recruitment-post-li:not(:last-child) {
	margin-bottom: 30px;
}

.recruitment-post-li {
	display: flex;
	position: relative;
	z-index: 0;
	height: 299px;
	color: var(--color_white);
	flex-flow: column;
	justify-content: center;
	align-items: center;
}

.recruitment-post-li::after {
	width: 24px;
	height: 24px;
	margin-top: 15px;
	border-radius: 50%;
	background: url("../img/common/arrow.svg") center center / 62% auto no-repeat var(--color_white);
	content: "";
}

.recruitment-post-li .post-image {
	position: absolute;
	inset: 0;
	z-index: -1;
}

.recruitment-post-li:not(:hover) .wp-post-image {
	filter: var(--saturate);
}

.recruitment-post-li .post-heading {
	font-size: 20px;
}

.recruitment-post-li .copy {
	margin-top: 0.5em;
	font-weight: 700;
}

@media (min-width: 768px) {
.recruitment-post-li .post-heading {
	font-size: 24px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 社員インタビュー
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.recruit-interview {
	padding-bottom: initial;
}

.interview-post-ul {
	display: grid;
	row-gap: 2.5em;
}

.interview-post-li {
	display: flex;
	overflow: hidden;
	border-radius: var(--border-radius);
	color: var(--color_white);
	aspect-ratio: 1;
	flex-flow: column;
}

.interview-post-li .post-image {
	position: relative;
	flex: 1;
}

.interview-post-li:not(:hover) .wp-post-image {
	filter: var(--saturate);
}

.interview-post-li .number {
	position: absolute;
	inset: auto auto 0 20px;
	font-weight: 900;
	font-size: 24px;
	font-family: var(--font_english);
}

.interview-post-li .post-info {
	position: relative;
	height: 3.4em;
	padding: 0 70px 0 20px;
	background: var(--color_main);
	font-size: 22px;
	gap: 0 0.4em;
	align-content: center;
	align-items: end;
}

.interview-post-li .post-info::after {
	position: absolute;
	inset: 0 20px 0 auto;
	width: 24px;
	height: 24px;
	margin-block: auto;
	border-radius: 50%;
	background: url("../img/common/arrow.svg") center center / 62% auto no-repeat var(--color_white);
	content: "";
}

.interview-post-li .post-heading {
	line-height: 1.3;
}

.interview-post-li .startdate {
	font-size: 16px;
}

@media (min-width: 560px) {
.interview-post-ul {
	grid-template-columns: 48% 48%;
	justify-content: space-between;
}
}

@media (min-width: 768px) {
.interview-post-li .number {
	font-size: 28px;
}

.interview-post-li .post-info {
	font-size: 24px;
}
}

@media (min-width: 1024px) {
.interview-post-ul {
	grid-template-columns: 31% 31% 31%;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 福利厚生
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.recruit-benefits-ul {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 164px));
	column-gap: max(15px, 3%);
	justify-content: center;
}

.recruit-benefits-li {
	display: flex;
	border: 2px solid;
	border-radius: 10px;
	box-shadow: -5px 5px var(--color_main);
	aspect-ratio: 1;
	justify-content: center;
	align-items: center;
}

.recruit-benefits-li .img {
	max-width: 64%;
	max-height: 52%;
}

@media (min-width: 1024px) {
.recruit-benefits .inner {
	display: grid;
	grid-template-columns: auto 1fr;
	column-gap: 5%;
	align-items: end;
}

.recruit-benefits .heading_enja {
	text-align: initial;
}

.recruit-benefits .section-description {
	margin-bottom: initial;
	text-align: initial;
}

.recruit-benefits-ul {
	grid-row: 1 / 3;
	grid-column: 2;
}

.recruit-benefits .button {
	margin-inline: initial;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- お問い合わせ
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.recruit-contact {
	position: relative;
	padding-block: initial;
}

.recruit-contact .image {
	display: grid;
	grid-template-columns: 1fr 1fr;
}

.recruit-contact .img {
	width: 100%;
	max-height: 160px;
	object-fit: cover;
	transition: var(--transition);
}

.recruit-contact .img:nth-child(1) {
	object-position: 70% center;
}

.recruit-contact .img:nth-child(3) {
	object-position: center 20%;
}

.recruit-contact .img:nth-child(4) {
	object-position: 40% 20%;
}

.recruit-contact .img:nth-child(6) {
	object-position: left center;
}

.recruit-contact .img:nth-child(7) {
	object-position: right center;
}

.recruit-contact .img:not(:hover) {
	filter: var(--saturate);
}

.recruit-contact .inner {
	position: absolute;
	inset: 0;
	width: fit-content;
	height: fit-content;
	margin-block: auto;
	text-align: center;
}

@media (min-width: 768px) {
.recruit-contact .image {
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.recruit-contact .img {
	min-height: 233px;
	max-height: 320px;
}

.recruit-contact .button {
	font-size: 18px;
}
}

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
HOME
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/

/*+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+
- 絆の職種
+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+--+*/
.recruit-job-ul {
	display: grid;
	gap: 1.8em 3%;
}

.recruit-job-li {
	display: grid;
	padding: 0.9em var(--padding-inline);
	border: 2px solid;
	border-radius: 10px;
	box-shadow: var(--box-shadow);
	grid-template-columns: 5em 1fr;
	column-gap: 30px;
	align-content: center;
	align-items: center;
}

.recruit-job-li .img {
	height: 3.14em;
	justify-self: center;
}

.recruit-job-li .heading {
	margin-top: 0.2em;
	font-size: 1.14em;
	justify-self: center;
}

.recruit-job-li .description {
	line-height: 1.6;
}

@media (min-width: 1024px) {
.recruit-job-ul {
	grid-template-columns: repeat(5, minmax(auto, 204px));
	justify-content: space-between;
}

.recruit-job-li {
	display: flex;
	padding: 50px 0.6em;
	text-align: center;
	flex-flow: column;
}

.recruit-job-li:nth-child(2) {
	animation-delay: 0.4s;
}

.recruit-job-li:nth-child(3) {
	animation-delay: 0.5s;
}

.recruit-job-li:nth-child(4) {
	animation-delay: 0.6s;
}

.recruit-job-li:nth-child(5) {
	animation-delay: 0.7s;
}

.recruit-job-li .img {
	height: 89px;
}

.recruit-job-li .heading {
	margin-block: 1em 0.7em;
	font-size: 24px;
}
}

@media (max-width: 1023.9px) {
.recruit-job-ul {
	width: fit-content;
	margin-inline: auto;
}

.recruit-job-li .description {
	grid-row: 1 / 3;
	grid-column: 2;
}
}