/**
 * job-archive
 * 対象 36 ページ / 代表ページ: /jobs/area/miyagi
 *
 * 自動生成: node _research/emit-page.mjs
 * クラス名は DOM 構造から機械的に導出（_build/page-class-map.json）
 * 手で編集しない
 *
 * 他ページから取り込んだバリエーション 3 件:
 *   .p-job-archive__sec1-box--category … 職種ページのタイトル行（gap:0px 指定）
 *   .p-job-archive__sec1-box--tag … タグページのタイトル行（font-size:12px 指定）
 *   .p-job-archive__empty-text … 求人が0件のときの「0件です」。代表ページには求人があるため出現しない
 */
.p-page {
	min-height: 100vh;
	min-height: 100dvh;
	overflow: clip;
}
.p-page {
	align-content:center;
	align-items:center;
	background:var(--an-color-white);
	height:100%;
	padding:0px;
	width:100%;
	max-width:100%;
}
.p-page__main {
	align-content:center;
	align-items:center;
	flex:none;
	flex-wrap:nowrap;
	justify-content:center;
	padding:0px;
	width:100%;
	max-width:100%;
}
.p-job-archive__sec1 {
	align-content:center;
	align-items:center;
	border-bottom:0px solid transparent;
	border-left:0px solid transparent;
	border-right:0px solid transparent;
	border-top:0px solid transparent;
	flex:none;
	flex-direction:row;
	flex-wrap:wrap;
	gap:8px 16px;
	justify-content:flex-start;
	padding:16px 40px;
	width:1280px;
	max-width:100%;
}
.p-job-archive__sec1 > * {
	--gap-h:16px;
	--gap-v:8px;
}
.p-job-archive__sec1-link {
	color:var(--an-color-text);
	font-size:18px;
	padding:0px;
}
.p-job-archive__sec1-text {
	color:var(--an-color-border);
	font-size:18px;
}
.p-job-archive__sec1-link-2 {
	color:var(--an-color-text);
	font-family:var(--an-font-base);
	font-size:12px;
	font-weight:400;
	height:auto;
	line-height:1.4;
	padding:0px;
	text-align:left;
	width:auto;
	justify-content:flex-start;
	max-width:100%;
}
.p-job-archive__sec1-box {
	align-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:nowrap;
	gap:0px 0px;
	justify-content:flex-start;
	padding:0px;
}
.p-job-archive__sec1-box > *,
.p-job-archive__sec1-box--category > *,
.p-job-archive__sec1-box--tag > * {
	--gap-h:0px;
	--gap-v:0px;
}
.p-job-archive__sec2 {
	align-content:flex-start;
	align-items:flex-start;
	flex:none;
	flex-wrap:nowrap;
	gap:40px;
	justify-content:flex-start;
	padding:80px 40px;
	width:1280px;
	max-width:100%;
}
.p-job-archive__sec2 > *,
.p-job-archive__sec2-box-2 > * {
	--gap-h:0px;
	--gap-v:40px;
}
.p-job-archive__sec2-title {
	align-content:flex-start;
	align-items:flex-start;
	border-bottom:0px solid var(--an-color-accent) var(--an-color-brand);
	border-left:4px solid var(--an-color-accent) var(--an-color-brand);
	border-right:0px solid var(--an-color-accent) var(--an-color-brand);
	border-top:0px solid var(--an-color-accent) var(--an-color-brand);
	flex-direction:row;
	flex-wrap:nowrap;
	gap:4px;
	justify-content:flex-start;
	padding:4px 0px 4px 24px;
}
.p-job-archive__sec2-title > * {
	--gap-h:4px;
	--gap-v:0px;
}
.p-job-archive__sec2-text {
	border-bottom:0px solid var(--an-color-accent) var(--an-color-brand);
	border-left:0px solid var(--an-color-accent) var(--an-color-brand);
	border-right:0px solid var(--an-color-accent) var(--an-color-brand);
	border-top:0px solid var(--an-color-accent) var(--an-color-brand);
	color:var(--an-color-brand);
	flex:1;
	font-family:var(--an-font-base);
	font-size:24px;
	font-weight:500;
	height:auto;
	line-height:1.2;
	margin:0px;
	padding:0px;
	text-align:left;
	width:auto;
	justify-content:flex-start;
	max-width:100%;
	min-width:0;
}
.p-job-archive__sec2-text-2 {
	border-bottom:0px solid var(--an-color-accent) var(--an-color-brand);
	border-left:0px solid var(--an-color-accent) var(--an-color-brand);
	border-right:0px solid var(--an-color-accent) var(--an-color-brand);
	border-top:0px solid var(--an-color-accent) var(--an-color-brand);
	color:var(--an-color-text);
	font-family:var(--an-font-base);
	font-size:24px;
	font-weight:500;
	height:auto;
	line-height:1.2;
	margin:0px;
	padding:0px;
	text-align:center;
	width:auto;
	justify-content:center;
	max-width:100%;
}
.p-job-archive__sec2-box {
	align-content:center;
	align-items:center;
	flex:none;
	flex-direction:column;
	flex-wrap:nowrap;
	height:auto;
	justify-content:center;
	width:100%;
	max-width:100%;
}
.p-job-archive__sec2-button {
	background:transparent;
	border-bottom:1px solid var(--an-color-accent) var(--an-color-brand);
	border-left:1px solid var(--an-color-accent) var(--an-color-brand);
	border-radius:20px;
	border-right:1px solid var(--an-color-accent) var(--an-color-brand);
	border-top:1px solid var(--an-color-accent) var(--an-color-brand);
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
	color:var(--an-color-brand);
	flex:none;
	font-family:var(--an-font-display);
	font-size:15px;
	font-weight:400;
	height:40px;
	justify-content:center;
	letter-spacing:0em;
	line-height:1.4;
	margin:4px;
	opacity:1;
	padding:0px;
	text-align:left;
	width:282px;
	max-width:calc(100% - 8px);
}
.p-job-archive__sec2-text-3 {
	color:var(--an-color-brand);
	font-family:var(--an-font-base);
	font-size:16px;
	font-weight:400;
	padding:0px 0px 2px;
	text-align:center;
	justify-content:center;
}
.p-job-archive__sec2-box-2 {
	align-content:center;
	align-items:center;
	flex:none;
	flex-wrap:nowrap;
	gap:40px;
	justify-content:flex-start;
	padding:0px;
	width:100%;
	max-width:100%;
}
.p-job-archive__sec3 {
	height:61.698717948717956px;
	width:200.00000000000003px;
	max-width:100%;
}
.p-job-archive__sec1-box--category {
	align-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:nowrap;
	gap:0px;
	justify-content:flex-start;
	padding:0px;
}
.p-job-archive__sec1-box--tag {
	align-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:nowrap;
	font-size:12px;
	gap:0px 0px;
	justify-content:flex-start;
	padding:0px;
}
.p-job-archive__empty-text {
	color:var(--an-color-text);
	font-family:var(--an-font-base);
	font-size:16px;
	font-weight:400;
	height:auto;
	line-height:1.4;
	margin:0px;
	text-align:center;
	width:auto;
	justify-content:center;
	max-width:100%;
}

@media (max-width: 840px) {
	.p-job-archive__sec1 {
		padding:16px 24px;
	}
	.p-job-archive__sec1 > * {
		--gap-h:16px;
		--gap-v:8px;
	}
	.p-job-archive__sec2 {
		padding:40px 24px;
	}
	.p-job-archive__sec2 > * {
		--gap-h:0px;
		--gap-v:40px;
	}
}

@media (max-width: 540px) {
	.p-job-archive__sec1 {
		gap:8px 8px;
		padding:16px;
	}
	.p-job-archive__sec1 > * {
		--gap-h:8px;
		--gap-v:8px;
	}
	.p-job-archive__sec2 {
		padding:40px 16px;
	}
	.p-job-archive__sec2 > * {
		--gap-h:0px;
		--gap-v:40px;
	}
	.p-job-archive__sec2-title {
		padding:4px 0px 4px 16px;
	}
	.p-job-archive__sec2-title > * {
		--gap-h:4px;
		--gap-v:0px;
	}
	.p-job-archive__sec2-text,
	.p-job-archive__sec2-text-2 {
		font-size:20px;
		margin:0px;
		max-width:100%;
	}
	.p-job-archive__sec2-text-3 {
		font-size:14px;
	}
}