@charset "UTF-8";

/* ==========================================================================
   Recruitment: Requirement Detail
   ========================================================================== */

.recruit-requirement-page {
	--recruit-requirement-blue-height: calc(var(--recruit-air-fluid-width) * 0.416667);
	--recruit-requirement-card-top: calc(var(--recruit-air-fluid-width) * 0.108333);
	--recruit-requirement-card-padding-block: calc(var(--recruit-air-fluid-width) * 0.066667);
	--recruit-requirement-card-padding-inline: calc(var(--recruit-air-fluid-width) * 0.083333);
	--recruit-requirement-title-size: calc(var(--recruit-air-fluid-width) * 0.026667);
	--recruit-requirement-title-bottom: calc(var(--recruit-air-fluid-width) * 0.0375);
	--recruit-requirement-row-label-width: calc(var(--recruit-air-fluid-width) * 0.133333);
	--recruit-requirement-row-gap: calc(var(--recruit-air-fluid-width) * 0.024167);
	--recruit-requirement-row-padding-block: calc(var(--recruit-air-fluid-width) * 0.025);
	--recruit-requirement-row-size: calc(var(--recruit-air-fluid-width) * 0.013333);
	--c-definition-table-margin-top: var(--recruit-requirement-title-bottom);
	--c-definition-table-term-width: var(--recruit-requirement-row-label-width);
	--c-definition-table-marker-width: 4px;
	--c-definition-table-column-gap: var(--recruit-requirement-row-gap);
	--c-definition-table-row-align: center;
	--c-definition-table-row-min-height: calc(var(--recruit-air-fluid-width) * 0.076667);
	--c-definition-table-row-padding-block: var(--recruit-requirement-row-padding-block);
	--c-definition-table-marker-align: center;
	--c-definition-table-marker-height: 16px;
	--c-definition-table-marker-color: #087cc1;
	--c-definition-table-text-size: var(--recruit-requirement-row-size);
	--c-definition-table-line-height: 2;
	--c-definition-table-font-features: normal;
}

:where(.recruit-requirement-page) dl,
:where(.recruit-requirement-page) dd {
	margin: 0;
}

.recruit-requirement-paper {
	padding-top: var(--recruit-requirement-card-top);
	background:
		url("../images/recruit-air-blue-bg.webp") center top / 100% var(--recruit-requirement-blue-height) no-repeat,
		#fff url("../images/recruit-paper-bg.webp") center top / 1920px auto repeat-y;
}

.recruit-requirement-detail {
	width: min(calc(100% - (var(--recruit-air-side-gutter) * 2)), var(--recruit-air-content-width));
	margin-inline: auto;
	padding: var(--recruit-requirement-card-padding-block) var(--recruit-requirement-card-padding-inline);
	background: #fff;
	box-shadow: 6px 6px 5px rgba(0, 35, 75, 0.1);
}

.recruit-requirement-detail__title {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: calc(var(--recruit-air-fluid-width) * 0.025);
	font-size: var(--recruit-requirement-title-size);
	font-weight: 700;
	line-height: 1.45;
}

.recruit-requirement-detail__title > span {
	white-space: nowrap;
}

.recruit-requirement-detail__status {
	flex: 0 0 auto;
	min-width: calc(var(--recruit-air-fluid-width) * 0.066667);
	min-height: calc(var(--recruit-air-fluid-width) * 0.03);
	padding-inline: calc(var(--recruit-air-fluid-width) * 0.01);
	font-size: calc(var(--recruit-air-fluid-width) * 0.02);
}

.recruit-requirement-schedule {
	margin-top: var(--recruit-air-section-space);
}

@media (max-width: 600px) {
	.recruit-requirement-page {
		--recruit-requirement-blue-height: 340px;
		--recruit-requirement-card-top: 60px;
		--recruit-requirement-card-padding-block: 20px;
		--recruit-requirement-card-padding-inline: 20px;
		--recruit-requirement-title-size: 22px;
		--recruit-requirement-title-bottom: 20px;
		--recruit-requirement-row-label-width: 67px;
		--recruit-requirement-row-gap: 18px;
		--recruit-requirement-row-padding-block: 19px;
		--recruit-requirement-row-size: 14px;
		--c-definition-table-marker-width: 3px;
		--c-definition-table-marker-height: 14px;
		--c-definition-table-row-min-height: 0;
		--c-definition-table-line-height: 1.4;
	}

	.recruit-requirement-detail__title {
		gap: 0 20px;
		line-height: 1.4;
	}

	.recruit-requirement-detail__status {
		min-width: 52px;
		min-height: 24px;
		padding-inline: 6px;
		font-size: 16px;
	}

	.recruit-requirement-schedule {
		margin-top: 60px;
	}
}