@charset "UTF-8";
/* CSS Document */
/*-------------------------------*/

/* RECRUIT */

/*------------------------------*/
/* ================================

リード

================================ */
.recruit-lead__txt {
	margin-top: 3.8em;
}
@media (max-width: 559px) {
	.recruit-lead__txt {
		margin-top: 1.9em;
	}
}


/* ================================

JOB / 職種

================================ */
.job-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 0 var(--gutter-var-common-reg);

	counter-reset: job-list-number;
}
/* ---------------
カード */
.job-list__item {
	-webkit-box-flex: 1;
	    -ms-flex-positive: 1;
	        flex-grow: 1;
	width: max(
		calc(168rem / 16),
		calc(calc(100% / 3) - var(--gutter-var-common-reg))
	);
	margin-top: 3.8em;
}
/* 画像 */
.job-list__photo {
	display: block;
	display: inline-block;
	border-radius: 8px;
	overflow: hidden;
}
.job-list__photo img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
}
/* テキスト */
.job-list__desc {
	text-align: justify;

	margin-top: 1.3em;
	padding-left: 30px;
	position: relative;
}
.job-list__desc::before {
	content: counter(job-list-number);
	counter-increment: job-list-number;

	font-size: var(--txt-xxs);
	font-family: var(--number);
	color: var(--color-white);

	background-color: var(--color-main-soft);
	display: block;
	float: left;
	line-height: 1.8em;
	margin-left: -30px;
	text-align: center;
	height: 1.8em;
	width: 1.8em;
	border-radius: 50%;
}
@media (max-width: 559px) {
	.job-list__item {
		margin-top: 1.9em;
	}
	/* テキスト */
	.job-list__desc {
		margin-block: 0.8em;
	}
}


/* ================================

JOB DESCRIPTION / 募集要項
アコーディオンの設定はassets->css->option->accordion->details_accordion.css参照

================================ */
.job-desc__ac-container {
	margin-top: 3.8em;
}
.job-desc__ac-container .ac__inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 3.8em 0;
}
@media (max-width: 559px) {
	.job-desc__ac-container {
		margin-top: 1.9em;
	}
}
/* --------------
テーブル */
.job-desc__table tr {
	border-bottom: 1px solid var(--color-main-pale);
}
.job-desc__table tr:nth-child(even) {
	background-color: var(--color-main-thinner);
}
.job-desc__table th ,
.job-desc__table td {
	font-size: var(--txt-reg);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	letter-spacing: 0.045em;

	padding: 1em min(7.5vw , 1em);
	max-width: 100%;
}
.job-desc__table th {
	width: min(14em, 280px);
}
.job-desc__table td {
	width: max(
		calc(100% - min(14em, 280px)),
		calc(448rem / 16)
	);
	text-align: justify;
}
@media (max-width: 769px) {
	.job-desc__table tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.job-desc__table th {
		width: 100%;
		padding-bottom: 0.25em;
	}
	.job-desc__table td {
		width: 100%;
		padding-top: 0.25em;
	}
}
/* --------------
テーブル内リスト */
.job-desc__inner-list-item--margin {
	margin-top: 1em;
}