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

/* COMPANY */

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

求人情報

================================ *
/* -----------------
テキスト */
.recruit__headline {
	font-family: var(--mincho);
	font-weight: 700;
	line-height: 1.35;
	font-size: var(--txt-xxl);
	color: var(--color-main-very-thin);

	text-indent: -3em;
	padding-left: 3em;

	padding-bottom: 0.7em;
}
.recruit__headline::first-letter {
	font-size: var(--txt-7xl);
	color: var(--color-accent);
}
@media (max-width: 559px) {
	.recruit__headline {
		text-indent: -1.8em;
		padding-left: 1.8em;
	}
}


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

概要

================================ */
.job-desc__inner {
	margin-top: var(--gutter-2xl);
	padding-left: 1.2rem;
	position: relative;
}
.job-desc__inner::before {
	content: "";
	display: inline-block;
	width: 2px;
	height: calc(100% - 1em);
	background-color: var(--color-accent);

	position: absolute;
	top: 1em;
	left: 0;
}
/* テーブル */
.job__table {
	width: 100%;
}
.job__caption {
	margin-bottom: var(--gutter-lg);
}
.job__table tr {
	display: flex;
	flex-wrap: wrap;
	margin-left: calc(var(--txt-7xl) / 2);
}
.job__table tr:not(:last-child) {
	border-bottom: 1px solid var(--color-main-soft);
}
.job__table th,
.job__table td {
	font-size: var(--txt-reg);
	font-weight: normal;
	padding-top: 1em;
	padding-bottom: 1em;

	flex-grow: 1;
}
.job__table th {
	display: inline-block;
	width: min(10em, calc(140rem / 16));
}
.job__table td {
	display: inline-block;
	width: max(
		calc(400rem / 16),
		calc(100% - min(10em, calc(140rem / 16)))
	);
}
@supports (container-type: inline-size) {
	.job-desc__inner {
		container-type: inline-size;
	}
	@container (max-width: 583px) {
		.job-desc__inner::before {
			height: 100%;
			top: 0;
		}
		.job__caption {
			margin-bottom: var(--gutter-xs);
		}
		.job__table tr {
			flex-direction: column;
		}
		.job__table th,
		.job__table td {
			width: 100%;
		}
		.job__table th {
			font-weight: bold;
			color: var(--color-main-pale);
			padding-top: 1.2em;
			padding-bottom: 0.2em;
		}
		.job__table td {
			padding-top: 0em;
			padding-bottom: 1.2em;
		}
		.job__table tr:not(:last-child) {
			border-bottom: 1px solid var(--color-main-soft);
		}
		/* 認可証 */
		.credentials {
			margin-top: calc(var(--gutter-md) - var(--gutter-var-reg));
		}
	}
}
@media (max-width: 559px) {
	.job__caption {
		margin-bottom: var(--gutter-xs);
	}
	.job__table tr {
		flex-direction: column;
	}
	.job__table th,
	.job__table td {
		width: 100%;
	}
	.job__table th {
		font-weight: bold;
		color: var(--color-main-pale);
		padding-top: 1.2em;
		padding-bottom: 0.2em;
	}
	.job__table td {
		padding-top: 0em;
		padding-bottom: 1.2em;
	}
	.job__table tr:not(:last-child) {
		border-bottom: 1px solid var(--color-main-soft);
	}
}
/* --------------
リスト */
.job__item .list li {
	display: flex;
	align-items: flex-start;
}
.job__item .list li::before {
	content: "・";
}
/* --------------
ボタン */
.entry-button {
	margin-right: auto;
	margin-left: auto;
	margin-top: var(--gutter-md);
}