/**
 * job-search
 * 対象 1 ページ / 代表ページ: /jobs/search
 *
 * 自動生成: node _research/emit-page.mjs
 * クラス名は DOM 構造から機械的に導出（_build/page-class-map.json）
 * 手で編集しない
 */
.p-page {
	min-height: 100vh;
	min-height: 100dvh;
	overflow: clip;
}
.p-page {
	background:var(--an-color-white);
	height:100%;
	width:100%;
	max-width:100%;
}
.p-page__main {
	align-content:center;
	align-items:center;
	flex:none;
	flex-wrap:nowrap;
	gap:0px;
	justify-content:flex-start;
	padding:0px;
	width:100%;
	max-width:100%;
}
.p-page__main > *,
.p-job-search__sec2-form > * {
	--gap-h:0px;
	--gap-v:0px;
}
.p-job-search__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-search__sec1 > * {
	--gap-h:16px;
	--gap-v:8px;
}
.p-job-search__sec1-link {
	color:var(--an-color-text);
	font-size:18px;
	padding:0px;
}
.p-job-search__sec1-text {
	color:var(--an-color-border);
	font-size:18px;
}
.p-job-search__sec1-text-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-search__sec2 {
	align-content:flex-start;
	align-items:flex-start;
	flex:none;
	flex-wrap:nowrap;
	gap:56px;
	justify-content:flex-start;
	padding:80px 40px 96px;
	width:1280px;
	max-width:100%;
}
.p-job-search__sec2 > * {
	--gap-h:0px;
	--gap-v:56px;
}
.p-job-search__sec2-box {
	align-content:flex-start;
	align-items:flex-start;
	flex-wrap:nowrap;
	gap:16px;
	justify-content:flex-start;
	padding:0px;
}
.p-job-search__sec2-box > *,
.p-job-search__sec2-box-2 > *,
.p-job-search__sec2-box-3 > * {
	--gap-h:0px;
	--gap-v:16px;
}
.p-job-search__sec2-box-2 {
	align-content:flex-start;
	align-items:flex-start;
	display:none;
	flex:none;
	flex-wrap:nowrap;
	gap:16px;
	height:125px;
	justify-content:flex-start;
	padding:0px;
	width:auto;
	max-width:100%;
}
.p-job-search__sec2-box-3 {
	align-content:flex-start;
	align-items:flex-start;
	flex:none;
	flex-wrap:nowrap;
	gap:16px;
	justify-content:flex-start;
	padding:0px;
	width:100%;
	max-width:100%;
}
.p-job-search__sec2-form {
	align-content:flex-start;
	align-items:flex-start;
	background:var(--an-color-surface);
	border-radius:8px;
	flex:none;
	flex-direction:column;
	flex-wrap:nowrap;
	height:auto;
	justify-content:flex-start;
	margin:0px;
	padding:32px 80px;
	width:100%;
	max-width:100%;
}
.p-job-search__sec2-box-4 {
	align-content:center;
	align-items:center;
	border-radius:3px;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	margin:0px 0px 12px;
	padding:0px;
	width:100%;
	max-width:100%;
}
.p-job-search__sec2-field {
	background:var(--an-color-white);
	border-bottom:1px solid var(--an-color-border);
	border-left:1px solid var(--an-color-border);
	border-radius:4px 0px 0px 4px;
	border-right:0px solid var(--an-color-border);
	border-top:1px solid var(--an-color-border);
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
	color:var(--an-color-text);
	flex:1;
	font-family:var(--an-font-base) !important;
	font-size:16px;
	font-weight:400;
	height:50px;
	justify-content:center;
	line-height:1.4;
	padding:10px 16px;
	text-align:left;
}
.p-job-search__sec2-field::placeholder {
	color:#aeaeae;
}
.p-job-search__sec2-button {
	background:var(--an-color-brand);
	border-radius:0px 4px 4px 0px;
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
	color:var(--an-color-text);
	flex:none;
	font-family:var(--an-font-display);
	font-size:15px;
	height:50px;
	justify-content:center;
	line-height:1.4;
	padding:0px 40px;
	text-align:left;
	width:auto;
	max-width:100%;
}
.p-job-search__sec2-text {
	color:var(--an-color-white);
	font-family:var(--an-font-base);
	font-weight:700;
	letter-spacing:0.2em;
	padding:0px 0px 2px;
	text-align:center;
	justify-content:center;
}
.p-job-search__sec2-box-5 {
	align-content:center;
	align-items:center;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	padding:0px;
}
.p-job-search__sec2-box-6 {
	align-content:flex-start;
	align-items:flex-start;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:flex-start;
	padding:0px;
}
.p-job-search__sec2-text-2 {
	color:var(--an-color-text);
	font-family:var(--an-font-base);
	font-size:16px;
	font-weight:500;
	height:auto;
	line-height:1.4;
	margin:0px 4px 0px 0px;
	text-align:center;
	width:auto;
	justify-content:center;
	max-width:calc(100% - 4px);
}
.p-job-search__sec2-text-3 {
	color:var(--an-color-text);
	font-family:var(--an-font-display);
	font-size:16px;
	font-weight:500;
	height:auto;
	line-height:1.4;
	margin:0px 4px 0px 0px;
	text-align:center;
	width:auto;
	justify-content:center;
	max-width:calc(100% - 4px);
}
.p-job-search__sec2-text-4 {
	color:var(--an-color-text);
	flex:1;
	font-family:var(--an-font-display);
	font-size:16px;
	font-weight:500;
	height:auto;
	line-height:1.4;
	text-align:left;
	width:auto;
	justify-content:flex-start;
	max-width:100%;
	min-width:0;
}
.p-job-search__body-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-search__body-button {
	background:transparent;
	border-bottom:1px solid  var(--an-color-accent);
	border-left:1px solid  var(--an-color-accent);
	border-radius:20px;
	border-right:1px solid  var(--an-color-accent);
	border-top:1px solid  var(--an-color-accent);
	box-shadow:0px 0px 0px 0px rgba(0,0,0,0.2);
	color:var(--an-color-text);
	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-search__body-text {
	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;
}

@media (max-width: 1140px) {
	.p-page__main {
		flex:none;
	}
	.p-page__main > * {
		--gap-h:0px;
		--gap-v:0px;
	}
	.p-job-search__sec2-box-2 {
		display:none;
	}
	.p-job-search__sec2-box-2 > * {
		--gap-h:0px;
		--gap-v:16px;
	}
}

@media (max-width: 840px) {
	.p-job-search__sec1 {
		padding:16px 24px;
	}
	.p-job-search__sec1 > * {
		--gap-h:16px;
		--gap-v:8px;
	}
	.p-job-search__sec2 {
		padding:40px 24px;
	}
	.p-job-search__sec2 > * {
		--gap-h:0px;
		--gap-v:56px;
	}
	.p-job-search__sec2-box-2 {
		display:none;
	}
	.p-job-search__sec2-box-2 > * {
		--gap-h:0px;
		--gap-v:16px;
	}
	.p-job-search__sec2-form {
		padding:32px 40px;
	}
}

@media (max-width: 540px) {
	.p-job-search__sec1 {
		gap:8px 8px;
		padding:16px;
	}
	.p-job-search__sec1 > * {
		--gap-h:8px;
		--gap-v:8px;
	}
	.p-job-search__sec2 {
		padding:40px 16px;
	}
	.p-job-search__sec2 > * {
		--gap-h:0px;
		--gap-v:56px;
	}
	.p-job-search__sec2-box-2 {
		display:none;
	}
	.p-job-search__sec2-box-2 > *,
	.p-job-search__sec2-form > * {
		--gap-h:0px;
		--gap-v:16px;
	}
	.p-job-search__sec2-form {
		gap:16px;
		padding:32px 16px;
	}
	.p-job-search__sec2-box-4 {
		margin:0px;
		width:100%;
		max-width:100%;
	}
	.p-job-search__sec2-field {
		flex:none;
		width:76%;
		max-width:76%;
	}
	.p-job-search__sec2-button {
		flex:none;
		padding:0px 16px;
		width:24%;
		max-width:24%;
	}
	.p-job-search__sec2-text {
		font-size:14px;
	}
	.p-job-search__sec2-text-2,
	.p-job-search__sec2-text-3,
	.p-job-search__sec2-text-4 {
		font-size:13px;
	}
}

@media (max-width: 320px) {
	.p-job-search__sec2-box-2 {
		display:none;
	}
	.p-job-search__sec2-box-2 > * {
		--gap-h:0px;
		--gap-v:16px;
	}
	.p-job-search__sec2-box-4 {
		flex:none;
	}
}