@charset "UTF-8";

/* ============================================================
   recruit-notice  採用なし通知
   ============================================================ */
	.recruit-notice {
		text-align: center;
		padding: 6em 2em;
		border: 1px solid var(--color-border);
		line-height: 2;
	}
	.recruit-notice p {
		font-size: 1.2em;
		font-weight: bold;
	}
	.recruit-notice__sub {
		margin-top: 1em;
		font-size: 0.95em !important;
		font-weight: normal !important;
		color: #888;
	}

/* ============================================================
   recruit-unit  求人ユニット（職種ごとのセクション）
   ============================================================ */
	.recruit-unit {
		padding-top: 60px;
	}
	.recruit-unit + .recruit-unit {
		margin-top: 80px;
		border-top: 1px solid var(--color-border);
	}
	.recruit-unit__title {
		display: flex;
		flex-direction: column;
		gap: 0.3em;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0.5em 0 0.8em 1.4em;
		border-left: 4px solid var(--color-accent);
		border-bottom: 1px dotted var(--color-accent);
		margin-bottom: 2em;
		line-height: 1.4;
	}
	.recruit-unit__title-en {
		font-family: var(--font-en);
		font-size: 0.65em;
		font-weight: normal;
		color: var(--color-accent);
		letter-spacing: .1em;
	}

/* ============================================================
   recruit-table  求人詳細テーブル
   ============================================================ */
	.recruit-table {
		width: 100%;
		line-height: 1.8;
		border-collapse: collapse;
		border: 0px solid #a7a7a7;
		border-width: 1px 0 0 1px;
	}
	.recruit-table th {
		text-align: left;
		white-space: nowrap;
		vertical-align: top;
		background: #f0f3f7;
		padding: 1em 1.2em;
		border: 0px solid #a7a7a7;
		border-width: 0 1px 1px 0;
		width: 10em;
		color: var(--color-accent);
		font-weight: bold;
	}
	.recruit-table td {
		padding: 1em 1.2em;
		border: 0px solid #a7a7a7;
		border-width: 0 1px 1px 0;
		vertical-align: top;
	}
	.recruit-table td ul {
		list-style: none;
	}
	.recruit-table td ul li::before {
		content: "・";
	}
	.recruit-table td ul li + li {
		margin-top: 0.3em;
	}
	.recruit-table td small {
		font-size: 0.88em;
		color: #888;
	}

/* ============================================================
   RESPONSIVE — 768px以下
   ============================================================ */
@media (max-width: 768px) {
	.recruit-notice {
		padding: 4em 1.5em;
	}

	.recruit-table th {
		white-space: normal;
		width: 8em;
	}
}

@media (max-width: 560px) {
	.recruit-table,
	.recruit-table tbody,
	.recruit-table tr {
		display: block;
	}
	.recruit-table th,
	.recruit-table td {
		display: block;
		width: 100%;
		border-width: 0 1px 0 0;
	}
	.recruit-table th {
		border-bottom: none;
		padding-bottom: 0.4em;
	}
	.recruit-table td {
		border-bottom: 1px solid #a7a7a7;
		padding-top: 0.4em;
	}
}