/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties {
	@supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or
		((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
		*,
		:before,
		:after,
		::backdrop {
			--tw-scale-x: 1;
			--tw-scale-y: 1;
			--tw-scale-z: 1;
			--tw-border-style: solid;
			--tw-leading: initial;
			--tw-font-weight: initial;
			--tw-tracking: initial;
			--tw-duration: initial;
			--tw-content: "";
			--tw-translate-x: 0;
			--tw-translate-y: 0;
			--tw-translate-z: 0;
		}
	}
}

@layer theme {
	:root,
	:host {
		--font-sans: "Noto Sans JP", sans-serif;
		--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
		--color-neutral-400: oklch(70.8% 0 none);
		--color-neutral-500: oklch(55.6% 0 none);
		--color-neutral-600: oklch(43.9% 0 none);
		--color-black: #231815;
		--color-white: #fff;
		--spacing: 0.25rem;
		--text-xs: 0.75rem;
		--text-xs--line-height: calc(1 / 0.75);
		--text-sm: 0.875rem;
		--text-sm--line-height: calc(1.25 / 0.875);
		--text-base: 1rem;
		--text-base--line-height: calc(1.5 / 1);
		--text-lg: 1.125rem;
		--text-lg--line-height: calc(1.75 / 1.125);
		--text-xl: 1.25rem;
		--text-xl--line-height: calc(1.75 / 1.25);
		--text-2xl: 1.5rem;
		--text-2xl--line-height: calc(2 / 1.5);
		--text-3xl: 1.875rem;
		--text-3xl--line-height: calc(2.25 / 1.875);
		--text-4xl: 2.25rem;
		--text-4xl--line-height: calc(2.5 / 2.25);
		--text-5xl: 3rem;
		--text-5xl--line-height: 1;
		--text-6xl: 3.75rem;
		--text-6xl--line-height: 1;
		--font-weight-normal: 400;
		--font-weight-bold: 700;
		--leading-snug: 1.375;
		--leading-normal: 1.5;
		--leading-relaxed: 1.625;
		--leading-loose: 2;
		--radius-md: 0.375rem;
		--default-transition-duration: 0.15s;
		--default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
		--default-font-family: var(--font-sans);
		--default-mono-font-family: var(--font-mono);
		--font-din: "D-DIN Condensed", "Noto Sans JP", sans-serif;
		--color-brand: #f3cc01;
		--color-accent: #0dd10d;
		--color-surface: #efefef;
		--color-voice: #cbdbe5;
	}
}

@layer base {
	*,
	:after,
	:before,
	::backdrop {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0;
	}

	::file-selector-button {
		box-sizing: border-box;
		border: 0 solid;
		margin: 0;
		padding: 0;
	}

	html,
	:host {
		-webkit-text-size-adjust: 100%;
		tab-size: 4;
		line-height: 1.5;
		font-family: var(
			--default-font-family,
			-apple-system,
			BlinkMacSystemFont,
			"Segoe UI",
			Roboto,
			"Helvetica Neue",
			"Noto Sans",
			Arial,
			sans-serif,
			"Apple Color Emoji",
			"Segoe UI Emoji",
			"Segoe UI Symbol",
			"Noto Color Emoji"
		);
		font-feature-settings: var(--default-font-feature-settings, normal);
		font-variation-settings: var(--default-font-variation-settings, normal);
		-webkit-tap-highlight-color: transparent;
	}

	hr {
		height: 0;
		color: inherit;
		border-top-width: 1px;
	}

	abbr:where([title]) {
		-webkit-text-decoration: underline dotted;
		text-decoration: underline dotted;
	}

	h1,
	h2,
	h3,
	h4,
	h5,
	h6 {
		font-size: inherit;
		font-weight: inherit;
	}

	a {
		color: inherit;
		-webkit-text-decoration: inherit;
		-webkit-text-decoration: inherit;
		-webkit-text-decoration: inherit;
		text-decoration: inherit;
	}

	b,
	strong {
		font-weight: bolder;
	}

	code,
	kbd,
	samp,
	pre {
		font-family: var(
			--default-mono-font-family,
			ui-monospace,
			SFMono-Regular,
			Menlo,
			Monaco,
			Consolas,
			"Liberation Mono",
			"Courier New",
			monospace
		);
		font-feature-settings: var(--default-mono-font-feature-settings, normal);
		font-variation-settings: var(--default-mono-font-variation-settings, normal);
		font-size: 1em;
	}

	small {
		font-size: 80%;
	}

	sub,
	sup {
		vertical-align: baseline;
		font-size: 75%;
		line-height: 0;
		position: relative;
	}

	sub {
		bottom: -0.25em;
	}

	sup {
		top: -0.5em;
	}

	table {
		text-indent: 0;
		border-color: inherit;
		border-collapse: collapse;
	}

	:-moz-focusring:where(:not(iframe)) {
		outline: auto;
	}

	progress {
		vertical-align: baseline;
	}

	summary {
		display: list-item;
	}

	ol,
	ul,
	menu {
		list-style: none;
	}

	img,
	svg,
	video,
	canvas,
	audio,
	iframe,
	embed,
	object {
		vertical-align: middle;
		display: block;
	}

	img,
	video {
		max-width: 100%;
		height: auto;
	}

	button,
	input,
	select,
	optgroup,
	textarea {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0;
	}

	::file-selector-button {
		font: inherit;
		font-feature-settings: inherit;
		font-variation-settings: inherit;
		letter-spacing: inherit;
		color: inherit;
		opacity: 1;
		background-color: #0000;
		border-radius: 0;
	}

	:where(select:is([multiple], [size])) optgroup {
		font-weight: bolder;
	}

	:where(select:is([multiple], [size])) optgroup option {
		padding-inline-start: 20px;
	}

	::file-selector-button {
		margin-inline-end: 4px;
	}

	::placeholder {
		opacity: 1;
	}

	@supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) {
		::placeholder {
			color: currentColor;
		}

		@supports (color: color-mix(in lab, red, red)) {
			::placeholder {
				color: color-mix(in oklab, currentcolor 50%, transparent);
			}
		}
	}

	textarea {
		resize: vertical;
	}

	::-webkit-search-decoration {
		-webkit-appearance: none;
	}

	::-webkit-date-and-time-value {
		min-height: 1lh;
		text-align: inherit;
	}

	::-webkit-datetime-edit {
		display: inline-flex;
	}

	::-webkit-datetime-edit-fields-wrapper {
		padding: 0;
	}

	::-webkit-datetime-edit {
		padding-block: 0;
	}

	::-webkit-datetime-edit-year-field {
		padding-block: 0;
	}

	::-webkit-datetime-edit-month-field {
		padding-block: 0;
	}

	::-webkit-datetime-edit-day-field {
		padding-block: 0;
	}

	::-webkit-datetime-edit-hour-field {
		padding-block: 0;
	}

	::-webkit-datetime-edit-minute-field {
		padding-block: 0;
	}

	::-webkit-datetime-edit-second-field {
		padding-block: 0;
	}

	::-webkit-datetime-edit-millisecond-field {
		padding-block: 0;
	}

	::-webkit-datetime-edit-meridiem-field {
		padding-block: 0;
	}

	::-webkit-calendar-picker-indicator {
		line-height: 1;
	}

	:-moz-ui-invalid {
		box-shadow: none;
	}

	button,
	input:where([type="button"], [type="reset"], [type="submit"]) {
		appearance: button;
	}

	::file-selector-button {
		appearance: button;
	}

	::-webkit-inner-spin-button {
		height: auto;
	}

	::-webkit-outer-spin-button {
		height: auto;
	}

	[hidden]:where(:not([hidden="until-found"])) {
		display: none !important;
	}

	body {
		font-feature-settings: "palt";
	}
}

@layer components;

@layer utilities {
	.heading-bar {
		border-bottom: 2px solid var(--color-black);
		padding: 0.5rem 0 0.5rem 2.5rem;
		position: relative;
	}

	.heading-bar:before {
		content: "";
		background: var(--color-brand);
		width: 1.5625rem;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
	}

	.divider-top {
		border-top: 1px solid var(--color-black);
		position: relative;
	}

	.divider-top:before {
		content: "";
		background: var(--color-black);
		width: 100px;
		height: 15px;
		position: absolute;
		top: -7.5px;
		left: 0;
	}

	.absolute {
		position: absolute;
	}

	.fixed {
		position: fixed;
	}

	.relative {
		position: relative;
	}

	.static {
		position: static;
	}

	.sticky {
		position: sticky;
	}

	.inset-0 {
		inset: 0;
	}

	.inset-x-0 {
		inset-inline: 0;
	}

	.top-0 {
		top: 0;
	}

	.top-4 {
		top: calc(var(--spacing) * 4);
	}

	.top-14 {
		top: calc(var(--spacing) * 14);
	}

	.right-2 {
		right: calc(var(--spacing) * 2);
	}

	.bottom-0 {
		bottom: 0;
	}

	.left-0 {
		left: 0;
	}

	.z-50 {
		z-index: 50;
	}

	.z-60 {
		z-index: 60;
	}

	.inner {
		max-width: 65rem;
		margin-inline: auto;
		padding-inline: 1.25rem;
	}

	.mx-auto {
		margin-inline: auto;
	}

	.my-\[4\.5px\] {
		margin-block: 4.5px;
	}

	.my-\[5\.5px\] {
		margin-block: 5.5px;
	}

	.-mt-6 {
		margin-top: calc(var(--spacing) * -6);
	}

	.mt-1 {
		margin-top: var(--spacing);
	}

	.mr-auto {
		margin-right: auto;
	}

	.mb-1 {
		margin-bottom: var(--spacing);
	}

	.mb-1\.5 {
		margin-bottom: calc(var(--spacing) * 1.5);
	}

	.mb-2 {
		margin-bottom: calc(var(--spacing) * 2);
	}

	.mb-3 {
		margin-bottom: calc(var(--spacing) * 3);
	}

	.mb-4 {
		margin-bottom: calc(var(--spacing) * 4);
	}

	.mb-5 {
		margin-bottom: calc(var(--spacing) * 5);
	}

	.mb-6 {
		margin-bottom: calc(var(--spacing) * 6);
	}

	.mb-8 {
		margin-bottom: calc(var(--spacing) * 8);
	}

	.mb-10 {
		margin-bottom: calc(var(--spacing) * 10);
	}

	.mb-12 {
		margin-bottom: calc(var(--spacing) * 12);
	}

	.mb-20 {
		margin-bottom: calc(var(--spacing) * 20);
	}

	.ml-4 {
		margin-left: calc(var(--spacing) * 4);
	}

	.block {
		display: block;
	}

	.flex {
		display: flex;
	}

	.grid {
		display: grid;
	}

	.hidden {
		display: none;
	}

	.aspect-5\/6 {
		aspect-ratio: 5 / 6;
	}

	.size-14 {
		width: calc(var(--spacing) * 14);
		height: calc(var(--spacing) * 14);
	}

	.h-10 {
		height: calc(var(--spacing) * 10);
	}

	.h-12\.5 {
		height: calc(var(--spacing) * 12.5);
	}

	.h-14 {
		height: calc(var(--spacing) * 14);
	}

	.h-20 {
		height: calc(var(--spacing) * 20);
	}

	.h-21 {
		height: calc(var(--spacing) * 21);
	}

	.h-112\.5 {
		height: calc(var(--spacing) * 112.5);
	}

	.h-\[1\.5px\] {
		height: 1.5px;
	}

	.h-auto {
		height: auto;
	}

	.h-full {
		height: 100%;
	}

	.h-px {
		height: 1px;
	}

	.min-h-11\.5 {
		min-height: calc(var(--spacing) * 11.5);
	}

	.min-h-112\.5 {
		min-height: calc(var(--spacing) * 112.5);
	}

	.w-2\/5 {
		width: 40%;
	}

	.w-4\.5 {
		width: calc(var(--spacing) * 4.5);
	}

	.w-7 {
		width: calc(var(--spacing) * 7);
	}

	.w-25 {
		width: calc(var(--spacing) * 25);
	}

	.w-32\.5 {
		width: calc(var(--spacing) * 32.5);
	}

	.w-38 {
		width: calc(var(--spacing) * 38);
	}

	.w-60 {
		width: calc(var(--spacing) * 60);
	}

	.w-110 {
		width: calc(var(--spacing) * 110);
	}

	.w-auto {
		width: auto;
	}

	.w-fit {
		width: fit-content;
	}

	.w-full {
		width: 100%;
	}

	.max-w-65 {
		max-width: calc(var(--spacing) * 65);
	}

	.max-w-75 {
		max-width: calc(var(--spacing) * 75);
	}

	.max-w-\[90\%\] {
		max-width: 90%;
	}

	.max-w-full {
		max-width: 100%;
	}

	.max-w-none {
		max-width: none;
	}

	.flex-1 {
		flex: 1;
	}

	.shrink-0 {
		flex-shrink: 0;
	}

	.origin-top-right {
		transform-origin: 100% 0;
	}

	.scale-108 {
		--tw-scale-x: 108%;
		--tw-scale-y: 108%;
		--tw-scale-z: 108%;
		scale: var(--tw-scale-x) var(--tw-scale-y);
	}

	.rotate-180 {
		rotate: 180deg;
	}

	.grid-cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.grid-cols-\[repeat\(3\,auto\)\] {
		grid-template-columns: repeat(3, auto);
	}

	.flex-col {
		flex-direction: column;
	}

	.flex-wrap {
		flex-wrap: wrap;
	}

	.place-items-center {
		place-items: center;
	}

	.items-baseline {
		align-items: baseline;
	}

	.items-center {
		align-items: center;
	}

	.items-end {
		align-items: flex-end;
	}

	.items-start {
		align-items: flex-start;
	}

	.justify-between {
		justify-content: space-between;
	}

	.justify-center {
		justify-content: center;
	}

	.gap-1 {
		gap: var(--spacing);
	}

	.gap-1\.5 {
		gap: calc(var(--spacing) * 1.5);
	}

	.gap-2 {
		gap: calc(var(--spacing) * 2);
	}

	.gap-2\.5 {
		gap: calc(var(--spacing) * 2.5);
	}

	.gap-3 {
		gap: calc(var(--spacing) * 3);
	}

	.gap-4 {
		gap: calc(var(--spacing) * 4);
	}

	.gap-5 {
		gap: calc(var(--spacing) * 5);
	}

	.gap-8 {
		gap: calc(var(--spacing) * 8);
	}

	.gap-10 {
		gap: calc(var(--spacing) * 10);
	}

	.gap-12\.5 {
		gap: calc(var(--spacing) * 12.5);
	}

	.gap-15 {
		gap: calc(var(--spacing) * 15);
	}

	.gap-x-3 {
		column-gap: calc(var(--spacing) * 3);
	}

	.gap-x-4 {
		column-gap: calc(var(--spacing) * 4);
	}

	.gap-x-5 {
		column-gap: calc(var(--spacing) * 5);
	}

	.gap-x-6 {
		column-gap: calc(var(--spacing) * 6);
	}

	.gap-x-7 {
		column-gap: calc(var(--spacing) * 7);
	}

	.gap-y-2 {
		row-gap: calc(var(--spacing) * 2);
	}

	.gap-y-8 {
		row-gap: calc(var(--spacing) * 8);
	}

	.gap-y-10 {
		row-gap: calc(var(--spacing) * 10);
	}

	.self-start {
		align-self: flex-start;
	}

	.overflow-hidden {
		overflow: hidden;
	}

	.overflow-y-auto {
		overflow-y: auto;
	}

	.rounded-full {
		border-radius: 3.40282e38px;
	}

	.rounded-md {
		border-radius: var(--radius-md);
	}

	.border {
		border-style: var(--tw-border-style);
		border-width: 1px;
	}

	.border-t-6 {
		border-top-style: var(--tw-border-style);
		border-top-width: 6px;
	}

	.border-b {
		border-bottom-style: var(--tw-border-style);
		border-bottom-width: 1px;
	}

	.border-l {
		border-left-style: var(--tw-border-style);
		border-left-width: 1px;
	}

	.border-black {
		border-color: var(--color-black);
	}

	.border-neutral-400 {
		border-color: var(--color-neutral-400);
	}

	.border-neutral-600 {
		border-color: var(--color-neutral-600);
	}

	.bg-black {
		background-color: var(--color-black);
	}

	.bg-brand {
		background-color: var(--color-brand);
	}

	.bg-surface {
		background-color: var(--color-surface);
	}

	.bg-voice {
		background-color: var(--color-voice);
	}

	.bg-white {
		background-color: var(--color-white);
	}

	.bg-\[url\(\/recruit\/images\/\.\.\.\)\] {
		background-image: url("/recruit/images/...");
	}

	.bg-\[url\(\/recruit\/images\/entry-bg\.webp\)\] {
		background-image: url("/recruit/images/entry-bg.webp");
	}

	.bg-cover {
		background-size: cover;
	}

	.bg-size-\[10px_46px\] {
		background-size: 10px 46px;
	}

	.bg-size-\[270\%_auto\] {
		background-size: 270%;
	}

	.bg-size-\[280\%_auto\] {
		background-size: 280%;
	}

	.bg-size-\[300\%_auto\] {
		background-size: 300%;
	}

	.bg-position-\[85\%_top\] {
		background-position: 85% 0;
	}

	.bg-position-\[88\%_top\] {
		background-position: 88% 0;
	}

	.bg-position-\[90\%_top\] {
		background-position: 90% 0;
	}

	.bg-right {
		background-position: 100%;
	}

	.bg-top-left {
		background-position: 0 0;
	}

	.bg-no-repeat {
		background-repeat: no-repeat;
	}

	.object-cover {
		object-fit: cover;
	}

	.object-\[72\%_center\] {
		object-position: 72% center;
	}

	.object-\[87\%_center\] {
		object-position: 87% center;
	}

	.p-2\.5 {
		padding: calc(var(--spacing) * 2.5);
	}

	.p-5 {
		padding: calc(var(--spacing) * 5);
	}

	.px-1\.5 {
		padding-inline: calc(var(--spacing) * 1.5);
	}

	.px-3 {
		padding-inline: calc(var(--spacing) * 3);
	}

	.px-5 {
		padding-inline: calc(var(--spacing) * 5);
	}

	.px-6 {
		padding-inline: calc(var(--spacing) * 6);
	}

	.py-1 {
		padding-block: var(--spacing);
	}

	.py-1\.5 {
		padding-block: calc(var(--spacing) * 1.5);
	}

	.py-3 {
		padding-block: calc(var(--spacing) * 3);
	}

	.py-4 {
		padding-block: calc(var(--spacing) * 4);
	}

	.py-6 {
		padding-block: calc(var(--spacing) * 6);
	}

	.py-8 {
		padding-block: calc(var(--spacing) * 8);
	}

	.py-20 {
		padding-block: calc(var(--spacing) * 20);
	}

	.pt-0 {
		padding-top: 0;
	}

	.pt-1 {
		padding-top: var(--spacing);
	}

	.pt-3 {
		padding-top: calc(var(--spacing) * 3);
	}

	.pt-5 {
		padding-top: calc(var(--spacing) * 5);
	}

	.pt-6 {
		padding-top: calc(var(--spacing) * 6);
	}

	.pt-8 {
		padding-top: calc(var(--spacing) * 8);
	}

	.pt-10 {
		padding-top: calc(var(--spacing) * 10);
	}

	.pt-11 {
		padding-top: calc(var(--spacing) * 11);
	}

	.pt-15 {
		padding-top: calc(var(--spacing) * 15);
	}

	.pb-5 {
		padding-bottom: calc(var(--spacing) * 5);
	}

	.pb-8 {
		padding-bottom: calc(var(--spacing) * 8);
	}

	.pb-12 {
		padding-bottom: calc(var(--spacing) * 12);
	}

	.pb-17\.5 {
		padding-bottom: calc(var(--spacing) * 17.5);
	}

	.pl-4 {
		padding-left: calc(var(--spacing) * 4);
	}

	.pl-7 {
		padding-left: calc(var(--spacing) * 7);
	}

	.pl-\[1em\] {
		padding-left: 1em;
	}

	.text-center {
		text-align: center;
	}

	.text-left {
		text-align: left;
	}

	.-indent-4 {
		text-indent: calc(var(--spacing) * -4);
	}

	.font-din {
		font-family: var(--font-din);
	}

	.font-sans {
		font-family: var(--font-sans);
	}

	.text-2xl {
		font-size: var(--text-2xl);
		line-height: var(--tw-leading, var(--text-2xl--line-height));
	}

	.text-3xl {
		font-size: var(--text-3xl);
		line-height: var(--tw-leading, var(--text-3xl--line-height));
	}

	.text-4xl {
		font-size: var(--text-4xl);
		line-height: var(--tw-leading, var(--text-4xl--line-height));
	}

	.text-5xl {
		font-size: var(--text-5xl);
		line-height: var(--tw-leading, var(--text-5xl--line-height));
	}

	.text-base {
		font-size: var(--text-base);
		line-height: var(--tw-leading, var(--text-base--line-height));
	}

	.text-lg {
		font-size: var(--text-lg);
		line-height: var(--tw-leading, var(--text-lg--line-height));
	}

	.text-sm {
		font-size: var(--text-sm);
		line-height: var(--tw-leading, var(--text-sm--line-height));
	}

	.text-xl {
		font-size: var(--text-xl);
		line-height: var(--tw-leading, var(--text-xl--line-height));
	}

	.text-xs {
		font-size: var(--text-xs);
		line-height: var(--tw-leading, var(--text-xs--line-height));
	}

	.text-\[7px\] {
		font-size: 7px;
	}

	.text-\[10px\] {
		font-size: 10px;
	}

	.text-\[15px\] {
		font-size: 15px;
	}

	.text-\[22px\] {
		font-size: 22px;
	}

	.leading-loose {
		--tw-leading: var(--leading-loose);
		line-height: var(--leading-loose);
	}

	.leading-none {
		--tw-leading: 1;
		line-height: 1;
	}

	.leading-normal {
		--tw-leading: var(--leading-normal);
		line-height: var(--leading-normal);
	}

	.leading-relaxed {
		--tw-leading: var(--leading-relaxed);
		line-height: var(--leading-relaxed);
	}

	.leading-snug {
		--tw-leading: var(--leading-snug);
		line-height: var(--leading-snug);
	}

	.font-bold {
		--tw-font-weight: var(--font-weight-bold);
		font-weight: var(--font-weight-bold);
	}

	.font-normal {
		--tw-font-weight: var(--font-weight-normal);
		font-weight: var(--font-weight-normal);
	}

	.-tracking-\[0\.5px\] {
		--tw-tracking: calc(0.5px * -1);
		letter-spacing: -0.5px;
	}

	.tracking-\[-0\.5px\] {
		--tw-tracking: -0.5px;
		letter-spacing: -0.5px;
	}

	.tracking-\[-1px\] {
		--tw-tracking: -1px;
		letter-spacing: -1px;
	}

	.tracking-\[0\.5px\] {
		--tw-tracking: 0.5px;
		letter-spacing: 0.5px;
	}

	.tracking-\[1\.5px\] {
		--tw-tracking: 1.5px;
		letter-spacing: 1.5px;
	}

	.text-accent {
		color: var(--color-accent);
	}

	.text-black {
		color: var(--color-black);
	}

	.text-brand {
		color: var(--color-brand);
	}

	.text-neutral-600 {
		color: var(--color-neutral-600);
	}

	.text-white {
		color: var(--color-white);
	}

	.transition-colors {
		transition-property:
			color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from,
			--tw-gradient-via, --tw-gradient-to;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.duration-300 {
		--tw-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.\[writing-mode\:vertical-rl\] {
		writing-mode: vertical-rl;
	}

	.din-medium {
		-webkit-text-stroke: 0.035em currentColor;
	}

	.not-first\:bg-\[url\(\/recruit\/images\/info-separator\.svg\)\]:not(:first-child) {
		background-image: url("/recruit/images/info-separator.svg");
	}

	.not-first\:pl-6:not(:first-child) {
		padding-left: calc(var(--spacing) * 6);
	}

	.group-data-menu-open\:block:is(:where(.group)[data-menu-open] *) {
		display: block;
	}

	.group-data-menu-open\:bg-neutral-500:is(:where(.group)[data-menu-open] *) {
		background-color: var(--color-neutral-500);
	}

	.group-data-menu-open\:bg-transparent:is(:where(.group)[data-menu-open] *) {
		background-color: #0000;
	}

	.before\:absolute:before {
		content: var(--tw-content);
		position: absolute;
	}

	.before\:-top-\[4\.5px\]:before {
		content: var(--tw-content);
		top: -4.5px;
	}

	.before\:-top-\[5\.5px\]:before {
		content: var(--tw-content);
		top: -5.5px;
	}

	.before\:top-3:before {
		content: var(--tw-content);
		top: calc(var(--spacing) * 3);
	}

	.before\:-left-2:before {
		content: var(--tw-content);
		left: calc(var(--spacing) * -2);
	}

	.before\:left-0:before {
		content: var(--tw-content);
		left: 0;
	}

	.before\:size-4:before {
		content: var(--tw-content);
		width: calc(var(--spacing) * 4);
		height: calc(var(--spacing) * 4);
	}

	.before\:h-\[1\.5px\]:before {
		content: var(--tw-content);
		height: 1.5px;
	}

	.before\:h-px:before {
		content: var(--tw-content);
		height: 1px;
	}

	.before\:w-full:before {
		content: var(--tw-content);
		width: 100%;
	}

	.before\:rounded-full:before {
		content: var(--tw-content);
		border-radius: 3.40282e38px;
	}

	.before\:bg-black:before {
		content: var(--tw-content);
		background-color: var(--color-black);
	}

	.before\:bg-white:before {
		content: var(--tw-content);
		background-color: var(--color-white);
	}

	.before\:transition-all:before {
		content: var(--tw-content);
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.before\:duration-300:before {
		content: var(--tw-content);
		--tw-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.before\:content-\[\'●\'\]:before {
		--tw-content: "●";
		content: var(--tw-content);
	}

	.before\:content-\[\'・\'\]:before {
		--tw-content: "・";
		content: var(--tw-content);
	}

	.group-data-menu-open\:before\:top-0:is(:where(.group)[data-menu-open] *):before {
		content: var(--tw-content);
		top: 0;
	}

	.group-data-menu-open\:before\:-left-0\.5:is(:where(.group)[data-menu-open] *):before {
		content: var(--tw-content);
		left: calc(var(--spacing) * -0.5);
	}

	.group-data-menu-open\:before\:w-5\.5:is(:where(.group)[data-menu-open] *):before {
		content: var(--tw-content);
		width: calc(var(--spacing) * 5.5);
	}

	.group-data-menu-open\:before\:rotate-35:is(:where(.group)[data-menu-open] *):before {
		content: var(--tw-content);
		rotate: 35deg;
	}

	.group-data-menu-open\:before\:rotate-45:is(:where(.group)[data-menu-open] *):before {
		content: var(--tw-content);
		rotate: 45deg;
	}

	.after\:absolute:after {
		content: var(--tw-content);
		position: absolute;
	}

	.after\:inset-y-0:after {
		content: var(--tw-content);
		inset-block: 0;
	}

	.after\:top-\[4\.5px\]:after {
		content: var(--tw-content);
		top: 4.5px;
	}

	.after\:top-\[5\.5px\]:after {
		content: var(--tw-content);
		top: 5.5px;
	}

	.after\:-left-px:after {
		content: var(--tw-content);
		left: -1px;
	}

	.after\:left-0:after {
		content: var(--tw-content);
		left: 0;
	}

	.after\:ml-auto:after {
		content: var(--tw-content);
		margin-left: auto;
	}

	.after\:h-2\.5:after {
		content: var(--tw-content);
		height: calc(var(--spacing) * 2.5);
	}

	.after\:h-\[1\.5px\]:after {
		content: var(--tw-content);
		height: 1.5px;
	}

	.after\:h-px:after {
		content: var(--tw-content);
		height: 1px;
	}

	.after\:w-\[43px\]:after {
		content: var(--tw-content);
		width: 43px;
	}

	.after\:w-full:after {
		content: var(--tw-content);
		width: 100%;
	}

	.after\:w-px:after {
		content: var(--tw-content);
		width: 1px;
	}

	.after\:rounded-full:after {
		content: var(--tw-content);
		border-radius: 3.40282e38px;
	}

	.after\:bg-black:after {
		content: var(--tw-content);
		background-color: var(--color-black);
	}

	.after\:bg-white:after {
		content: var(--tw-content);
		background-color: var(--color-white);
	}

	.after\:bg-\[url\(\/recruit\/images\/arrow\.svg\)\]:after {
		content: var(--tw-content);
		background-image: url("/recruit/images/arrow.svg");
	}

	.after\:bg-contain:after {
		content: var(--tw-content);
		background-size: contain;
	}

	.after\:bg-no-repeat:after {
		content: var(--tw-content);
		background-repeat: no-repeat;
	}

	.after\:transition-all:after {
		content: var(--tw-content);
		transition-property: all;
		transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
		transition-duration: var(--tw-duration, var(--default-transition-duration));
	}

	.after\:duration-300:after {
		content: var(--tw-content);
		--tw-duration: 0.3s;
		transition-duration: 0.3s;
	}

	.group-data-menu-open\:after\:top-0:is(:where(.group)[data-menu-open] *):after {
		content: var(--tw-content);
		top: 0;
	}

	.group-data-menu-open\:after\:-left-0\.5:is(:where(.group)[data-menu-open] *):after {
		content: var(--tw-content);
		left: calc(var(--spacing) * -0.5);
	}

	.group-data-menu-open\:after\:w-5\.5:is(:where(.group)[data-menu-open] *):after {
		content: var(--tw-content);
		width: calc(var(--spacing) * 5.5);
	}

	.group-data-menu-open\:after\:-rotate-35:is(:where(.group)[data-menu-open] *):after {
		content: var(--tw-content);
		rotate: -35deg;
	}

	.group-data-menu-open\:after\:-rotate-45:is(:where(.group)[data-menu-open] *):after {
		content: var(--tw-content);
		rotate: -45deg;
	}

	.first\:after\:top-5:first-child:after {
		content: var(--tw-content);
		top: calc(var(--spacing) * 5);
	}

	.last\:mb-0:last-child {
		margin-bottom: 0;
	}

	.last\:border-0:last-child {
		border-style: var(--tw-border-style);
		border-width: 0;
	}

	.last\:pb-0:last-child {
		padding-bottom: 0;
	}

	.data-menu-open\:bg-surface[data-menu-open] {
		background-color: var(--color-surface);
	}

	@media not all and (min-width: 48rem) {
		.max-md\:w-11 {
			width: calc(var(--spacing) * 11);
		}

		.max-md\:w-11\.5 {
			width: calc(var(--spacing) * 11.5);
		}

		.max-md\:w-14 {
			width: calc(var(--spacing) * 14);
		}

		.max-md\:w-20 {
			width: calc(var(--spacing) * 20);
		}

		.max-md\:w-24 {
			width: calc(var(--spacing) * 24);
		}

		.max-md\:nth-4\:bg-none:nth-child(4) {
			background-image: none;
		}

		.max-md\:nth-4\:pl-0:nth-child(4) {
			padding-left: 0;
		}
	}

	@media (min-width: 48rem) {
		.md\:absolute {
			position: absolute;
		}

		.md\:relative {
			position: relative;
		}

		.md\:static {
			position: static;
		}

		.md\:inset-x-0 {
			inset-inline: 0;
		}

		.md\:-top-22 {
			top: calc(var(--spacing) * -22);
		}

		.md\:top-0 {
			top: 0;
		}

		.md\:top-14 {
			top: calc(var(--spacing) * 14);
		}

		.md\:right-auto {
			right: auto;
		}

		.md\:left-42 {
			left: calc(var(--spacing) * 42);
		}

		.md\:col-start-2 {
			grid-column-start: 2;
		}

		.md\:row-span-6 {
			grid-row: span 6 / span 6;
		}

		.md\:row-span-7 {
			grid-row: span 7 / span 7;
		}

		.md\:mx-0 {
			margin-inline: 0;
		}

		.md\:mt-0 {
			margin-top: 0;
		}

		.md\:mt-1 {
			margin-top: var(--spacing);
		}

		.md\:mt-2 {
			margin-top: calc(var(--spacing) * 2);
		}

		.md\:mt-3 {
			margin-top: calc(var(--spacing) * 3);
		}

		.md\:mt-15 {
			margin-top: calc(var(--spacing) * 15);
		}

		.md\:mt-\[30px\] {
			margin-top: 30px;
		}

		.md\:mt-\[43px\] {
			margin-top: 43px;
		}

		.md\:mr-4 {
			margin-right: calc(var(--spacing) * 4);
		}

		.md\:mr-12 {
			margin-right: calc(var(--spacing) * 12);
		}

		.md\:mb-0 {
			margin-bottom: 0;
		}

		.md\:mb-1 {
			margin-bottom: var(--spacing);
		}

		.md\:mb-2\.5 {
			margin-bottom: calc(var(--spacing) * 2.5);
		}

		.md\:mb-4 {
			margin-bottom: calc(var(--spacing) * 4);
		}

		.md\:mb-10 {
			margin-bottom: calc(var(--spacing) * 10);
		}

		.md\:mb-12 {
			margin-bottom: calc(var(--spacing) * 12);
		}

		.md\:mb-20 {
			margin-bottom: calc(var(--spacing) * 20);
		}

		.md\:mb-23 {
			margin-bottom: calc(var(--spacing) * 23);
		}

		.md\:mb-26 {
			margin-bottom: calc(var(--spacing) * 26);
		}

		.md\:mb-27 {
			margin-bottom: calc(var(--spacing) * 27);
		}

		.md\:mb-30 {
			margin-bottom: calc(var(--spacing) * 30);
		}

		.md\:mb-34 {
			margin-bottom: calc(var(--spacing) * 34);
		}

		.md\:mb-\[15px\] {
			margin-bottom: 15px;
		}

		.md\:block {
			display: block;
		}

		.md\:flex {
			display: flex;
		}

		.md\:grid {
			display: grid;
		}

		.md\:hidden {
			display: none;
		}

		.md\:inline {
			display: inline;
		}

		.md\:aspect-auto {
			aspect-ratio: auto;
		}

		.md\:h-32\.5 {
			height: calc(var(--spacing) * 32.5);
		}

		.md\:h-auto {
			height: auto;
		}

		.md\:max-h-\[calc\(100svh-130px\)\] {
			max-height: calc(100svh - 130px);
		}

		.md\:min-h-20 {
			min-height: calc(var(--spacing) * 20);
		}

		.md\:min-h-95 {
			min-height: calc(var(--spacing) * 95);
		}

		.md\:min-h-155 {
			min-height: calc(var(--spacing) * 155);
		}

		.md\:w-34 {
			width: calc(var(--spacing) * 34);
		}

		.md\:w-45 {
			width: calc(var(--spacing) * 45);
		}

		.md\:w-50 {
			width: calc(var(--spacing) * 50);
		}

		.md\:w-77 {
			width: calc(var(--spacing) * 77);
		}

		.md\:w-\[586px\] {
			width: 586px;
		}

		.md\:w-\[1100px\] {
			width: 1100px;
		}

		.md\:w-auto {
			width: auto;
		}

		.md\:max-w-\[45\%\] {
			max-width: 45%;
		}

		.md\:max-w-none {
			max-width: none;
		}

		.md\:max-w-none\! {
			max-width: none !important;
		}

		.md\:flex-1 {
			flex: 1;
		}

		.md\:shrink-0 {
			flex-shrink: 0;
		}

		.md\:basis-full {
			flex-basis: 100%;
		}

		.md\:-translate-x-1 {
			--tw-translate-x: calc(var(--spacing) * -1);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}

		.md\:-translate-y-1 {
			--tw-translate-y: calc(var(--spacing) * -1);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}

		.md\:translate-y-2 {
			--tw-translate-y: calc(var(--spacing) * 2);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}

		.md\:scale-100 {
			--tw-scale-x: 100%;
			--tw-scale-y: 100%;
			--tw-scale-z: 100%;
			scale: var(--tw-scale-x) var(--tw-scale-y);
		}

		.md\:grid-cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}

		.md\:grid-cols-4 {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}

		.md\:grid-cols-\[1\.66fr_1fr_1\.04fr\] {
			grid-template-columns: 1.66fr 1fr 1.04fr;
		}

		.md\:grid-cols-\[1fr_auto_8fr\] {
			grid-template-columns: 1fr auto 8fr;
		}

		.md\:grid-rows-subgrid {
			grid-template-rows: subgrid;
		}

		.md\:flex-row {
			flex-direction: row;
		}

		.md\:flex-wrap {
			flex-wrap: wrap;
		}

		.md\:items-center {
			align-items: center;
		}

		.md\:items-end {
			align-items: flex-end;
		}

		.md\:gap-3 {
			gap: calc(var(--spacing) * 3);
		}

		.md\:gap-4 {
			gap: calc(var(--spacing) * 4);
		}

		.md\:gap-8 {
			gap: calc(var(--spacing) * 8);
		}

		.md\:gap-9 {
			gap: calc(var(--spacing) * 9);
		}

		.md\:gap-12 {
			gap: calc(var(--spacing) * 12);
		}

		.md\:gap-12\.5 {
			gap: calc(var(--spacing) * 12.5);
		}

		.md\:gap-25 {
			gap: calc(var(--spacing) * 25);
		}

		.md\:gap-\[7px\] {
			gap: 7px;
		}

		.md\:gap-x-6\.5 {
			column-gap: calc(var(--spacing) * 6.5);
		}

		.md\:gap-x-8 {
			column-gap: calc(var(--spacing) * 8);
		}

		.md\:gap-x-25 {
			column-gap: calc(var(--spacing) * 25);
		}

		.md\:gap-y-0 {
			row-gap: 0;
		}

		.md\:overflow-visible {
			overflow: visible;
		}

		.md\:bg-transparent {
			background-color: #0000;
		}

		.md\:bg-cover {
			background-size: cover;
		}

		.md\:bg-size-\[18px_80px\] {
			background-size: 18px 80px;
		}

		.md\:bg-center {
			background-position: center;
		}

		.md\:bg-position-\[center_71\%\] {
			background-position: 50% 71%;
		}

		.md\:p-10 {
			padding: calc(var(--spacing) * 10);
		}

		.md\:px-0 {
			padding-inline: 0;
		}

		.md\:px-0\! {
			padding-inline: 0 !important;
		}

		.md\:px-7\.5 {
			padding-inline: calc(var(--spacing) * 7.5);
		}

		.md\:px-10 {
			padding-inline: calc(var(--spacing) * 10);
		}

		.md\:py-0 {
			padding-block: 0;
		}

		.md\:py-5 {
			padding-block: calc(var(--spacing) * 5);
		}

		.md\:py-6 {
			padding-block: calc(var(--spacing) * 6);
		}

		.md\:pt-0 {
			padding-top: 0;
		}

		.md\:pt-7 {
			padding-top: calc(var(--spacing) * 7);
		}

		.md\:pt-9 {
			padding-top: calc(var(--spacing) * 9);
		}

		.md\:pt-10 {
			padding-top: calc(var(--spacing) * 10);
		}

		.md\:pt-12 {
			padding-top: calc(var(--spacing) * 12);
		}

		.md\:pt-35 {
			padding-top: calc(var(--spacing) * 35);
		}

		.md\:pt-\[33px\] {
			padding-top: 33px;
		}

		.md\:pr-0\! {
			padding-right: 0 !important;
		}

		.md\:pb-0 {
			padding-bottom: 0;
		}

		.md\:pb-10 {
			padding-bottom: calc(var(--spacing) * 10);
		}

		.md\:pb-\[23px\] {
			padding-bottom: 23px;
		}

		.md\:pl-4 {
			padding-left: calc(var(--spacing) * 4);
		}

		.md\:pl-5\! {
			padding-left: calc(var(--spacing) * 5) !important;
		}

		.md\:pl-8 {
			padding-left: calc(var(--spacing) * 8);
		}

		.md\:pl-\[6\.67\%\]\! {
			padding-left: 6.67% !important;
		}

		.md\:pl-\[clamp\(2\.5rem\,6\.67vw\,10rem\)\]\! {
			padding-left: clamp(2.5rem, 6.67vw, 10rem) !important;
		}

		.md\:text-left {
			text-align: left;
		}

		.md\:-indent-4 {
			text-indent: calc(var(--spacing) * -4);
		}

		.md\:text-2xl {
			font-size: var(--text-2xl);
			line-height: var(--tw-leading, var(--text-2xl--line-height));
		}

		.md\:text-3xl {
			font-size: var(--text-3xl);
			line-height: var(--tw-leading, var(--text-3xl--line-height));
		}

		.md\:text-4xl {
			font-size: var(--text-4xl);
			line-height: var(--tw-leading, var(--text-4xl--line-height));
		}

		.md\:text-5xl {
			font-size: var(--text-5xl);
			line-height: var(--tw-leading, var(--text-5xl--line-height));
		}

		.md\:text-6xl {
			font-size: var(--text-6xl);
			line-height: var(--tw-leading, var(--text-6xl--line-height));
		}

		.md\:text-base {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}

		.md\:text-\[19px\] {
			font-size: 19px;
		}

		.md\:text-\[20px\] {
			font-size: 20px;
		}

		.md\:text-\[22px\] {
			font-size: 22px;
		}

		.md\:text-\[23px\] {
			font-size: 23px;
		}

		.md\:text-\[24px\] {
			font-size: 24px;
		}

		.md\:text-\[25px\] {
			font-size: 25px;
		}

		.md\:text-\[28px\] {
			font-size: 28px;
		}

		.md\:text-\[30px\] {
			font-size: 30px;
		}

		.md\:text-\[32px\] {
			font-size: 32px;
		}

		.md\:text-\[35px\] {
			font-size: 35px;
		}

		.md\:text-\[40px\] {
			font-size: 40px;
		}

		.md\:text-\[43px\] {
			font-size: 43px;
		}

		.md\:leading-\[1\.2\] {
			--tw-leading: 1.2;
			line-height: 1.2;
		}

		.md\:leading-\[1\.9\] {
			--tw-leading: 1.9;
			line-height: 1.9;
		}

		.md\:leading-normal {
			--tw-leading: var(--leading-normal);
			line-height: var(--leading-normal);
		}

		.md\:leading-snug {
			--tw-leading: var(--leading-snug);
			line-height: var(--leading-snug);
		}

		.md\:tracking-\[0\.3px\] {
			--tw-tracking: 0.3px;
			letter-spacing: 0.3px;
		}

		.md\:tracking-\[1\.1px\] {
			--tw-tracking: 1.1px;
			letter-spacing: 1.1px;
		}

		.md\:tracking-\[1\.5px\] {
			--tw-tracking: 1.5px;
			letter-spacing: 1.5px;
		}

		.md\:tracking-\[1px\] {
			--tw-tracking: 1px;
			letter-spacing: 1px;
		}

		.md\:tracking-\[2\.2px\] {
			--tw-tracking: 2.2px;
			letter-spacing: 2.2px;
		}

		.md\:text-black {
			color: var(--color-black);
		}

		.md\:not-first\:pl-10:not(:first-child) {
			padding-left: calc(var(--spacing) * 10);
		}
	}

	@media (min-width: 64rem) {
		.lg\:mr-9 {
			margin-right: calc(var(--spacing) * 9);
		}

		.lg\:w-77\.5 {
			width: calc(var(--spacing) * 77.5);
		}

		.lg\:pl-16 {
			padding-left: calc(var(--spacing) * 16);
		}
	}

	@media (min-width: 72rem) {
		.gnav\:static {
			position: static;
		}

		.gnav\:mr-9 {
			margin-right: calc(var(--spacing) * 9);
		}

		.gnav\:block {
			display: block;
		}

		.gnav\:flex {
			display: flex;
		}

		.gnav\:hidden {
			display: none;
		}

		.gnav\:h-32\.5 {
			height: calc(var(--spacing) * 32.5);
		}

		.gnav\:w-77\.5 {
			width: calc(var(--spacing) * 77.5);
		}

		.gnav\:-translate-x-1 {
			--tw-translate-x: calc(var(--spacing) * -1);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}

		.gnav\:-translate-y-1 {
			--tw-translate-y: calc(var(--spacing) * -1);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}

		.gnav\:translate-y-2 {
			--tw-translate-y: calc(var(--spacing) * 2);
			translate: var(--tw-translate-x) var(--tw-translate-y);
		}

		.gnav\:flex-row {
			flex-direction: row;
		}

		.gnav\:gap-8 {
			gap: calc(var(--spacing) * 8);
		}

		.gnav\:bg-transparent {
			background-color: #0000;
		}

		.gnav\:bg-white {
			background-color: var(--color-white);
		}

		.gnav\:py-0 {
			padding-block: 0;
		}

		.gnav\:pb-0 {
			padding-bottom: 0;
		}

		.gnav\:pl-16 {
			padding-left: calc(var(--spacing) * 16);
		}

		.gnav\:text-base {
			font-size: var(--text-base);
			line-height: var(--tw-leading, var(--text-base--line-height));
		}

		.gnav\:text-\[30px\] {
			font-size: 30px;
		}

		.gnav\:tracking-\[0\.3px\] {
			--tw-tracking: 0.3px;
			letter-spacing: 0.3px;
		}

		.gnav\:text-black {
			color: var(--color-black);
		}
	}
}

@font-face {
	font-family: D-DIN Condensed;
	src: url("/recruit/fonts/D-DINCondensed-webfont.woff") format("woff");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: D-DIN Condensed;
	src: url("/recruit/fonts/D-DINCondensed-Bold-webfont.woff") format("woff");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@property --tw-scale-x {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@property --tw-scale-y {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@property --tw-scale-z {
	syntax: "*";
	inherits: false;
	initial-value: 1;
}

@property --tw-border-style {
	syntax: "*";
	inherits: false;
	initial-value: solid;
}

@property --tw-leading {
	syntax: "*";
	inherits: false;
}

@property --tw-font-weight {
	syntax: "*";
	inherits: false;
}

@property --tw-tracking {
	syntax: "*";
	inherits: false;
}

@property --tw-duration {
	syntax: "*";
	inherits: false;
}

@property --tw-content {
	syntax: "*";
	inherits: false;
	initial-value: "";
}

@property --tw-translate-x {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@property --tw-translate-y {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}

@property --tw-translate-z {
	syntax: "*";
	inherits: false;
	initial-value: 0;
}