@charset "UTF-8";
/*!
    CSSファイルの直接の改変厳禁
    SCSSファイルからCSSファイルを生成してください
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap");
/* Reset
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, button,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

main, article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
	content: "";
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

:root {
	--ja-font: 'Noto Sans JP', sans-serif;
	--en-font: 'Outfit', sans-serif;
	--num-font: 'Outfit', sans-serif;
	--color--prim: var(--color--bl);
	--color--sec: var(--color--pl);
	--color--bl: #0072BC;
	--color--dk-bl: #070F26;
	--color--aq: #00CBE4;
	--color--pl: #C28BF5;
	--color--pk: #F98EE2;
	--color--bl-gr: #71D1CE;
	--color--lt-bl: #E6F2F9;
	--color--gr: #75CA4E;
	--color--lt-gr: #CCEDB1;
	--color--yl: #E1D749;
	--color--or: #FA7A00;
	--color--be: #F7F5F0;
	--color--wh: #FFF;
	--base-font-color: var(--color--dk-bl);
	--link-color: var(--color--sec);
	--link-hover-color: var(--link-color);
	--nav-link-hover-color: color-mix(in srgb, var(--link-color) 50%, white);
}

:root {
	--break-point: 1024px;
}

@media screen and (min-width: 1024px) {
	:root {
		--header-height: 100px;
		--extra-margin: 24px;
		--scroll-offset: calc(var(--header-height) + var(--extra-margin));
	}
}
@media screen and (max-width: 1023.98px) {
	:root {
		--header-height: 56px;
		--extra-margin: 24px;
		--scroll-offset: calc(var(--header-height) + var(--extra-margin));
	}
}
@media screen and (min-width: 1024px) {
	:root {
		--base-font-size: var(--font-size--16);
		--base-letter-spacing: 0.1em;
		--base-line-height: 2.2;
		--font-size--60: 6rem;
		--font-size--34: 3.4rem;
		--font-size--32: 3.2rem;
		--font-size--30: 3.0rem;
		--font-size--28: 2.8rem;
		--font-size--24: 2.4rem;
		--font-size--22: 2.2rem;
		--font-size--20: 2.0rem;
		--font-size--18: 1.8rem;
		--font-size--16: 1.6rem;
		--font-size--15: 1.5rem;
		--font-size--14: 1.4rem;
		--font-size--13: 1.3rem;
		--font-size--12: 1.2rem;
		--font-size--10: 1rem;
	}
}
@media screen and (max-width: 1023.98px) {
	:root {
		--base-font-size: var(--font-size--16);
		--base-letter-spacing: 0.05em;
		--base-line-height: 2;
		--font-size--60: 4rem;
		--font-size--34: 2.8rem;
		--font-size--32: 2.4rem;
		--font-size--30: 2.3rem;
		--font-size--28: 2.2rem;
		--font-size--24: 1.9rem;
		--font-size--22: 1.8rem;
		--font-size--20: 1.7rem;
		--font-size--18: 1.6rem;
		--font-size--16: 1.4rem;
		--font-size--15: 1.3rem;
		--font-size--14: 1.2rem;
		--font-size--13: 1.1rem;
		--font-size--12: 1rem;
		--font-size--10: 0.8rem;
	}
}
:root {
	--vw: 1vw;
}

@media screen and (min-width: 1024px) {
	:root {
		--content-width--s: min(calc(var(--vw) * 50), 660px);
		--content-width: min(calc(var(--vw) * 80), 1140px);
		--content-width--l: min(calc(var(--vw) * 87), 1360px);
		--content-width--xl: calc(var(--vw) * 94);
		--neg-margin--l: calc((var(--content-width--l) - var(--content-width)) / -2);
		--neg-margin--xl: calc((var(--content-width--xl) - var(--content-width)) / -2);
		--content-padding--s: calc((var(--vw) * 100 - var(--content-width)) / 2 + var(--content-width) - var(--content-width--s));
		--content-padding: calc((var(--vw) * 100 - var(--content-width)) / 2);
		--content-padding--l: calc((var(--vw) * 100 - var(--content-width--l)) / 2);
		--content-padding--xl: calc((var(--vw) * 100 - var(--content-width--xl)) / 2);
		--section-margin: 150px;
		--child-section-margin: 80px;
		--elem-gap--xl: 80px;
		--elem-gap--l: 60px;
		--elem-gap--m: 40px;
		--elem-gap--s: 30px;
		--elem-gap--xs: 20px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	:root {
		--content-width--s: min(calc(var(--vw) * 54), 660px);
		--content-width: min(calc(var(--vw) * 84), 1140px);
		--content-width--l: min(calc(var(--vw) * 90), 1360px);
		--content-width--xl: calc(var(--vw) * 94);
		--neg-margin--l: calc((var(--content-width--l) - var(--content-width)) / -2);
		--neg-margin--xl: calc((var(--content-width--xl) - var(--content-width)) / -2);
		--content-padding--s: calc((var(--vw) * 100 - var(--content-width)) / 2 + var(--content-width) - var(--content-width--s));
		--content-padding: calc((var(--vw) * 100 - var(--content-width)) / 2);
		--content-padding--l: calc((var(--vw) * 100 - var(--content-width--l)) / 2);
		--content-padding--xl: calc((var(--vw) * 100 - var(--content-width--xl)) / 2);
		--section-margin: 130px;
		--child-section-margin: 65px;
		--elem-gap--xl: 65px;
		--elem-gap--l: 45px;
		--elem-gap--m: 35px;
		--elem-gap--s: 25px;
		--elem-gap--xs: 15px;
	}
}
@media screen and (max-width: 1023.98px) {
	:root {
		--content-width--s: calc(var(--vw) * 85);
		--content-width: calc(var(--vw) * 85);
		--content-width--l: calc(var(--vw) * 90);
		--content-width--xl: calc(var(--vw) * 100 - 26px);
		--neg-margin--l: calc((var(--content-width--l) - var(--content-width)) / -2);
		--neg-margin--xl: calc((var(--content-width--xl) - var(--content-width)) / -2);
		--content-padding--s: calc((var(--vw) * 100 - var(--content-width)) / 2);
		--content-padding: calc((var(--vw) * 100 - var(--content-width)) / 2);
		--content-padding--l: calc((var(--vw) * 100 - var(--content-width--l)) / 2);
		--content-padding--xl: calc((var(--vw) * 100 - var(--content-width--xl)) / 2);
		--section-margin: 80px;
		--child-section-margin: 40px;
		--elem-gap--xl: 40px;
		--elem-gap--l: 30px;
		--elem-gap--m: 20px;
		--elem-gap--s: 15px;
		--elem-gap--xs: 10px;
	}
}
@media screen and (min-width: 1024px) {
	:root {
		--radius--s: 10px;
		--radius--m: 20px;
		--radius--l: 30px;
		--radius--xl: 50px;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	:root {
		--radius--s: 8px;
		--radius--m: 16px;
		--radius--l: 25px;
		--radius--xl: 40px;
	}
}
@media screen and (max-width: 1023.98px) {
	:root {
		--radius--s: 8px;
		--radius--m: 14px;
		--radius--l: 20px;
		--radius--xl: 30px;
	}
}
/* Fonts
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
:lang(ja) {
	font-family: var(--ja-font);
}

:lang(en) {
	font-family: var(--en-font);
	letter-spacing: 0;
	/*font-variant-ligatures: none;*/
}

html {
	font-size: 62.5%;
	scrollbar-gutter: stable;
}

body {
	font-size: var(--base-font-size);
	line-height: var(--base-line-height);
	font-weight: 400;
	color: var(--base-font-color);
	letter-spacing: var(--base-letter-spacing);
	-webkit-font-feature-settings: "palt";
	        font-feature-settings: "palt";
	overflow-wrap: anywhere;
	word-break: normal;
	line-break: strict;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-osx-font-smoothing: unset;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	body {
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}

/* common
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html {
	height: 100%;
}

body {
	position: relative;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

p, ul, ol, dl {
	margin-block: 0 var(--elem-gap--s);
}

h1, h2, h3, h4, h5 {
	line-height: 1.5;
	margin-block: 0 var(--elem-gap--s);
	font-size: var(--font-size--24);
	font-weight: 500;
	letter-spacing: 0.1em;
}

li {
	margin-inline: 2.2em 0;
}

ul:not([class]), ol:not([class]) {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 0.5em 0;
}
ul:not([class]) ul, ul:not([class]) ol, ol:not([class]) ul, ol:not([class]) ol {
	margin-block: 0.5em;
}

ul {
	list-style: disc;
}
ul ul {
	list-style: circle;
}
ul.no-style {
	list-style: none;
}
ul.no-style > li {
	margin-inline: 0;
}

ol {
	list-style: decimal;
}
ol:not([class]) ol {
	counter-reset: number-child-list;
	margin-block: 0.5em;
}
ol:not([class]) ol > li {
	counter-increment: number-child-list;
	list-style: none;
	margin-left: 2.5em;
}
ol:not([class]) ol > li::before {
	content: "(" counter(number-child-list) ")";
	width: 2.5em;
	display: inline-block;
	margin-left: -2.5em;
}
ol.parentheses {
	counter-reset: parentheses-list;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 0.5em 0;
}
ol.parentheses > li {
	counter-increment: parentheses-list;
	-webkit-margin-start: 2.5em;
	        margin-inline-start: 2.5em;
	list-style: none;
}
ol.parentheses > li::before {
	content: "(" counter(parentheses-list) ")";
	width: 2.5em;
	display: inline-block;
	-webkit-margin-start: -2.5em;
	        margin-inline-start: -2.5em;
}
ol.parentheses ol {
	list-style: katakana;
	margin-block: 0.5em;
}

.hidden {
	display: none;
}

table {
	border-collapse: collapse;
	line-height: 1.8;
}
table th, table td {
	padding: 8px 16px;
	text-align: left;
	vertical-align: middle;
}
table th p, table th ul, table th ol, table th dl, table td p, table td ul, table td ol, table td dl {
	margin-block: 0 8px;
}
table th :not(input):not(select):not(textarea):not(span):last-child, table td :not(input):not(select):not(textarea):not(span):last-child {
	-webkit-margin-after: 0 !important;
	        margin-block-end: 0 !important;
}
table caption {
	font-weight: bold;
	text-align: left;
}

hr {
	display: none;
}

img {
	max-width: 100%;
	height: auto;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	border: none;
	vertical-align: bottom;
}

i {
	font-style: normal;
}

em {
	font-style: normal;
	font-weight: 700;
}

strong {
	font-weight: 700;
	color: var(--color--rd);
}

sup {
	vertical-align: top;
	line-height: 1.8;
	font-size: max(40%, 1.1rem);
}

sub {
	vertical-align: baseline;
	line-height: 1.8;
	font-size: max(40%, 1.1rem);
}

ins {
	color: #C00;
}

a {
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	color: var(--base-font-color);
	text-decoration: none;
}
@media (hover: hover) {
	a:where(:-moz-any-link, :enabled, summary):hover {
		color: var(--link-hover-color);
	}
	a:where(:any-link, :enabled, summary):hover {
		color: var(--link-hover-color);
	}
}
a:hover span {
	cursor: pointer;
}
a.inactive, .inactive a {
	cursor: default;
	pointer-events: none;
}
a:not([class]) {
	text-decoration: underline;
	color: var(--link-color);
	font-weight: 500;
}
@media (hover: hover) {
	a:not([class]):where(:-moz-any-link, :enabled, summary):hover {
		color: var(--link-hover-color);
	}
	a:not([class]):where(:any-link, :enabled, summary):hover {
		color: var(--link-hover-color);
	}
}
a:not([class]) {
	/* &[href$=".pdf"] {
		&::after {
			content: " (PDF)";
			font-size: 1.2rem;
		}
	}
	&[href$=".xlsx"] {
		&::after {
			content: " (Excel)";
			font-size: 1.2rem;
		}
	}
	&[href$=".pptx"] {
		&::after {
			content: " (PowerPoint)";
			font-size: 1.2rem;
		}
	}
	&[href$=".doc"] {
		&::after {
			content: " (Word)";
			font-size: 1.2rem;
		}
	} */
}
@media screen and (min-width: 1024px) {
	a[href^="tel:"] {
		color: var(--base-font-color);
		text-decoration: none;
		pointer-events: none;
	}
}

input,
select,
textarea,
button {
	font-family: var(--ja-font);
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	margin: 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 0;
	background: transparent;
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	font-size: var(--base-font-size);
	font-weight: 500;
	line-height: 1.8;
	overflow: visible;
}

@media screen and (max-width: 1023.98px) {
	input, textarea {
		font-size: 1.6rem;
	}
}

select,
input[type=submit],
button {
	cursor: pointer;
}

figcaption {
	text-align: left;
}

summary {
	display: block;
	cursor: pointer;
}

summary::-webkit-details-marker {
	display: none;
}

.italic {
	font-style: italic;
}

.note {
	font-size: 1.4rem;
	line-height: 1.8;
}
.note--s {
	font-size: 1.2rem;
}

.flow-root {
	display: flow-root;
}

.float-right,
.float-right-image {
	float: right;
}

.float-right-image {
	margin-inline: var(--elem-gap--l) 0;
	max-width: 60%;
}

.float-left,
.float-left-image {
	float: left;
}

.float-left-image {
	margin-inline: var(--elem-gap--l) 0;
	max-width: 60%;
}

.float-clear {
	clear: both;
}

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

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

.flex-end {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.flex-center {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
}

:focus-visible {
	outline: 2px dotted var(--color--pl);
	outline-offset: -1px;
}

[class$=-number],
[class$=-count] {
	font-family: var(--num-font);
}

@media screen and (max-width: 1023.98px) {
	table th, table td {
		padding: 8px 5px;
		width: auto;
	}
	.note {
		font-size: 1.1rem;
	}
	.float-right,
	.float-right-image,
	.float-left,
	.float-left-image {
		float: none;
	}
	.float-right-image,
	.float-left-image {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-inline: auto;
	}
}
@media screen and (min-width: 1024px) {
	.mob-only {
		display: none;
	}
}
@media screen and (max-width: 1023.98px) {
	.pc-only {
		display: none !important;
	}
	.mob-only {
		display: block;
	}
	br.mob-only {
		display: inline;
	}
}
.wrapper {
	overflow: clip;
}

.contents {
	position: relative;
	z-index: 2;
	min-height: -webkit-fill-available;
	min-height: -moz-available;
	min-height: stretch;
	padding-block: 150px var(--section-margin);
	padding-inline: var(--content-padding);
}
@media screen and (max-width: 1023.98px) {
	.contents {
		padding-block: var(--header-height) var(--section-margin);
	}
}

.arrow-icon {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	vertical-align: middle;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 60px;
	height: 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	border-radius: var(--radius--l);
	margin-inline: auto 0;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(90deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
}
.arrow-icon::before {
	content: "";
	display: block;
	width: 17px;
	height: 8px;
	background-color: var(--color--wh);
	-webkit-mask-image: url(../images/icn_arrow.svg);
	        mask-image: url(../images/icn_arrow.svg);
	-webkit-mask-size: contain;
	        mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-margin-start: 7%;
	        margin-inline-start: 7%;
}
.arrow-icon {
	/* [target="_blank"] &::before {
		rotate: -45deg;
	} */
}
.arrow-icon--down {
	rotate: 90deg;
}
@media screen and (max-width: 1023.98px) {
	.arrow-icon {
		width: 40px;
		height: 26px;
	}
	.arrow-icon::before {
		width: 15px;
		height: 7px;
	}
}
.arrow-icon--s {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	background: none;
}

.down-arrow-icon {
	margin-inline: auto;
	display: block;
	-webkit-mask: url(../images/icn_down-arrow.svg) no-repeat center/contain;
	        mask: url(../images/icn_down-arrow.svg) no-repeat center/contain;
	width: 61px;
	height: 42px;
	background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(0deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
}
@media screen and (max-width: 1023.98px) {
	.down-arrow-icon {
		width: 50px;
		height: 35px;
	}
}

.plus-icon, .toggle-icon {
	position: relative;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	margin: 0 0 0 auto;
	background: var(--color--wh);
	border-radius: 50%;
}
.plus-icon::before, .toggle-icon::before, .plus-icon::after, .toggle-icon::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-top: 2px solid;
	width: 14px;
	height: 0;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	color: var(--color--prim);
}
.plus-icon::after, .toggle-icon::after {
	rotate: 90deg;
}
@media screen and (max-width: 1023.98px) {
	.plus-icon, .toggle-icon {
		width: 30px;
		height: 30px;
	}
	.plus-icon::before, .toggle-icon::before, .plus-icon::after, .toggle-icon::after {
		width: 12px;
	}
}

.toggle-icon::before {
	border-top: none;
	border-right: 2px solid;
	border-bottom: 2px solid;
	width: 10px;
	height: 10px;
	rotate: 45deg;
	translate: 0 -20%;
}
.toggle-icon::after {
	display: none;
}

.image, .president-qa-modal-image, .workplace-image, .initiative-opportunity-image, .one-week-profile-image, .one-week-modal-image, .relay-profile-image,
.diagram {
	width: 100%;
	height: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: var(--radius--xl);
}
.image[src$=".svg"], [src$=".svg"].president-qa-modal-image, [src$=".svg"].workplace-image, [src$=".svg"].initiative-opportunity-image, [src$=".svg"].one-week-profile-image, [src$=".svg"].one-week-modal-image, [src$=".svg"].relay-profile-image,
.diagram[src$=".svg"] {
	width: auto;
	max-width: 100%;
}
.image-caption,
.diagram-caption {
	margin-block: var(--elem-gap--s) 0;
}
.image-wrapper,
.diagram-wrapper {
	text-align: center;
	margin-block: var(--elem-gap--xl);
}
.image-wrapper:first-child,
.diagram-wrapper:first-child {
	-webkit-margin-before: 0;
	        margin-block-start: 0;
}
.image-wrapper:last-child,
.diagram-wrapper:last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}

.diagram {
	width: auto;
	max-width: 100%;
	border-radius: 0;
}

.no-round {
	border-radius: 0 !important;
}

.thumbnail, .relay-nav-thumbnail {
	max-width: none;
	width: 100%;
	height: auto;
	-webkit-transition: -webkit-transform 0.4s ease;
	transition: -webkit-transform 0.4s ease;
	transition: transform 0.4s ease;
	transition: transform 0.4s ease, -webkit-transform 0.4s ease;
}
.thumbnail-wrapper {
	overflow: hidden;
}
@media (hover: hover) {
	a:where(:-moz-any-link, :enabled, summary):hover .thumbnail, a:where(:-moz-any-link, :enabled, summary):hover .relay-nav-thumbnail {
		transform: scale(1.05);
	}
	a:where(:any-link, :enabled, summary):hover .thumbnail, a:where(:any-link, :enabled, summary):hover .relay-nav-thumbnail {
		-webkit-transform: scale(1.05);
		        transform: scale(1.05);
	}
}

.video {
	aspect-ratio: 16/9;
	width: 100%;
	height: auto;
	border-radius: var(--radius--m);
}

.dash {
	letter-spacing: 0;
	white-space: nowrap;
}

.modal {
	position: fixed;
	z-index: 200;
	display: none;
	margin: 0;
	padding: 0;
	inset: 0;
	width: 100vw;
	height: 100vh;
	max-width: none;
	max-height: none;
	border: none;
	background: transparent;
}
.modal[open] {
	display: block;
}
body:has(.modal.is-opened) {
	overflow: hidden;
}
.modal::-ms-backdrop {
	background-image: linear-gradient(135deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	opacity: 0;
	-ms-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.modal::backdrop {
	background-image: linear-gradient(135deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	opacity: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
.kosen .modal::-ms-backdrop {
	background-image: linear-gradient(135deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.kosen .modal::backdrop {
	background-image: linear-gradient(135deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.modal.is-opened::-ms-backdrop {
	opacity: 0.9;
}
.modal.is-opened::backdrop {
	opacity: 0.9;
}
.modal.no-backdrop-transition::-ms-backdrop {
	-ms-transition: none !important;
	transition: none !important;
}
.modal.no-backdrop-transition::backdrop {
	-webkit-transition: none !important;
	transition: none !important;
}
.modal-container {
	position: fixed;
	z-index: 200;
	inset: 0;
	margin: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	opacity: 0;
	scale: 0.9;
	-webkit-transition: opacity 0.4s, scale 0.4s;
	transition: opacity 0.4s, scale 0.4s;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.is-opened .modal-container {
	opacity: 1;
	scale: 1;
}
.modal.no-transition::-ms-backdrop {
	-ms-transition: none !important;
	transition: none !important;
}
.modal.no-transition, .modal.no-transition::backdrop, .modal.no-transition .modal-close-button {
	-webkit-transition: none !important;
	transition: none !important;
}
.modal-content {
	padding: var(--elem-gap--l);
	overflow-y: auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: var(--color--wh);
	width: min(var(--vw) * 80, 900px);
	max-height: calc(100svh - var(--elem-gap--l) * 2);
}
.modal-content > :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.modal-close-button {
	position: fixed;
	z-index: 200;
	inset: 30px 30px auto auto;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	width: 50px;
	height: 50px;
	border-radius: var(--radius--s);
}
.modal-close-button-label {
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
}
.modal-close-button::before, .modal-close-button::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	border-top: 2px solid var(--color--wh);
	width: 50px;
	height: 0;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	rotate: -45deg;
}
.modal-close-button::after {
	rotate: 45deg;
}
.modal-close-button {
	scale: 0;
	-webkit-transition: scale 0.4s ease;
	transition: scale 0.4s ease;
}
.is-opened .modal-close-button {
	scale: 1;
}
.modal-nav {
	position: fixed;
	inset: 0;
	margin: auto;
	width: var(--content-width);
	height: 0;
}
.modal-nav-button {
	position: absolute;
	margin-block: auto;
	display: -ms-grid;
	display: grid;
	place-items: center;
	width: 50px;
	height: 50px;
}
.modal-nav-button-label {
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	white-space: nowrap;
}
.modal-prev-button {
	translate: -50% -50%;
	scale: -1 1;
}
.modal-next-button {
	right: 0;
	translate: 50% -50%;
}
@media screen and (max-width: 1023.98px) {
	.modal-overlay {
		padding-block: 60px;
	}
	.modal-content {
		max-height: calc(100svh - var(--elem-gap--xl) * 2);
	}
	.modal-close-button {
		inset: 5px 5px auto auto;
		width: 40px;
		height: 40px;
	}
	.modal-close-button::before, .modal-close-button::after {
		width: 42px;
	}
	.modal-nav-button {
		width: 40px;
		height: 40px;
	}
}

.modal-arrow-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.modal-arrow-icon::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 25px;
	height: 25px;
	border-top: 2px solid var(--color--wh);
	border-right: 2px solid var(--color--wh);
	rotate: 45deg;
}
@media screen and (max-width: 1023.98px) {
	.modal-arrow-icon {
		width: 40px;
		height: 40px;
	}
	.modal-arrow-icon::before {
		width: 25px;
		height: 25px;
	}
}

.video-modal-content {
	width: auto;
	height: auto;
	padding: 0;
	background: transparent;
}
.video-modal-content .video {
	width: calc(var(--vw) * 70);
	max-width: 1000px;
	display: block;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.video-modal-content .video {
		width: calc(var(--vw) * 80);
	}
}
@media screen and (max-width: 1023.98px) {
	.video-modal-content .video {
		width: calc(var(--vw) * 90);
	}
}

.cookie-consent {
	position: fixed;
	z-index: 100;
	inset: auto 0 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: var(--color--wh);
	background: color-mix(in srgb, var(--color--dk-bl) 80%, transparent);
	backdrop-filter: blur(10px);
	visibility: hidden;
	-webkit-transform: translate(0, 100%);
	        transform: translate(0, 100%);
	-webkit-transition: 0.4s 0.2s ease;
	transition: 0.4s 0.2s ease;
}
.cookie-consent.is-visible {
	visibility: visible;
	-webkit-transform: translate(0, 0);
	        transform: translate(0, 0);
}
.cookie-consent-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 30px;
	width: var(--content-width--l);
	margin: 0 auto;
	padding: 20px 0;
}
.cookie-consent-description {
	font-size: var(--font-size--12);
	line-height: 1.8em;
	-webkit-box-flex: 2;
	    -ms-flex: 2 2 auto;
	        flex: 2 2 auto;
	margin: 0;
}
.cookie-consent-description a {
	color: var(--color--sec);
}
.kosen .cookie-consent-description a {
	color: var(--color--yl);
}
.cookie-consent-accept-button {
	width: 190px;
	height: 50px;
	margin: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
	background: var(--color--wh);
	font-size: var(--font-size--18);
	font-weight: 600;
	line-height: 1.6;
	color: var(--color--prim);
	border-radius: var(--radius--s);
	-webkit-transition: background-color 0.2s ease, color 0.2s ease;
	transition: background-color 0.2s ease, color 0.2s ease;
}
.kosen .cookie-consent-accept-button {
	color: var(--color--gr);
}
@media (hover: hover) {
	.cookie-consent-accept-button:where(:-moz-any-link, :enabled, summary):hover {
		color: var(--color--wh);
		background: var(--color--prim);
	}
	.cookie-consent-accept-button:where(:any-link, :enabled, summary):hover {
		color: var(--color--wh);
		background: var(--color--prim);
	}
	.kosen .cookie-consent-accept-button:where(:-moz-any-link, :enabled, summary):hover {
		background: var(--color--gr);
	}
	.kosen .cookie-consent-accept-button:where(:any-link, :enabled, summary):hover {
		background: var(--color--gr);
	}
}
.cookie-consent-close-button {
	text-indent: -100vw;
	overflow: hidden;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 15px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	border: none;
}
.cookie-consent-close-button::before, .cookie-consent-close-button::after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 30px;
	border-top: 1px solid;
	color: var(--color--wh);
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	        transform: translate(-50%, -50%) rotate(45deg);
}
.cookie-consent-close-button::after {
	-webkit-transform: translate(-50%, -50%) rotate(-45deg);
	        transform: translate(-50%, -50%) rotate(-45deg);
}
.cookie-consent-close-button:hover::before, .cookie-consent-close-button:hover::after {
	width: 40px;
}
@media screen and (max-width: 1023.98px) {
	.cookie-consent-inner {
		gap: 20px;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.cookie-consent-description {
		letter-spacing: 0;
		line-height: 1.6;
	}
	.cookie-consent-accept-button {
		width: 170px;
		height: 40px;
	}
	.cookie-consent-close-button {
		width: 20px;
		height: 20px;
		top: 7px;
		right: 10px;
	}
	.cookie-consent-close-button::before, .cookie-consent-close-button::after {
		width: 20px !important;
	}
}

.page-header {
	position: relative;
	margin-inline: calc(50% - var(--vw) * 50);
	padding-inline: calc(var(--vw) * 50 - 50%);
	background: var(--color--be);
	padding-bottom: var(--elem-gap--xl);
}
.page-header:has(.page-subtitle) {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr auto;
	grid-template-columns: 1fr auto;
}
.page-header:has(.page-subtitle) .page-title, .page-header:has(.page-subtitle) .page-category,
.page-header:has(.page-subtitle) .hero {
	-ms-grid-column-span: 2;
	grid-column: span 2;
}
.page-header:not(:has(.hero)), .page-header:not(:has(.lead)):not(:has(.page-subtitle)):not(:has(.interview-title)) {
	background: transparent;
}
.page-title, .page-category {
	position: relative;
	z-index: 2;
	color: var(--color--wh);
	padding-block: var(--elem-gap--xl) var(--elem-gap--m);
	text-align: right;
}
.page-title-ja {
	font-size: var(--font-size--30);
	line-height: 1.3;
	margin: 0 0 0.2em;
}
.page-title-ja small {
	font-size: 0.8em;
}
.page-title-ja:has(wbr) {
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.page-title-en {
	font-size: min(8.5vw, 12rem);
	font-weight: 300;
	line-height: 0.9;
	margin: 0;
}
.page-title::before, .page-category::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0 0 auto;
	height: 100%;
	padding-bottom: 24.1228070175%;
	margin-inline: calc(50% - var(--vw) * 50);
	padding-inline: calc(var(--vw) * 50 - 50%);
	background-image: linear-gradient(160deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
}
.kosen .page-title::before, .kosen .page-category::before {
	background-image: linear-gradient(160deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.page-category {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: var(--elem-gap--s);
}
.page-category-ja {
	font-size: var(--font-size--24);
	margin: 0;
}
.page-category-en {
	font-size: 10rem;
	font-weight: 300;
	line-height: 0.9;
	margin: 0;
}
.page-subtitle {
	position: relative;
	z-index: 3;
	font-size: var(--font-size--28);
	font-weight: 500;
	line-height: 1.6;
	padding: 50px var(--elem-gap--xl) 0 0;
	margin-block: -50px 0;
	margin-inline: -0.2px auto;
	background: var(--color--be);
	width: -webkit-fill-available;
	width: -moz-available;
	width: stretch;
	border-radius: 0 var(--radius--m) 0 0;
}
.page-subtitle:has(wbr) {
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.page-subtitle::before, .page-subtitle::after {
	content: "";
	position: absolute;
	inset: auto auto 100% 0;
	background: var(--color--be);
	-webkit-mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 0 100%/200% 200%;
	        mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 0 100%/200% 200%;
	width: var(--radius--xl);
	height: var(--radius--xl);
}
.page-subtitle:after {
	inset: calc(50px - var(--radius--m)) auto auto 100%;
	width: var(--radius--m);
	height: var(--radius--m);
}
.page-subtitle + .lead, .page-subtitle + .interview-title {
	margin: var(--elem-gap--l) 0 0;
	padding: 0;
}
.page-subtitle + .lead::before, .page-subtitle + .interview-title::before, .page-subtitle + .lead::after, .page-subtitle + .interview-title::after {
	display: none;
}
@media screen and (max-width: 1023.98px) {
	.page-header:has(.page-subtitle) {
		display: block;
	}
	.page-title-en {
		font-size: min(12.8vw, 12rem);
	}
	.page-title::before, .page-category::before {
		padding-bottom: 33.3333333333%;
	}
	.page-category {
		-ms-flex-wrap: wrap;
		    flex-wrap: wrap;
	}
	.page-category-ja {
		font-size: 1.5rem;
	}
	.page-category-en {
		font-size: min(8vw, 10rem);
	}
	.page-subtitle {
		padding: 0;
		margin-block: var(--elem-gap--m);
	}
	.page-subtitle::before, .page-subtitle::after {
		display: none;
	}
}

.hero {
	position: relative;
	z-index: 2;
}
.hero-image {
	border-radius: var(--radius--xl);
}
@media screen and (max-width: 1023.98px) {
	.hero-image {
		aspect-ratio: 3/2;
		-o-object-fit: cover;
		   object-fit: cover;
	}
}

.lead, .interview-title {
	position: relative;
	z-index: 3;
	padding: 50px 0 0 var(--elem-gap--xl);
	margin-block: -50px 0;
	margin-inline: auto -0.2px;
	background: var(--color--be);
	width: var(--content-width--s);
	border-radius: var(--radius--m) 0 0 0;
}
.lead :last-child, .interview-title :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.lead::before, .interview-title::before, .lead::after, .interview-title::after {
	content: "";
	position: absolute;
	inset: auto 0 100% auto;
	background: var(--color--be);
	-webkit-mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 100% 100%/200% 200%;
	        mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 100% 100%/200% 200%;
	width: var(--radius--xl);
	height: var(--radius--xl);
}
.lead:after, .interview-title:after {
	inset: calc(50px - var(--radius--m)) 100% auto auto;
	width: var(--radius--m);
	height: var(--radius--m);
}
@media screen and (max-width: 1023.98px) {
	.lead, .interview-title {
		padding: 0;
		margin-block: var(--elem-gap--m) 0 !important;
	}
	.lead::before, .interview-title::before, .lead::after, .interview-title::after {
		display: none;
	}
}

.interview-title {
	font-size: var(--font-size--32);
	font-weight: 500;
}
.interview-title:has(wbr) {
	word-break: keep-all;
	overflow-wrap: anywhere;
}

.topic-path {
	position: absolute;
	z-index: 2;
	inset: var(--elem-gap--l) auto auto 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	width: var(--content-padding);
	max-width: calc(var(--vw) * 10);
	color: var(--color--wh);
	letter-spacing: 0;
}
.topic-path-list {
	display: -ms-grid;
	display: grid;
	margin: 0;
	border: 1px solid color-mix(in srgb, var(--color--wh) 50%, transparent);
	border-radius: var(--radius--l);
	padding: 5px 10px;
}
.topic-path-item {
	position: relative;
	font-size: min(0.9vw, var(--font-size--12));
	text-align: center;
	margin: 0;
	padding: 15px 0;
	list-style: none;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	text-orientation: sideways;
	/* text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-height: min(calc(var(--vw) * 25), 350px); */
}
.topic-path-item:not(:first-child)::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--color--wh);
	margin-block: auto;
	translate: 0 -50%;
}
.topic-path-link {
	color: var(--color--wh) !important;
}
@media screen and (max-width: 1023.98px) {
	.topic-path {
		display: none;
	}
}

.section, .workplace-section, .rookies-section, .next-section {
	margin-block: 0 var(--section-margin);
}
.section:not(:first-child), .workplace-section:not(:first-child), .rookies-section:not(:first-child), .next-section:not(:first-child) {
	-webkit-margin-before: var(--section-margin);
	        margin-block-start: var(--section-margin);
}
.section:last-child, .workplace-section:last-child, .rookies-section:last-child, .next-section:last-child, .section > :last-child, .workplace-section > :last-child, .rookies-section > :last-child, .next-section > :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (min-width: 1024px) {
	.section--2col, .rookies-section, .column-container {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr var(--elem-gap--xl) var(--content-width--s);
		grid-template-columns: 1fr var(--content-width--s);
		gap: 0 var(--elem-gap--xl);
	}
	.section--2col .image-wrapper--left, .rookies-section .image-wrapper--left, .column-container .image-wrapper--left,
	.section--2col .diagram-wrapper--left,
	.rookies-section .diagram-wrapper--left,
	.column-container .diagram-wrapper--left {
		margin-block: auto 0;
	}
	.section--2col .image-wrapper--wide, .rookies-section .image-wrapper--wide, .column-container .image-wrapper--wide,
	.section--2col .diagram-wrapper--wide,
	.rookies-section .diagram-wrapper--wide,
	.column-container .diagram-wrapper--wide {
		-ms-grid-column-span: 2;
		grid-column: span 2;
	}
}
.section--span2 {
	grid-column: 1/-1;
}
.section-header--sticky {
	position: sticky;
	top: var(--header-height);
}
.section-header:has(.section-shoulder) {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto var(--elem-gap--xs) 1fr;
	grid-template-columns: auto 1fr;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0 var(--elem-gap--xs);
	margin-block: 0 var(--elem-gap--l);
}
.section-header:has(.section-shoulder) .section-count, .section-header:has(.section-shoulder) .project-count {
	-ms-grid-column-span: 2;
	grid-column: span 2;
}
.section-header:has(.section-shoulder) .section-heading, .section-header:has(.section-shoulder) .workplace-section-heading, .section-header:has(.section-shoulder) .one-week-modal-heading {
	margin-block: 0;
}
.section-shoulder {
	font-size: var(--font-size--22);
	font-weight: 700;
	color: var(--color--sec);
	padding-inline: 0 var(--elem-gap--xs);
	border-right: 1px solid var(--color--sec);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0;
}
.section-heading, .workplace-section-heading, .one-week-modal-heading {
	font-size: var(--font-size--28);
	font-weight: 500;
	letter-spacing: 0.1em;
	margin-block: 0 var(--elem-gap--l);
}
.section-heading:has(wbr), .workplace-section-heading:has(wbr), .one-week-modal-heading:has(wbr) {
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.section-heading--center {
	text-align: center;
}
.section-heading-en {
	font-size: var(--font-size--24);
	line-height: 1;
	font-weight: 400;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--m);
	padding: 0.1em 0.7em 0.3em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 var(--elem-gap--xs);
}
.section-child-heading, .initiative-examination-heading, .questionnaire-message-heading, .rookies-intro-heading, .project-modal-section-heading, .feature-summary-heading {
	font-size: var(--font-size--24);
	font-weight: 500;
	color: var(--color--prim);
	margin-block: 0 var(--elem-gap--m);
}
.section-child-heading:has(wbr), .initiative-examination-heading:has(wbr), .questionnaire-message-heading:has(wbr), .rookies-intro-heading:has(wbr), .project-modal-section-heading:has(wbr), .feature-summary-heading:has(wbr) {
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.kosen .section-child-heading, .kosen .initiative-examination-heading, .kosen .questionnaire-message-heading, .kosen .rookies-intro-heading, .kosen .project-modal-section-heading, .kosen .feature-summary-heading {
	color: var(--color--gr);
}
.section-child-heading-addition {
	font-size: var(--font-size--14);
	font-weight: 400;
	border: 1px solid;
	border-radius: 50px;
	padding: 0.2em 0.8em 0.3em;
}
.section-count, .project-count {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	margin-block: 0 0.5em;
}
.section-count-q {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--font-size--24);
	color: var(--color--wh);
	background: var(--color--prim);
	line-height: 1;
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.kosen .section-count-q {
	background: var(--color--gr);
}
.section-count-label, .project-count-label {
	font-size: var(--font-size--24);
	line-height: 0.9;
	color: var(--color--sec);
	margin-inline: 0 0.5em;
}
.section-count-number, .project-count-number {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	font-size: var(--font-size--24);
	color: var(--color--wh);
	line-height: 1;
	background-image: linear-gradient(135deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	width: 60px;
	height: 30px;
	border-radius: var(--radius--m);
}
.kosen .section-count-number, .kosen .project-count-number {
	background-image: linear-gradient(135deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.section-body {
	-ms-grid-row-span: 2;
	grid-row: span 2;
}
.section-body > :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (min-width: 1024px) {
	.section-body--2col {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: var(--elem-gap--xl);
	}
	.section-body--2col > .section, .section-body--2col > .workplace-section, .section-body--2col > .rookies-section, .section-body--2col > .next-section {
		margin-block: 0;
	}
	.section-body--2col > .image-wrapper:nth-child(2):last-child, .section-body--2col > .diagram-wrapper:nth-child(2):last-child {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
		margin-block: 0;
		max-width: 60%;
	}
	.section-body--2col-txt {
		-webkit-column-count: 2;
		   -moz-column-count: 2;
		        column-count: 2;
		-webkit-column-gap: var(--elem-gap--xl);
		   -moz-column-gap: var(--elem-gap--xl);
		        column-gap: var(--elem-gap--xl);
	}
}
@media screen and (max-width: 1023.98px) {
	.section-header:has(.section-shoulder) {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.section-header:has(.section-shoulder) .section-count, .section-header:has(.section-shoulder) .project-count {
		-ms-grid-column-span: 1;
		grid-column: span 1;
	}
	.section-shoulder {
		padding-inline: 0;
		border-right: none;
	}
	.section-count-q {
		width: 24px;
		height: 24px;
	}
	.section-count-number, .project-count-number {
		width: 50px;
		height: 24px;
	}
}

.child-section {
	margin-block: 0 var(--child-section-margin);
}
.child-section:first-of-type:not(:first-child) {
	-webkit-margin-before: var(--child-section-margin);
	        margin-block-start: var(--child-section-margin);
}
.child-section:last-child, .child-section > :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}

.marked-heading {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--elem-gap--xs);
	font-size: var(--font-size--24);
	font-weight: 500;
	margin-block: 0 var(--elem-gap--l);
}
.marked-heading::before {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	content: "";
	width: 10px;
	height: 40px;
	border-radius: var(--radius--s);
	background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color--prim)), to(var(--color--sec)));
	background-image: linear-gradient(0deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
}
.marked-heading:has(wbr) {
	word-break: keep-all;
	overflow-wrap: anywhere;
}
@media screen and (max-width: 1023.98px) {
	.marked-heading::before {
		width: 8px;
		height: 32px;
	}
}

.bulleted-heading {
	display: list-item;
	margin-inline: 1.5em 0;
	margin-block: 0 var(--elem-gap--m);
	font-size: var(--font-size--20);
}

.column-container {
	margin-block: var(--child-section-margin);
}
.contents > .column-container {
	margin-block: var(--section-margin);
}
.contents > .column-container:last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (min-width: 1024px) {
	.column-container--half2 {
		-ms-grid-columns: 1fr var(--elem-gap--xl) 1fr;
		grid-template-columns: 1fr 1fr;
		gap: var(--section-margin) var(--elem-gap--xl);
	}
	.column-container--half2 > .section, .column-container--half2 > .workplace-section, .column-container--half2 > .rookies-section, .column-container--half2 > .next-section,
	.column-container--half2 > .child-section {
		margin-block: 0;
	}
	.column-container--half2 > .image-wrapper:nth-child(2):last-child, .column-container--half2 > .diagram-wrapper:nth-child(2):last-child {
		margin-block: 0;
	}
	.column-container--half2:has(.child-section):not(:has(.section)) {
		gap: var(--child-section-margin);
	}
}
@media screen and (min-width: 1024px) and (max-width: 1023.98px) {
	.column-container {
		display: -ms-grid;
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
	}
}

.contents-nav {
	position: sticky;
	top: var(--scroll-offset);
	display: -ms-grid;
	display: grid;
	gap: var(--elem-gap--xs);
	margin: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	border-top: 1px solid var(--color--prim);
	border-bottom: 1px solid var(--color--prim);
	padding: var(--elem-gap--m) var(--elem-gap--xs);
}
.kosen .contents-nav {
	border-top-color: var(--color--gr);
	border-bottom-color: var(--color--gr);
}
.contents-nav-item {
	margin: 0;
	padding: 0;
	list-style: none;
	font-weight: 500;
	line-height: 1.6;
}
.contents-nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: 10px;
	font-size: var(--font-size--14);
}
.contents-nav-link [lang=en] {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
}
.contents-nav-link small {
	font-size: var(--font-size--14);
}
.contents-nav-link .arrow-icon {
	opacity: 0;
}
.contents-nav-link .arrow-icon::before {
	background: var(--color--sec);
}
.kosen .contents-nav-link .arrow-icon::before {
	background: var(--color--yl);
}
.contents-nav-link.is-active {
	color: var(--color--sec);
}
.kosen .contents-nav-link.is-active {
	color: var(--color--gr);
}
.contents-nav-link.is-active .arrow-icon {
	opacity: 1;
}
@media (hover: hover) {
	.contents-nav-link:where(:-moz-any-link, :enabled, summary):hover {
		color: var(--color--sec);
		text-decoration: underline;
	}
	.contents-nav-link:where(:any-link, :enabled, summary):hover {
		color: var(--color--sec);
		text-decoration: underline;
	}
	.kosen .contents-nav-link:where(:-moz-any-link, :enabled, summary):hover {
		color: var(--color--yl);
	}
	.kosen .contents-nav-link:where(:any-link, :enabled, summary):hover {
		color: var(--color--yl);
	}
	.contents-nav-link:where(:-moz-any-link, :enabled, summary):hover .arrow-icon {
		opacity: 1;
	}
	.contents-nav-link:where(:any-link, :enabled, summary):hover .arrow-icon {
		opacity: 1;
	}
}
.contents-nav--rich {
	background-image: linear-gradient(135deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--xl);
	border: none;
	gap: 0;
	padding: var(--elem-gap--xs);
}
.contents-nav--rich .contents-nav-link {
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: var(--elem-gap--xs);
	font-size: var(--font-size--18);
	color: var(--color--wh);
	padding: 10px var(--elem-gap--xs);
	border: 1px solid transparent;
	border-radius: var(--radius--l);
}
.contents-nav--rich .contents-nav-link .arrow-icon::before {
	background: var(--color--wh);
}
.contents-nav--rich .contents-nav-link.is-active {
	border-color: var(--color--wh);
}
.contents-nav-icon {
	width: clamp(40px, 4.2vw, 74px);
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.contents-nav-icon {
		width: 48px;
	}
}
@media screen and (max-width: 1023.98px) {
	.contents-nav {
		position: relative;
		top: auto;
		margin-block: var(--section-margin);
	}
	.contents-nav-icon {
		width: 40px;
	}
	.contents-nav-link:not(:hover).is-active {
		color: inherit;
	}
	.contents-nav-link .arrow-icon {
		opacity: 1;
	}
	.contents-nav--rich .contents-nav-link {
		color: var(--color--wh);
	}
	.contents-nav--rich .contents-nav-link.is-active {
		color: var(--color--wh);
		border: 1px solid transparent;
	}
	.contents-nav--rich .contents-nav-link .arrow-icon {
		opacity: 1;
	}
}

.description-list, .training-support-step-list-item {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 30% var(--elem-gap--s) 1fr;
	grid-template-columns: 30% 1fr;
	gap: var(--elem-gap--s);
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	margin-block: var(--elem-gap--l);
}
.description-list--bg {
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--m);
}
.description-term, .training-support-step-list-term, .initiative-examination-term {
	font-weight: 500;
	color: var(--color--sec);
	line-height: 1.6;
	text-align: center;
	padding: 0.5em 0.8em;
	border: 1px solid var(--color--sec);
	border-radius: var(--radius--s);
}
.tab-box .description-term, .tab-box .training-support-step-list-term, .tab-box .initiative-examination-term, .description-list--bg .description-term, .description-list--bg .training-support-step-list-term, .description-list--bg .initiative-examination-term {
	border: none;
	background: var(--color--wh);
}
.description-detail :last-child, .training-support-step-list-detail :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.description-list, .training-support-step-list-item {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.description-term, .training-support-step-list-term, .initiative-examination-term {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		min-width: 10em;
	}
}

.question-heading {
	position: relative;
	display: -ms-grid;
	display: grid;
	gap: var(--elem-gap--xs);
	font-size: var(--font-size--20);
	color: var(--color--prim);
	font-weight: 500;
	border: 1px solid var(--color--prim);
	padding: var(--elem-gap--m);
	height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 0 var(--radius--m) var(--radius--m) var(--radius--m);
	margin-block: 0 var(--elem-gap--m);
}
.question-heading-q {
	position: absolute;
	z-index: 2;
	inset: -0.1em auto auto -0.1em;
	font-size: var(--font-size--34);
	font-weight: 400;
	line-height: 0.9;
	color: var(--color--prim);
	background: var(--color--wh);
	padding: 0 0.2em 0.4em 0;
}
.question-answer :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.question-heading {
		padding: var(--elem-gap--l) var(--elem-gap--m);
	}
	.question-heading-q {
		padding: 0 0 0.3em 0;
	}
}

.tab-box {
	margin-block: var(--elem-gap--xl);
}
.tab-box:first-child {
	-webkit-margin-before: 0;
	        margin-block-start: 0;
}
.tab-box-heading {
	font-size: var(--font-size--24);
	background: var(--color--be);
	border-radius: var(--radius--m) var(--radius--m) 0 0;
	padding: var(--elem-gap--xs) var(--elem-gap--m) 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 -1px;
	margin-inline: 0 var(--radius--xl);
}
.tab-box-body {
	background: var(--color--be);
	padding: var(--elem-gap--m);
	border-radius: 0 var(--radius--xl) var(--radius--xl) var(--radius--xl);
}
.tab-box-body > :first-child {
	-webkit-margin-before: 0;
	        margin-block-start: 0;
}
.tab-box-body > :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.tab-box-heading {
		font-size: var(--font-size--20);
	}
	.tab-box-body {
		border-top-right-radius: var(--radius--l);
	}
}

@media screen and (max-width: 1023.98px) {
	.scroll-table-wrapper {
		overflow-x: auto;
		margin-inline: var(--neg-margin--xl);
	}
}

.link-button {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: var(--elem-gap--xs);
	margin-inline: auto;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(90deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
	width: min(100%, 900px);
	min-height: 100px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: var(--radius--m);
	color: var(--color--wh);
	line-height: 1.5;
	padding: var(--elem-gap--s);
	margin-block: var(--elem-gap--xl);
	background-position: 0 50%;
	grid-column: 1/-1;
}
@media (hover: hover) {
	.link-button:where(:-moz-any-link, :enabled, summary):hover {
		background-size: 150% 100%;
	}
	.link-button:where(:any-link, :enabled, summary):hover {
		background-size: 150% 100%;
	}
}
.link-button-label {
	-webkit-box-flex: 2;
	    -ms-flex: 2 2 auto;
	        flex: 2 2 auto;
	font-size: var(--font-size--20);
	text-align: center;
	font-weight: 500;
	color: var(--color--wh);
}
.link-button .arrow-icon {
	background: var(--color--wh);
}
.link-button .arrow-icon::before {
	background: var(--color--bl-gr);
}
@media screen and (max-width: 1023.98px) {
	.link-button {
		min-height: 80px;
	}
}

.basic-table {
	border-top: 1px solid var(--color--dk-bl);
	width: 100%;
}
.basic-table th, .basic-table td {
	border-bottom: 1px solid color-mix(in srgb, var(--color--dk-bl) 15%, var(--color--wh));
	padding-block: var(--elem-gap--xs);
	text-align: left;
	line-height: 2;
}
.basic-table th {
	color: var(--color--sec);
	font-weight: 500;
	width: 25%;
	padding-inline: 0 var(--elem-gap--m);
	vertical-align: top;
}
.basic-table dl {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto 1fr;
	grid-template-columns: auto 1fr;
}
.basic-table dl dt {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
@media screen and (max-width: 1023.98px) {
	.basic-table {
		display: block;
	}
	.basic-table > tbody {
		display: block;
	}
	.basic-table > tbody > tr {
		display: block;
	}
	.basic-table > tbody > tr > th {
		display: block;
		padding: var(--elem-gap--xs) 0 0.5em;
		border: none;
		width: auto;
	}
	.basic-table > tbody > tr > td {
		display: block;
		padding: 0 0 var(--elem-gap--xs);
	}
}

.recommended-contents {
	margin-inline: calc(50% - var(--vw) * 50);
	padding-inline: calc(var(--vw) * 50 - 50%);
	background: var(--color--be);
	padding-block: var(--elem-gap--xl);
	margin-block: var(--section-margin) calc(var(--section-margin) * -1);
}
.recommended-contents-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	gap: var(--elem-gap--xs);
	margin: 0;
}
.recommended-contents-item {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: 0;
	list-style: none;
}
.recommended-contents-link {
	display: block;
	border-radius: var(--radius--l);
	overflow: clip;
}
@media (hover: hover) {
	.recommended-contents-link:where(:-moz-any-link, :enabled, summary):hover .recommended-contents-image {
		scale: 1.05;
	}
	.recommended-contents-link:where(:any-link, :enabled, summary):hover .recommended-contents-image {
		scale: 1.05;
	}
}
.recommended-contents-image {
	width: 400px;
	height: auto;
}
@media screen and (max-width: 1023.98px) {
	.recommended-contents-list {
		display: -ms-grid;
		display: grid;
		max-width: 600px;
		margin-inline: auto;
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
	}
	.recommended-contents-image {
		width: 100%;
	}
}

.scroll-motion {
	visibility: hidden;
	opacity: 0;
}

.header {
	position: fixed;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	inset: 0 0 auto;
	z-index: 100;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	height: 150px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 30px;
	padding: 15px 15px 15px var(--content-padding--xl);
	-webkit-transition: height 0.4s ease;
	transition: height 0.4s ease;
}
.header::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: -1;
	background: var(--color--wh);
}
.header .site-title {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin: auto 0;
}
.header .site-title-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 30px;
}
.header .site-title-logo {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: min(15vw, 210px);
}
.header .site-title-text {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	color: var(--color--prim);
	letter-spacing: 0.05em;
	font-size: var(--font-size--16);
	font-weight: 600;
}
.kosen .header .site-title-text {
	color: var(--color--gr);
}
.on-scroll .header {
	height: var(--header-height);
}
@media screen and (max-width: 1023.98px) {
	.header {
		height: var(--header-height) !important;
		padding: 5px 5px 5px var(--content-padding--xl);
		gap: 10px;
	}
	.header .site-title-link {
		gap: 20px;
	}
	.header .site-title-logo {
		width: 120px;
	}
}
.header-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-inline: auto 0;
}
.header-nav-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 25px;
	margin: 0;
	padding: 0;
	list-style: none;
}
.header-nav-item {
	position: relative;
	margin: 0;
}
.header-nav-label {
	display: block;
	font-size: min(1vw, var(--font-size--15));
	font-weight: 500;
	line-height: 1.5;
	letter-spacing: 0;
	background: transparent;
	border: none;
	padding: 0;
	cursor: pointer;
	color: inherit;
	font-family: inherit;
	text-align: left;
}
.header-nav-label[aria-expanded=true] {
	color: var(--color--prim);
}
.kosen .header-nav-label[aria-expanded=true] {
	color: var(--color--gr);
}
.header-nav-child {
	position: absolute;
	inset: 100% auto auto -20px;
	padding-top: 20px;
	visibility: hidden;
	opacity: 0;
	z-index: 100;
	-webkit-transition: opacity 0.3s, visibility 0.3s;
	transition: opacity 0.3s, visibility 0.3s;
	min-width: 300px;
}
.header-nav-item:last-child .header-nav-child {
	inset: 100% -20px auto auto;
}
.header-nav-item:hover .header-nav-child, .header-nav-item:focus-within .header-nav-child {
	visibility: visible;
	opacity: 1;
}
.header-nav-child-list {
	background-image: linear-gradient(135deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	padding: 20px;
	border-radius: var(--radius--m);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 5px;
	clip-path: inset(0 0 100% 0 round var(--radius--m));
	-webkit-transition: clip-path 0.3s ease;
	transition: clip-path 0.3s ease;
}
.kosen .header-nav-child-list {
	background-image: linear-gradient(135deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.header-nav-item:hover .header-nav-child-list, .header-nav-item:focus-within .header-nav-child-list {
	clip-path: inset(0 0 0 0 round var(--radius--m));
}
.header-nav-child-item {
	margin: 0;
	list-style: none;
	font-size: var(--font-size--15);
	line-height: 1.8;
	letter-spacing: 0.05em;
	font-weight: 500;
}
.header-nav-child-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: var(--elem-gap--xs);
	color: var(--color--wh) !important;
}
@media (hover: hover) {
	.header-nav-child-link:where(:-moz-any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
	.header-nav-child-link:where(:any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.header-nav {
		display: none;
	}
}
@media screen and (max-width: 1023.98px) {
	.header-nav {
		display: none;
	}
}

.drawer-nav-trigger {
	position: relative;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 100%;
	aspect-ratio: 1/1;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--prim)), to(var(--color--sec)));
	background-image: linear-gradient(90deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--l);
	-webkit-transition: scale 0.2s ease, opacity 0.2s ease, border-radius 0.4s ease;
	transition: scale 0.2s ease, opacity 0.2s ease, border-radius 0.4s ease;
}
.kosen .drawer-nav-trigger {
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--gr)), to(#E5DD6B));
	background-image: linear-gradient(90deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.drawer-nav-trigger::before {
	content: "";
	position: absolute;
	z-index: 2;
	inset: 10px;
	border-radius: var(--radius--m);
	-webkit-transition: background-color 0.2s ease, scale 0.2s ease, border-radius 0.4s ease;
	transition: background-color 0.2s ease, scale 0.2s ease, border-radius 0.4s ease;
	scale: 0;
}
.drawer-nav-trigger[aria-expanded=true] {
	scale: 0;
	opacity: 0;
}
.on-scroll .drawer-nav-trigger {
	border-radius: var(--radius--m);
}
.on-scroll .drawer-nav-trigger::before {
	border-radius: var(--radius--s);
}
.drawer-nav-trigger-icon {
	position: relative;
	z-index: 3;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color--wh);
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.drawer-nav-trigger-icon::before, .drawer-nav-trigger-icon::after {
	position: absolute;
	content: "";
	display: block;
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: var(--color--wh);
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
}
.drawer-nav-trigger-icon::before {
	translate: 14px 0;
}
.drawer-nav-trigger-icon::after {
	translate: -14px 0;
}
@media (hover: hover) {
	.drawer-nav-trigger:where(:-moz-any-link, :enabled, summary):hover::before {
		background: var(--color--wh);
		scale: 1;
	}
	.drawer-nav-trigger:where(:any-link, :enabled, summary):hover::before {
		background: var(--color--wh);
		scale: 1;
	}
	.drawer-nav-trigger:where(:-moz-any-link, :enabled, summary):hover .drawer-nav-trigger-icon {
		background: var(--color--prim);
	}
	.drawer-nav-trigger:where(:any-link, :enabled, summary):hover .drawer-nav-trigger-icon {
		background: var(--color--prim);
	}
	.kosen .drawer-nav-trigger:where(:-moz-any-link, :enabled, summary):hover .drawer-nav-trigger-icon {
		background: var(--color--gr);
	}
	.kosen .drawer-nav-trigger:where(:any-link, :enabled, summary):hover .drawer-nav-trigger-icon {
		background: var(--color--gr);
	}
	.drawer-nav-trigger:where(:-moz-any-link, :enabled, summary):hover .drawer-nav-trigger-icon::before, .drawer-nav-trigger:where(:-moz-any-link, :enabled, summary):hover .drawer-nav-trigger-icon::after {
		background: var(--color--prim);
	}
	.drawer-nav-trigger:where(:any-link, :enabled, summary):hover .drawer-nav-trigger-icon::before, .drawer-nav-trigger:where(:any-link, :enabled, summary):hover .drawer-nav-trigger-icon::after {
		background: var(--color--prim);
	}
	.kosen .drawer-nav-trigger:where(:-moz-any-link, :enabled, summary):hover .drawer-nav-trigger-icon::before, .kosen .drawer-nav-trigger:where(:-moz-any-link, :enabled, summary):hover .drawer-nav-trigger-icon::after {
		background: var(--color--gr);
	}
	.kosen .drawer-nav-trigger:where(:any-link, :enabled, summary):hover .drawer-nav-trigger-icon::before, .kosen .drawer-nav-trigger:where(:any-link, :enabled, summary):hover .drawer-nav-trigger-icon::after {
		background: var(--color--gr);
	}
}
@media screen and (max-width: 1023.98px) {
	.drawer-nav-trigger {
		border-radius: var(--radius--m);
	}
	.drawer-nav-trigger::before {
		inset: 5px;
		border-radius: var(--radius--s);
	}
	.drawer-nav-trigger-icon {
		width: 4px;
		height: 4px;
	}
	.drawer-nav-trigger-icon::before, .drawer-nav-trigger-icon::after {
		width: 4px;
		height: 4px;
	}
	.drawer-nav-trigger-icon::before {
		translate: 8px 0;
	}
	.drawer-nav-trigger-icon::after {
		translate: -8px 0;
	}
}
.drawer-nav-overlay {
	position: fixed;
	inset: 0;
	z-index: 200;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	opacity: 0;
	visibility: hidden;
	overflow: auto;
	pointer-events: none;
	color: var(--color--wh);
	clip-path: inset(15px 15px calc(100% - 135px) calc(100% - 135px) round var(--radius--m));
	-webkit-transition: visibility 0.4s ease, opacity 0.4s cubic-bezier(0.65, 0, 0.35, 1), clip-path 0.4s cubic-bezier(0.65, 0, 0.35, 1);
	transition: visibility 0.4s ease, opacity 0.4s cubic-bezier(0.65, 0, 0.35, 1), clip-path 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}
.drawer-nav-overlay::before {
	content: "";
	position: fixed;
	z-index: -1;
	inset: 0;
	opacity: 0.95;
	background-image: linear-gradient(135deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
}
.kosen .drawer-nav-overlay::before {
	background-image: linear-gradient(135deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.kosen .drawer-nav-overlay::after {
	content: "";
	position: fixed;
	z-index: -1;
	inset: 0;
	opacity: 0.3;
	background-image: linear-gradient(135deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
	mix-blend-mode: multiply;
}
.drawer-nav-overlay a {
	color: var(--color--wh);
}
.drawer-nav-overlay.is-opened {
	visibility: visible;
	opacity: 1;
	pointer-events: initial;
	clip-path: inset(calc(var(--radius--xl) * -1) round var(--radius--xl));
}
body:has(.drawer-nav-overlay.is-opened) {
	overflow: hidden;
}
@media screen and (max-width: 1023.98px) {
	.drawer-nav-overlay {
		clip-path: inset(5px 5px calc(100% - 51px) calc(100% - 51px) round var(--radius--m));
	}
}
.drawer-nav-close-button {
	position: fixed;
	z-index: 2;
	inset: 30px 30px auto auto;
	width: 80px;
	height: 80px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	background: var(--color--wh);
	border-radius: var(--radius--m);
	scale: 0;
	-webkit-transition: scale 0.4s 0.2s ease;
	transition: scale 0.4s 0.2s ease;
}
.drawer-nav-close-button-icon::before, .drawer-nav-close-button-icon::after {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	border-top: 4px solid var(--color--prim);
	width: 30px;
	height: 0;
	-webkit-transition: 0.2s ease;
	transition: 0.2s ease;
	rotate: -45deg;
	border-radius: 2px;
}
.kosen .drawer-nav-close-button-icon::before, .kosen .drawer-nav-close-button-icon::after {
	border-top-color: var(--color--gr);
}
.drawer-nav-close-button-icon::after {
	rotate: 45deg;
}
.is-opened .drawer-nav-close-button {
	scale: 1;
}
@media screen and (max-width: 1023.98px) {
	.drawer-nav-close-button {
		inset: 5px 5px auto auto;
		width: 46px;
		height: 46px;
	}
	.drawer-nav-close-button-icon::before, .drawer-nav-close-button-icon::after {
		border-top: 3px solid var(--color--prim);
		width: 20px;
	}
}
.drawer-nav {
	position: relative;
	width: var(--content-width--l);
	margin: auto;
	padding-block: 60px;
}
.drawer-nav-columns {
	-webkit-column-count: 3;
	   -moz-column-count: 3;
	        column-count: 3;
	-webkit-column-gap: 6%;
	   -moz-column-gap: 6%;
	        column-gap: 6%;
}
.drawer-nav-section {
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	        break-inside: avoid;
	padding-block: 0 var(--elem-gap--m);
}
.drawer-nav-heading {
	font-size: var(--font-size--24);
	font-weight: 500;
	margin-bottom: var(--elem-gap--s);
	line-height: 1.4;
}
.drawer-nav-heading .toggle-icon {
	display: none;
}
.drawer-nav-list {
	display: -ms-grid;
	display: grid;
	row-gap: 5px;
	margin: 0;
}
.drawer-nav-item {
	font-size: var(--font-size--15);
	line-height: 1.8;
	letter-spacing: min(0.08vw, 0.1em);
	list-style: none;
	margin: 0;
}
.drawer-nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: var(--elem-gap--xs);
}
@media (hover: hover) {
	.drawer-nav-link:where(:-moz-any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
	.drawer-nav-link:where(:any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.drawer-nav-heading {
		font-size: var(--font-size--20);
		margin-bottom: var(--elem-gap--xs);
	}
	.drawer-nav-item {
		font-size: var(--font-size--14);
	}
}
@media screen and (max-width: 1023.98px) {
	.drawer-nav {
		width: var(--content-width);
		padding-block: 60px;
	}
	.drawer-nav-columns {
		display: -ms-grid;
		display: grid;
		-webkit-column-count: 1;
		   -moz-column-count: 1;
		        column-count: 1;
		-webkit-column-gap: 0;
		   -moz-column-gap: 0;
		        column-gap: 0;
	}
	.drawer-nav-section {
		padding-block: 0;
	}
	.drawer-nav-heading {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		margin: 0;
		padding: 10px 15px;
		cursor: pointer;
	}
	.drawer-nav-heading .toggle-icon {
		cursor: pointer;
		display: block;
		position: relative;
		width: 22px;
		height: 22px;
		margin-inline: auto 0;
		border: 1px solid color-mix(in srgb, var(--color--wh) 60%, transparent);
		border-radius: 50%;
	}
	.drawer-nav-heading .toggle-icon::before, .drawer-nav-heading .toggle-icon::after {
		width: 8px;
		height: 8px;
	}
	.kosen .drawer-nav-heading .toggle-icon::before, .kosen .drawer-nav-heading .toggle-icon::after {
		color: var(--color--gr);
	}
	.drawer-nav-heading.is-opened .toggle-icon {
		rotate: 180deg;
	}
	.drawer-nav-content {
		display: none;
		overflow: hidden;
	}
	.drawer-nav-list {
		padding: 5px 15px 15px;
		gap: 8px;
	}
	.drawer-nav-link .arrow-icon {
		-webkit-margin-end: 4px;
		        margin-inline-end: 4px;
	}
}
.drawer-nav-cta {
	position: relative;
	-webkit-column-break-inside: avoid;
	   -moz-column-break-inside: avoid;
	        break-inside: avoid;
	margin-block: var(--elem-gap--m) var(--elem-gap--m);
}
.drawer-nav-cta-title {
	position: absolute;
	inset: -40px auto auto -30px;
	pointer-events: none;
}
.drawer-nav-cta-title-image {
	width: 400px;
}
.drawer-nav-cta-links {
	display: -ms-grid;
	display: grid;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--or)), to(#FFC400));
	background-image: linear-gradient(90deg, var(--color--or) 0%, #FFC400 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--l);
	padding: var(--elem-gap--xs);
	margin: 0;
}
.drawer-nav-cta-item {
	list-style: none;
	margin: 0;
}
.drawer-nav-cta-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding: var(--elem-gap--xs);
	font-size: var(--font-size--20);
	font-weight: 500;
	line-height: 1.8;
	border-radius: var(--radius--s);
}
.drawer-nav-cta-link .arrow-icon {
	background: var(--color--wh);
}
.drawer-nav-cta-link .arrow-icon::before {
	background: var(--color--or);
}
@media (hover: hover) {
	.drawer-nav-cta-link:where(:-moz-any-link, :enabled, summary):hover {
		background: var(--color--wh);
		color: var(--color--or);
	}
	.drawer-nav-cta-link:where(:any-link, :enabled, summary):hover {
		background: var(--color--wh);
		color: var(--color--or);
	}
	.drawer-nav-cta-link:where(:-moz-any-link, :enabled, summary):hover .arrow-icon {
		background: var(--color--or);
	}
	.drawer-nav-cta-link:where(:any-link, :enabled, summary):hover .arrow-icon {
		background: var(--color--or);
	}
	.drawer-nav-cta-link:where(:-moz-any-link, :enabled, summary):hover .arrow-icon::before {
		background: var(--color--wh);
	}
	.drawer-nav-cta-link:where(:any-link, :enabled, summary):hover .arrow-icon::before {
		background: var(--color--wh);
	}
}
.drawer-nav-cta-label span {
	font-size: var(--font-size--24);
	font-weight: 300;
	line-height: 1.4;
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.drawer-nav-cta-link {
		font-size: var(--font-size--18);
		padding: 15px;
	}
	.drawer-nav-cta-label span {
		font-size: var(--font-size--20);
	}
}
@media screen and (max-width: 1023.98px) {
	.drawer-nav-cta {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		margin-block: var(--elem-gap--xl) var(--elem-gap--m);
	}
	.drawer-nav-cta-title {
		inset: auto auto calc(100% - 50px) -20px;
	}
	.drawer-nav-cta-title-image {
		width: 80%;
		max-width: 90%;
	}
}
.drawer-nav-home-links {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: (1fr)[3];
	grid-template-columns: repeat(3, 1fr);
	margin: var(--elem-gap--m) 0 0;
	width: 64.6666666667%;
}
.kosen .drawer-nav-home-links {
	margin: 0;
	width: 100%;
	gap: 6%;
}
.drawer-nav-columns:has(.concept-movie) + .drawer-nav-home-links {
	margin: -60px 0 0;
}
.kosen .drawer-nav-columns:has(.concept-movie) + .drawer-nav-home-links {
	margin: 0;
}
.drawer-nav-home-item {
	list-style: none;
	margin: 0;
}
.drawer-nav-home-item:not(:first-child) {
	margin-inline: -1px 0;
}
.drawer-nav-home-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: var(--elem-gap--xs);
	border: 1px solid var(--color--wh);
	border-radius: var(--radius--l);
	font-weight: 500;
	line-height: 1.6;
	padding: var(--elem-gap--xs);
	height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
@media (hover: hover) {
	.drawer-nav-home-link:where(:-moz-any-link, :enabled, summary):hover {
		background: var(--color--wh);
		color: var(--color--prim);
	}
	.drawer-nav-home-link:where(:any-link, :enabled, summary):hover {
		background: var(--color--wh);
		color: var(--color--prim);
	}
	.kosen .drawer-nav-home-link:where(:-moz-any-link, :enabled, summary):hover {
		color: var(--color--gr);
	}
	.kosen .drawer-nav-home-link:where(:any-link, :enabled, summary):hover {
		color: var(--color--gr);
	}
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.drawer-nav-home-links {
		margin: 30px 0 0 !important;
		width: 100%;
	}
	.drawer-nav-home-item {
		list-style: none;
		margin: 0;
	}
	.drawer-nav-home-item:not(:first-child) {
		margin-inline: -1px 0;
	}
	.drawer-nav-home-link {
		font-size: var(--font-size--15);
	}
}
@media screen and (max-width: 1023.98px) {
	.drawer-nav-home-links {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		width: auto;
		margin: 0 !important;
	}
	.drawer-nav-home-item:not(:first-child) {
		margin-inline: 0;
		margin-block: -1px 0;
	}
	.drawer-nav-home-link {
		font-size: var(--font-size--16);
	}
}

.concept-movie {
	overflow: hidden;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 220px;
	padding-inline: 10px;
}
.concept-movie-button {
	position: relative;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-transition: scale 0.3s ease;
	transition: scale 0.3s ease;
	color: transparent !important;
	margin-inline: auto 0;
	margin-block: 0;
}
@media (hover: hover) {
	.concept-movie-button:where(:-moz-any-link, :enabled, summary):hover {
		scale: 1.1;
	}
	.concept-movie-button:where(:any-link, :enabled, summary):hover {
		scale: 1.1;
	}
}
.concept-movie-button .play-icon {
	position: absolute;
	inset: 0;
	margin: auto;
	display: block;
	width: 54px;
	height: 52px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(180deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
	-webkit-mask: url("../images/icn_play-movie.svg") no-repeat center/contain;
	        mask: url("../images/icn_play-movie.svg") no-repeat center/contain;
	translate: 4px 0;
}
.concept-movie-text-circle {
	width: 100%;
	height: 100%;
	-webkit-animation: rotate-text 20s linear infinite;
	        animation: rotate-text 20s linear infinite;
}
.concept-movie-text-circle textPath {
	font-size: var(--font-size--14);
	font-weight: 400;
	fill: var(--color--wh);
	letter-spacing: 0.085em;
}
@-webkit-keyframes rotate-text {
	to {
		rotate: 360deg;
	}
}
@keyframes rotate-text {
	to {
		rotate: 360deg;
	}
}
@media screen and (max-width: 1023.98px) {
	.concept-movie {
		height: 130px;
		margin-block: 0 -20px;
	}
	.concept-movie-button {
		width: 120px;
		height: 120px;
	}
	.concept-movie-button .play-icon {
		width: 32px;
		height: 31px;
	}
	.concept-movie-text-circle textPath {
		font-size: 1.4rem;
	}
}

.floating-cta {
	position: fixed;
	z-index: -2;
	inset: auto 15px 15px auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border-radius: var(--radius--l);
	width: 120px;
	-webkit-transition: width 0.3s ease, border-radius 0.3s ease;
	transition: width 0.3s ease, border-radius 0.3s ease;
	background-image: -webkit-gradient(linear, left bottom, left top, from(var(--color--or)), to(#FFC400));
	background-image: linear-gradient(0deg, var(--color--or) 0%, #FFC400 100%);
	background-size: 100% 100%;
	/* .on-scroll & {
		width: 80px;
		border-radius: var(--radius--m);
	} */
}
.floating-cta-links {
	display: -ms-grid;
	display: grid;
	margin: 0;
	width: -webkit-fill-available;
	width: -moz-available;
	width: stretch;
	height: 100%;
}
.floating-cta-item {
	position: relative;
	list-style: none;
	margin: 0;
	font-size: var(--font-size--18);
	line-height: 1.6;
	font-weight: 400;
	letter-spacing: 0.05em;
	text-align: center;
}
.floating-cta-item:not(:first-child)::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	display: block;
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--color--wh);
	margin-inline: auto;
	translate: 0 -50%;
}
.floating-cta-item {
	/* .on-scroll & {
		font-size: var(--font-size--13);
	} */
}
.floating-cta:has(.floating-cta-sub) .floating-cta-label::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 10px;
	border-radius: var(--radius--m);
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	/* .on-scroll & {
		border-radius: var(--radius--s);
	} */
}
.floating-cta:has(.floating-cta-sub) .floating-cta-label[aria-expanded=true] {
	color: var(--color--or);
	height: 100px;
	padding-top: 15px;
}
.floating-cta:has(.floating-cta-sub) .floating-cta-label[aria-expanded=true]::before {
	background: var(--color--wh);
}
.floating-cta:has(.floating-cta-sub) .floating-cta-label[aria-expanded=true] {
	/* .on-scroll & {
		height: 80px;
		padding-top: 10px;
	} */
}
.floating-cta-link {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	color: var(--color--wh);
	border-radius: var(--radius--l);
}
.floating-cta-link::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 10px;
	border-radius: var(--radius--m);
	-webkit-transition: background-color 0.2s ease;
	transition: background-color 0.2s ease;
	/* .on-scroll & {
		border-radius: var(--radius--s);
	} */
}
@media (hover: hover) {
	.floating-cta-link:where(:-moz-any-link, :enabled, summary):hover .floating-cta-label {
		color: var(--color--or);
	}
	.floating-cta-link:where(:any-link, :enabled, summary):hover .floating-cta-label {
		color: var(--color--or);
	}
	.floating-cta-link:where(:-moz-any-link, :enabled, summary):hover::before {
		background: var(--color--wh);
	}
	.floating-cta-link:where(:any-link, :enabled, summary):hover::before {
		background: var(--color--wh);
	}
}
.floating-cta-label {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	height: 120px;
	color: var(--color--wh);
	-webkit-transition: color 0.2s ease, height 0.3s ease, padding 0.3s ease;
	transition: color 0.2s ease, height 0.3s ease, padding 0.3s ease;
	background: transparent;
	font-size: inherit;
	font-weight: inherit;
	letter-spacing: inherit;
	padding: 0;
	width: 100%;
	/* .on-scroll & {
		height: 80px;
	} */
}
.floating-cta-sub {
	height: 0;
	overflow: hidden;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
	transition: height 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
	margin-block: 0;
}
.floating-cta-sub-links {
	display: -ms-grid;
	display: grid;
	gap: 0;
	margin: 0 20px 15px;
	padding-block: 20px;
	border-top: 1px dotted var(--color--or);
}
.on-scroll .floating-cta-sub-links {
	margin: 0 15px 15px;
	padding-block: 10px;
}
.floating-cta-sub-item {
	list-style: none;
	margin: 0;
	font-size: var(--font-size--16);
	/* .on-scroll & {
		font-size: var(--font-size--12);
	} */
}
.floating-cta-sub-link {
	display: block;
	padding: 10px;
	color: var(--color--or) !important;
}
@media (hover: hover) {
	.floating-cta-sub-link:where(:-moz-any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
	.floating-cta-sub-link:where(:any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
}
.floating-cta-sub-link {
	/* .on-scroll & {
		padding: 5px 2px;
	} */
}
@media screen and (max-width: 1280px) and (min-width: 1024px) {
	.floating-cta {
		inset: auto 10px 10px auto;
		width: 100px;
		border-radius: var(--radius--m);
	}
	.floating-cta-item {
		font-size: var(--font-size--16);
		line-height: 1.6;
		letter-spacing: 0;
	}
	.floating-cta-item:not(:first-child)::before {
		width: 4px;
		height: 4px;
	}
	.floating-cta:has(.floating-cta-sub) .floating-cta-label::before {
		inset: 10px;
		border-radius: var(--radius--s);
	}
	.floating-cta:has(.floating-cta-sub) .floating-cta-label[aria-expanded=true] {
		height: 80px;
		padding-top: 10px;
	}
	.floating-cta-link {
		border-radius: var(--radius--m);
	}
	.floating-cta-link::before {
		inset: 10px;
		border-radius: var(--radius--s);
	}
	.floating-cta-label {
		height: 100px;
	}
	.floating-cta-sub-links {
		margin: 0 15px 10px;
		padding-block: 10px;
	}
	.floating-cta-sub-item {
		font-size: var(--font-size--14);
	}
	.floating-cta-sub-link {
		padding: 5px 2px;
	}
}
@media screen and (max-width: 1023.98px) {
	.floating-cta {
		inset: auto 5px 5px auto;
		width: 60px;
		border-radius: var(--radius--m);
	}
	.floating-cta-item {
		font-size: 1.1rem;
		line-height: 1.6;
		letter-spacing: 0;
	}
	.floating-cta-item:not(:first-child)::before {
		width: 4px;
		height: 4px;
	}
	.floating-cta:has(.floating-cta-sub) .floating-cta-label::before {
		inset: 5px;
		border-radius: var(--radius--s);
	}
	.floating-cta:has(.floating-cta-sub) .floating-cta-label[aria-expanded=true] {
		height: 60px;
		padding-top: 5px;
	}
	.floating-cta-link {
		border-radius: var(--radius--m);
	}
	.floating-cta-link::before {
		inset: 5px;
		border-radius: var(--radius--s);
	}
	.floating-cta-label {
		height: 60px;
	}
	.floating-cta-sub-links {
		margin: 0 8px 5px;
		padding-block: 5px 10px;
	}
	.floating-cta-sub-item {
		font-size: 1rem;
	}
	.floating-cta-sub-link {
		padding: 10px 0;
	}
}

.footer {
	position: relative;
	z-index: 2;
	padding: var(--section-margin) var(--content-padding) var(--elem-gap--m);
	background-image: linear-gradient(160deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	color: var(--color--wh);
}
.kosen .footer {
	background-image: linear-gradient(160deg, var(--color--gr) 0%, #E5DD6B 100%);
	background-size: 100% 100%;
}
.footer-upper {
	margin-block: 0 var(--section-margin);
}
.footer-lower {
	display: -ms-grid;
	display: grid;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: 0 var(--elem-gap--l);
}
.footer-slogan {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 15rem;
	font-weight: 300;
	line-height: 1.2;
	white-space: nowrap;
	letter-spacing: 0;
	color: var(--color--wh);
	margin-block: 0 var(--elem-gap--xs);
	overflow: hidden;
	margin-inline: calc(50% - var(--vw) * 50);
}
.footer-slogan-inner {
	-webkit-animation: loop-slider 60s infinite linear 1s both;
	        animation: loop-slider 60s infinite linear 1s both;
	will-change: translate;
	padding-right: 0.5em;
}
.footer-cta {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	position: relative;
	margin-block: var(--elem-gap--xl);
	margin-inline: calc(100% - var(--content-width--s)) 0;
	width: var(--content-width--s);
}
.footer-cta-title {
	position: absolute;
	inset: -60px auto auto -50px;
	pointer-events: none;
}
.footer-cta-title-image {
	width: 500px;
}
.footer-cta-links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--or)), to(#FFC400));
	background-image: linear-gradient(90deg, var(--color--or) 0%, #FFC400 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--l);
	margin: 0;
}
.footer-cta-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
	position: relative;
	list-style: none;
	margin: 0;
}
.footer-cta-item:not(:first-child)::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	display: block;
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: var(--color--wh);
	margin-block: auto;
	translate: -50% 0;
}
.footer-cta-link {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding: var(--elem-gap--xs);
	height: 170px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-size: var(--font-size--20);
	font-weight: 500;
	line-height: 1.8;
	border-radius: var(--radius--s);
	color: var(--color--wh);
}
.footer-cta-link::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 10px;
	border-radius: var(--radius--m);
	-webkit-transition: background-color 0.2s ease, border-radius 0.4s ease;
	transition: background-color 0.2s ease, border-radius 0.4s ease;
}
@media (hover: hover) {
	.footer-cta-link:where(:-moz-any-link, :enabled, summary):hover {
		color: var(--color--or);
	}
	.footer-cta-link:where(:any-link, :enabled, summary):hover {
		color: var(--color--or);
	}
	.footer-cta-link:where(:-moz-any-link, :enabled, summary):hover::before {
		background: var(--color--wh);
	}
	.footer-cta-link:where(:any-link, :enabled, summary):hover::before {
		background: var(--color--wh);
	}
}
.footer-cta-label span {
	font-size: var(--font-size--24);
	font-weight: 300;
	line-height: 1.4;
}
.footer-corporate-site-button {
	margin: 0 0 0 var(--neg-margin--xl);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.footer-corporate-site-button-link {
	display: block;
	color: var(--color--wh);
	line-height: 1.8;
	font-weight: 300;
	padding: var(--elem-gap--xs) var(--elem-gap--s);
	border: 1px solid color-mix(in srgb, var(--color--wh) 50%, transparent);
	border-radius: var(--radius--xl);
}
@media (hover: hover) {
	.footer-corporate-site-button-link:where(:-moz-any-link, :enabled, summary):hover {
		border-color: var(--color--wh);
		background: var(--color--wh);
		color: var(--color--sec);
	}
	.footer-corporate-site-button-link:where(:any-link, :enabled, summary):hover {
		border-color: var(--color--wh);
		background: var(--color--wh);
		color: var(--color--sec);
	}
	.kosen .footer-corporate-site-button-link:where(:-moz-any-link, :enabled, summary):hover {
		color: var(--color--gr);
	}
	.kosen .footer-corporate-site-button-link:where(:any-link, :enabled, summary):hover {
		color: var(--color--gr);
	}
}
.footer .copyright {
	font-size: var(--font-size--12);
	line-height: 1.8;
	margin: 0 var(--neg-margin--xl) 0 auto;
	text-align: right;
}
@media screen and (max-width: 1023.98px) {
	.footer-slogan {
		-ms-grid-column-span: 1;
		grid-column: span 1;
		font-size: 8rem;
		margin-block: 0 8vw;
	}
	.footer-cta {
		-ms-grid-column-span: 1;
		grid-column: span 1;
		margin-inline: 0;
	}
	.footer-cta-title {
		inset: auto auto calc(100% - 50px) -20px;
	}
	.footer-cta-title-image {
		width: 80%;
		max-width: 90%;
	}
	.footer-cta-item:not(:first-child)::before {
		width: 5px;
		height: 5px;
	}
	.footer-cta-link {
		height: 100px;
	}
	.footer-corporate-site-button {
		margin: 0 auto var(--elem-gap--s);
	}
	.footer .copyright {
		margin: 0 auto;
		text-align: center;
	}
}

.other-contents {
	display: -ms-grid;
	display: grid;
	gap: 0 var(--elem-gap--l);
}
.other-contents-heading {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	font-size: var(--font-size--60);
	font-weight: 300;
	line-height: 0.9;
	padding-block: 0 var(--elem-gap--l);
	border-bottom: 1px solid color-mix(in srgb, var(--color--wh) 50%, transparent);
	margin: 0;
}
.other-contents-category {
	font-size: var(--font-size--28);
	font-weight: 500;
	line-height: 1.4;
	padding-block: var(--elem-gap--s);
	margin: 0;
}
.other-contents-list {
	display: -ms-grid;
	display: grid;
	list-style: none;
	margin: 0 0 0 auto;
	width: var(--content-width--s);
}
.other-contents-item {
	font-size: var(--font-size--18);
	line-height: 1.8;
	margin: 0;
	border-bottom: 1px solid color-mix(in srgb, var(--color--wh) 50%, transparent);
}
.other-contents-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	padding-block: var(--elem-gap--s);
	color: var(--color--wh) !important;
}
@media (hover: hover) {
	.other-contents-link:where(:-moz-any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
	.other-contents-link:where(:any-link, :enabled, summary):hover {
		text-decoration: underline;
	}
}
@media screen and (max-width: 1023.98px) {
	.other-contents-heading {
		-ms-grid-column-span: 1;
		grid-column: span 1;
	}
}

.top {
	position: relative;
	margin-inline: calc(50% - var(--vw) * 50);
	margin-block: 0 var(--section-margin);
}
.top-slogan-ja {
	position: absolute;
	z-index: 7;
	inset: auto auto -60px var(--content-padding);
	margin: 0;
}
.top-slogan-ja-image {
	width: min(40vw, 577px);
}
.top-slogan-en {
	position: absolute;
	inset: auto 0 calc(20vw - 0.25em);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-block: auto;
	font-size: 15rem;
	font-weight: 300;
	line-height: 1.2;
	white-space: nowrap;
	letter-spacing: 0;
	color: color-mix(in srgb, var(--color--prim) 50%, black 50%);
	height: 1.2em;
	overflow: hidden;
}
.mid-career .top-slogan-en {
	color: color-mix(in srgb, var(--color--sec) 50%, black 50%);
}
.kosen .top-slogan-en {
	color: color-mix(in srgb, var(--color--gr) 50%, black 50%);
}
.top-slogan-en--wh {
	z-index: 3;
	color: var(--color--wh) !important;
	mix-blend-mode: overlay;
}
.top-slogan-inner {
	-webkit-animation: loop-slider 60s infinite linear 1s both;
	        animation: loop-slider 60s infinite linear 1s both;
	will-change: translate;
	padding-right: 0.5em;
}
@-webkit-keyframes loop-slider {
	from {
		translate: 0;
	}
	to {
		translate: -100%;
	}
}
@keyframes loop-slider {
	from {
		translate: 0;
	}
	to {
		translate: -100%;
	}
}
.top-slider-wrapper {
	position: relative;
}
.top-slider {
	position: relative;
}
.top-slider-item {
	width: calc(var(--vw) * 33) !important;
	margin-inline: calc(var(--vw) * 6);
	border-radius: calc(var(--vw) * 12);
	overflow: clip;
}
@keyframes rotate-text {
	to {
		rotate: 360deg;
	}
}
.top .scroll-text {
	position: absolute;
	z-index: 3;
	inset: calc(100% + 50px) 0 auto;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	width: var(--content-padding);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	color: var(--color--wh);
	font-size: var(--font-size--15);
	margin: 0 auto;
	white-space: nowrap;
}
.top .scroll-line {
	width: 1px;
	height: 100%;
	background: var(--color--wh);
	-webkit-animation: scroll 2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
	        animation: scroll 2s cubic-bezier(0.65, 0, 0.35, 1) infinite;
}
@-webkit-keyframes scroll {
	0% {
		clip-path: inset(0 0 100% 0);
	}
	50% {
		clip-path: inset(0 0 0 0);
	}
	100% {
		clip-path: inset(100% 0 0 0);
	}
}
@keyframes scroll {
	0% {
		clip-path: inset(0 0 100% 0);
	}
	50% {
		clip-path: inset(0 0 0 0);
	}
	100% {
		clip-path: inset(100% 0 0 0);
	}
}
@media screen and (max-width: 1023.98px) {
	.top-slogan-ja {
		inset: auto auto -60px var(--content-padding--l);
	}
	.top-slogan-ja-image {
		width: min(65vw, 577px);
	}
	.top-slogan-en {
		font-size: min(20vw, 12rem);
		inset: auto 0 calc(35vw - 0.25em);
	}
	.top-slider-item {
		width: calc(var(--vw) * 65) !important;
		margin-inline: calc(var(--vw) * 5.5);
		border-radius: calc(var(--vw) * 20);
	}
	.top .scroll-text {
		font-size: 1rem;
		line-height: 1.2;
		inset: calc(100% + 60px) 0 auto;
	}
}

.home-pickup {
	position: relative;
	display: -ms-grid;
	display: grid;
	gap: var(--elem-gap--xs);
	padding-block: var(--elem-gap--l);
	margin-inline: calc(50% - var(--vw) * 50);
}
.home-pickup::before {
	content: "";
	position: absolute;
	z-index: -2;
	inset: -20vw 0 calc(var(--section-margin) * -1);
	min-height: 100vh;
	margin-block: calc(var(--section-margin) * -1) 0;
	background-image: linear-gradient(160deg, var(--color--prim) 300px, var(--color--aq) 100%);
	background-size: 100% 100%;
	background-position: 0 50%;
}
.mid-career .home-pickup::before {
	background-image: linear-gradient(160deg, var(--color--sec) 300px, var(--color--pk) 100%);
	background-size: 100% 100%;
}
.kosen .home-pickup::before {
	background-image: linear-gradient(160deg, var(--color--gr) 300px, #E5DD6B 100%);
	background-size: 100% 100%;
}
.home-pickup-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin: 0;
	-webkit-transition-timing-function: linear !important;
	        transition-timing-function: linear !important;
}
.home-pickup-item {
	width: -webkit-fit-content !important;
	width: -moz-fit-content !important;
	width: fit-content !important;
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	margin-inline: 0 var(--elem-gap--xs) !important;
	list-style: none;
}
.home-pickup-link {
	display: block;
	border-radius: var(--radius--l);
	overflow: clip;
}
@media (hover: hover) {
	.home-pickup-link:where(:-moz-any-link, :enabled, summary):hover .home-pickup-image {
		scale: 1.05;
	}
	.home-pickup-link:where(:any-link, :enabled, summary):hover .home-pickup-image {
		scale: 1.05;
	}
}
.home-pickup-image {
	width: 400px;
	height: auto;
}
@media screen and (max-width: 1023.98px) {
	.home-pickup {
		padding-block: 60px;
	}
	.home-pickup::before {
		inset: -35vw 0 calc(var(--section-margin) * -1);
	}
	.home-pickup-image {
		width: 200px;
		height: auto;
	}
}

@-webkit-keyframes marquee-rtl {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}

@keyframes marquee-rtl {
	0% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
	100% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
}
@-webkit-keyframes marquee-ltr {
	0% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
@keyframes marquee-ltr {
	0% {
		-webkit-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	100% {
		-webkit-transform: translateX(0);
		        transform: translateX(0);
	}
}
.home-footer {
	position: absolute;
	z-index: 2;
	inset: auto 0 var(--elem-gap--m);
	margin-inline: auto;
	width: var(--content-width--xl);
}
.home-footer .copyright {
	font-size: var(--font-size--12);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0 auto;
	color: var(--color--wh);
	letter-spacing: 0.05em;
	font-weight: 300;
	text-align: center;
}
@media screen and (min-width: 1024px) {
	.page-header:has(.message-profile) {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr auto;
		grid-template-columns: 1fr auto;
	}
	.page-header:has(.message-profile) .page-title,
	.page-header:has(.message-profile) .hero {
		-ms-grid-column-span: 2;
		grid-column: span 2;
	}
	.page-header:has(.message-profile) .interview-title {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
}

.message-profile {
	margin-block: var(--elem-gap--l) 0;
	line-height: 1.8;
}
.message-position {
	font-size: var(--font-size--16);
}
.message-name {
	font-size: var(--font-size--20);
	font-weight: 500;
}
@media screen and (max-width: 1023.98px) {
	.message-profile {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: end;
		    -ms-flex-pack: end;
		        justify-content: flex-end;
		-webkit-box-align: baseline;
		    -ms-flex-align: baseline;
		        align-items: baseline;
		gap: var(--elem-gap--xs);
	}
}

.like-list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--elem-gap--m);
}
.like-profile, .like-modal-profile {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr 10px auto;
	grid-template-rows: 1fr auto;
	grid-auto-flow: column;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
	gap: 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(90deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--xl);
	aspect-ratio: 350/190;
	padding: var(--elem-gap--s);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.like-profile .plus-icon, .like-modal-profile .plus-icon {
	-ms-grid-row-span: 2;
	grid-row: span 2;
}
.like-name, .like-modal-name {
	position: relative;
	z-index: 2;
	font-size: var(--font-size--24);
	font-weight: 500;
	color: var(--color--wh);
	line-height: 1;
	margin-block: auto 0;
}
.like-job, .like-modal-job {
	position: relative;
	z-index: 2;
	font-size: var(--font-size--14);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	border-radius: 20px;
	padding: 0.2em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.like-image, .like-modal-image {
	position: absolute;
	inset: auto 0 0;
	margin: 0 auto;
	pointer-events: none;
	-webkit-transform-origin: 50% 100%;
	        transform-origin: 50% 100%;
}
.like-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: var(--elem-gap--xs);
}
@media (hover: hover) {
	.like-link:where(:-moz-any-link, :enabled, summary):hover .like-image, .like-link:where(:-moz-any-link, :enabled, summary):hover .like-modal-image {
		scale: 1.05;
	}
	.like-link:where(:any-link, :enabled, summary):hover .like-image, .like-link:where(:any-link, :enabled, summary):hover .like-modal-image {
		scale: 1.05;
	}
}
.like-summary {
	padding: 0 var(--elem-gap--s);
}
.like-summary-en {
	font-size: var(--font-size--24);
	line-height: 1.4;
	color: var(--color--sec);
	margin-block: 0 10px;
}
.like-summary-ja {
	line-height: 1.6;
}
.like-modal-profile {
	aspect-ratio: auto;
	height: 190px;
	margin-block: 0 var(--elem-gap--l);
}
.like-modal-name {
	font-size: var(--font-size--30);
}
.like-modal-job {
	font-size: var(--font-size--18);
}
.like-modal-image {
	width: 400px;
}
.like-modal-heading {
	font-size: var(--font-size--24);
}
@media screen and (max-width: 1023.98px) {
	.like-list {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: var(--elem-gap--s);
	}
	.like-profile, .like-modal-profile {
		width: 100%;
		padding: var(--elem-gap--xs);
		border-radius: var(--radius--l);
	}
	.like-job, .like-modal-job {
		font-size: 0.9rem;
		letter-spacing: 0;
	}
	.like-summary {
		padding: 0 var(--elem-gap--xs);
	}
	.like-modal-image {
		width: 350px;
	}
}

.about-description {
	position: relative;
	display: -ms-grid;
	display: grid;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	padding-block: var(--elem-gap--s);
	padding-inline: var(--elem-gap--xl);
	font-size: var(--font-size--20);
	font-weight: 500;
	margin-block: var(--elem-gap--l);
}
.about-description :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.about-description::before, .about-description::after {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	display: block;
	border: 2px solid var(--color--prim);
	border-right: none;
	border-radius: var(--radius--xl) 0 0 var(--radius--xl);
	width: var(--radius--xl);
}
.about-description::after {
	inset: 0 0 0 auto;
	scale: -1 1;
}
.about-business-heading-en {
	font-size: 15rem;
	font-weight: 300;
	line-height: 0.9;
	color: var(--color--wh);
	margin-block: 0 -0.5em;
}
.about-business-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--elem-gap--m);
}
.about-business-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
}
.about-business-icon {
	display: block;
	margin-inline: auto;
	margin-block: 0 var(--elem-gap--xs);
}
.about-business-title {
	font-size: var(--font-size--24);
	font-weight: 500;
	color: var(--color--sec);
}
.about-business-description {
	font-size: var(--font-size--15);
	line-height: 2;
}
@media screen and (max-width: 1023.98px) {
	.about-business-heading-en {
		font-size: min(12vw, 12rem);
	}
	.about-business-list {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
}
.about-more {
	position: relative;
	margin-inline: calc(50% - var(--vw) * 50);
	padding-inline: calc(var(--vw) * 50 - 50%);
	background-image: linear-gradient(135deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	padding-block: var(--section-margin);
	color: var(--color--wh);
}
.about-more-description {
	font-size: var(--font-size--24);
	font-weight: 500;
	letter-spacing: 0.15em;
	line-height: 1.8;
}
.about-more-link {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: var(--elem-gap--xs);
	margin-inline: auto;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(90deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
	width: 90%;
	min-height: 140px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: var(--radius--m);
	color: var(--color--wh);
	font-size: var(--font-size--18);
	line-height: 1.5;
	padding: var(--elem-gap--s);
	margin-block: var(--elem-gap--xl) 0;
	background-position: 0 50%;
}
@media (hover: hover) {
	.about-more-link:where(:-moz-any-link, :enabled, summary):hover {
		background-size: 150% 100%;
	}
	.about-more-link:where(:any-link, :enabled, summary):hover {
		background-size: 150% 100%;
	}
}
.about-more-link-shoulder {
	position: absolute;
	inset: -1.5em auto auto -1.5em;
	font-size: var(--font-size--18);
	background: var(--color--wh);
	padding: 1em;
	color: var(--color--prim);
	font-weight: 500;
	line-height: 1.5;
	border-radius: 50px;
}
.about-more-link-label {
	-webkit-box-flex: 2;
	    -ms-flex: 2 2 auto;
	        flex: 2 2 auto;
	font-size: var(--font-size--24);
	text-align: center;
	font-weight: 500;
	color: var(--color--wh);
}
.about-more-link .arrow-icon {
	background: var(--color--wh);
}
.about-more-link .arrow-icon::before {
	background: var(--color--bl-gr);
}
.about-more .down-arrow-icon {
	position: absolute;
	inset: var(--elem-gap--l) 0 auto;
	margin-inline: auto;
}
.about-more .down-arrow-icon-stroke {
	position: absolute;
	inset: 0 0 auto;
	margin-inline: auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	translate: 0 -50%;
}
.about-more .down-arrow-icon-stroke::before, .about-more .down-arrow-icon-stroke::after {
	content: "";
	position: absolute;
	inset: auto 0 calc(100% + var(--elem-gap--xs));
	margin-inline: auto;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
}
.about-more .down-arrow-icon-stroke::after {
	inset: calc(100% + var(--elem-gap--xs)) 0 auto;
}
.about-more .down-arrow-icon + .about-more-description {
	text-align: center;
}
@media screen and (max-width: 1023.98px) {
	.about-more-description {
		font-size: 1.8rem;
		letter-spacing: 0.05em;
	}
	.about-more-link {
		min-height: 100px;
	}
	.about-more-link-shoulder {
		font-size: var(--font-size--16);
		padding: 0.5em 0.8em;
	}
	.about-more .down-arrow-icon-stroke {
		width: 8px;
		height: 8px;
	}
	.about-more .down-arrow-icon-stroke::before, .about-more .down-arrow-icon-stroke::after {
		width: 8px;
		height: 8px;
	}
}
.about-ltr-list {
	display: -ms-grid;
	display: grid;
	gap: 0.6em;
}
.about-ltr-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: 0.5em;
	list-style: none;
	font-size: var(--font-size--20);
	font-weight: 500;
	margin-inline: 0;
}
.about-ltr-item::before {
	display: block;
	content: "";
	width: var(--elem-gap--xs);
	height: var(--elem-gap--xs);
	border-radius: 50%;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--prim)), to(var(--color--sec)));
	background-image: linear-gradient(90deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
}
.about-resourcefulness-question {
	font-size: var(--font-size--28);
	font-weight: 500;
	color: var(--color--prim);
	text-align: center;
	margin-block: 0 0.5em;
}
.about-resourcefulness .down-arrow-icon {
	position: relative;
	z-index: 3;
	margin-block: 0 -20px;
}
.about-resourcefulness-content {
	position: relative;
	z-index: 2;
	background: var(--color--be);
	padding: var(--elem-gap--l) 15%;
	border-radius: 200px;
	font-size: var(--font-size--18);
}
.about-resourcefulness-content :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.about-resourcefulness-intro {
	text-align: center;
}
.about-resourcefulness-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	list-style: none;
}
.about-resourcefulness-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin: 0;
	text-align: center;
	color: var(--color--sec);
	line-height: 1.6;
	font-weight: 500;
	padding: 1em;
}
.about-resourcefulness-item:first-child, .about-resourcefulness-item:nth-child(2) {
	border-bottom: 1px solid var(--color--sec);
}
.about-resourcefulness-item:nth-child(even) {
	border-left: 1px solid var(--color--sec);
}
@-webkit-keyframes about-slider-loop {
	0% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
}
@keyframes about-slider-loop {
	0% {
		-webkit-transform: translateX(0%);
		        transform: translateX(0%);
	}
	100% {
		-webkit-transform: translateX(-100%);
		        transform: translateX(-100%);
	}
}
.about-resourcefulness-slider {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	overflow: hidden;
	margin-block: calc(var(--elem-gap--s) * -1) var(--elem-gap--l);
	margin-inline: calc(50% - var(--vw) * 50);
}
.about-resourcefulness-slider-inner {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-animation: about-slider-loop 40s linear infinite;
	        animation: about-slider-loop 40s linear infinite;
}
.about-resourcefulness-slider-image {
	margin-inline: 0 var(--elem-gap--xs);
	width: 500px;
	border-radius: var(--radius--l);
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
@media screen and (max-width: 1023.98px) {
	.about-resourcefulness-content {
		padding: var(--elem-gap--l);
		border-radius: var(--radius--xl);
	}
	.about-resourcefulness-item {
		font-size: 1.4rem;
	}
	.about-resourcefulness-slider-image {
		width: 250px;
	}
}
.about-culture-question {
	font-size: var(--font-size--28);
	font-weight: 500;
	color: var(--color--prim);
	text-align: center;
	margin-block: 0 var(--elem-gap--xl);
}
.about-culture-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-block: var(--elem-gap--l);
}
.about-culture-item {
	list-style: none;
	margin: 0;
	border: 1px solid var(--color--wh);
	border-radius: 30px;
	padding: 0.5em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: var(--font-size--18);
}
.about-culture-item:nth-child(2) {
	margin: -0.4em 40% 0 0;
}
.about-culture-item:nth-child(3) {
	margin: -2.5em 0 0 40%;
}
.about-culture-item:nth-child(4) {
	margin: -0.4em 20% 0 0;
}
.about-culture-item:nth-child(5) {
	margin: -0.4em 0 0 20%;
}
@media screen and (max-width: 1023.98px) {
	.about-culture-item {
		font-size: 1.4rem;
		margin: 0.4em auto !important;
	}
}
.about-frontier-title {
	font-size: var(--font-size--24);
	font-weight: 500;
	color: var(--color--prim);
	text-align: center;
	margin-block: 0 var(--elem-gap--xs);
}
.about-frontier-word {
	font-size: 15rem;
	font-weight: 300;
	line-height: 0.9;
	background-image: linear-gradient(177deg, var(--color--prim) 20%, var(--color--sec) 80%);
	background-size: 100% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
	margin-block: 0 0.1em;
}
.about-frontier-description {
	font-size: var(--font-size--24);
	line-height: 1.6;
	font-weight: 500;
	text-align: center;
	margin-block: 0 var(--elem-gap--l);
}
.about-frontier-content {
	font-size: var(--font-size--18);
	text-align: center;
}
@media screen and (max-width: 1023.98px) {
	.about-frontier-word {
		font-size: min(15vw, 15rem);
	}
	.about-frontier-description {
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
	.about-frontier-content {
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
}
.about-value {
	position: relative;
	max-width: 700px;
	margin-inline: auto;
	margin-block: var(--elem-gap--xl);
}
.about-value::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 50% auto auto 50%;
	background: url(../../assets/images/bg_radial-pattern.svg) no-repeat center/cover;
	width: 1070px;
	aspect-ratio: 1/1;
	translate: -50% -50%;
}
.about-value-title {
	font-size: var(--font-size--18);
	font-weight: 500;
	margin-block: 0 -3rem;
}
.about-value-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	    -ms-flex-direction: row-reverse;
	        flex-direction: row-reverse;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}
.about-value-item {
	position: relative;
	width: 50%;
}
.about-value-item-text {
	position: absolute;
	inset: 0;
	margin: auto;
	text-align: center;
	font-size: var(--font-size--20);
	font-weight: 500;
	color: var(--color--wh);
	line-height: 1.8;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	text-shadow: 0 0 var(--elem-gap--s) color-mix(in srgb, var(--color--dk-bl) 80%, transparent);
}
.about-value-item:nth-child(1) {
	z-index: 2;
	margin-inline: -2% 0;
}
.about-value-item:nth-child(2) {
	margin-block: 60px -5%;
	margin-inline: 0 -2%;
}
.about-value-item:nth-child(3) {
	margin-inline: 0 10%;
}
.about-value-image {
	border-radius: var(--elem-gap--xs);
}
@media screen and (max-width: 1023.98px) {
	.about-value::before {
		width: min(150vw, 1070px);
	}
	.about-value-title {
		margin-block: 0;
	}
	.about-value-item-text {
		font-size: min(3vw, var(--font-size--18));
	}
}
.about-message {
	font-size: var(--font-size--18);
	text-align: center;
}
@media screen and (max-width: 1023.98px) {
	.about-message {
		word-break: keep-all;
		overflow-wrap: anywhere;
	}
}

.feature {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr calc(var(--elem-gap--xl) * 2) 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 0 calc(var(--elem-gap--xl) * 2);
	overflow: hidden;
	-webkit-margin-after: 0;
	        margin-block-end: 0;
	-webkit-padding-after: var(--section-margin);
	        padding-block-end: var(--section-margin);
}
.feature-section {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: subgrid;
	grid-template-rows: subgrid;
	-ms-grid-row-span: 6;
	grid-row: span 6;
}
.feature-section :not([class]) {
	color: var(--base-font-color);
}
.feature-section:first-child {
	color: var(--color--prim);
}
.feature-section:first-child .feature-heading-wrapper::before {
	inset: 0 calc(var(--elem-gap--xl) * -1) 0 50%;
}
.feature-section:last-child {
	color: var(--color--sec);
}
.feature-section:last-child .feature-heading {
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
}
.feature-section:last-child .feature-heading-wrapper::before {
	inset: 0 50% 0 calc(var(--elem-gap--xl) * -1);
}
.feature-section:last-child .feature-heading-wrapper::after {
	content: "";
	position: absolute;
	inset: 50% auto auto calc(var(--elem-gap--xl) * -1);
	width: 0;
	height: 4500px;
	border-left: 3px solid transparent;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
.feature-heading {
	position: absolute;
	inset: 0;
	margin: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	padding-bottom: 70px;
}
.feature-heading-wrapper {
	position: relative;
	margin: 0 0 var(--elem-gap--l);
	text-align: center;
}
.feature-heading-wrapper::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	margin-block: auto;
	height: 0;
	border-top: 3px solid transparent;
	-o-border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
.feature-heading-en {
	font-size: var(--font-size--30);
	font-weight: 300;
	line-height: 1.4;
	margin-inline: auto;
	margin-block: 5px;
	text-align: left;
	text-indent: 15px;
}
.feature-heading-ja {
	font-size: min(2.2vw, var(--font-size--30));
	line-height: 1.4;
	margin: 0;
	color: var(--base-font-color);
	background-color: var(--color--wh);
	padding-block: 10px;
	padding-inline: 15px;
	border-radius: var(--radius--m);
	margin-inline: auto;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.feature-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: subgrid;
	grid-template-rows: subgrid;
	-ms-grid-row-span: 5;
	grid-row: span 5;
	gap: var(--elem-gap--l);
}
.feature-item {
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: auto var(--elem-gap--s) 1fr;
	grid-template-rows: auto 1fr;
	gap: var(--elem-gap--s);
}
.feature-item :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.feature-image-wrapper {
	position: relative;
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding-block: var(--elem-gap--l) var(--elem-gap--m);
}
.feature-image {
	width: 100%;
	height: auto;
	border-radius: var(--radius--xl);
	-o-object-fit: cover;
	   object-fit: cover;
}
.feature-image-caption {
	position: absolute;
	padding: 10px 15px;
	background-color: var(--color--wh);
	font-size: var(--font-size--20);
	line-height: 1.4;
	border-radius: var(--radius--l);
	font-weight: 500;
	margin: var(--elem-gap--xs) !important;
}
.feature-image-caption--tl {
	top: 0;
	left: 0;
}
.feature-image-caption--tr {
	top: 0;
	right: 0;
}
.feature-image-caption--bl {
	bottom: 0;
	left: 0;
}
.feature-image-caption--br {
	bottom: 0;
	right: 0;
}
.feature-summary {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	border: 1px solid var(--color--sec);
	border-radius: 200px;
	padding: var(--elem-gap--xl) 15%;
}
.feature-summary-heading {
	text-align: center;
}
.feature-summary-description {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	font-size: var(--font-size--20);
	font-weight: 500;
	margin: 0;
}
@media screen and (max-width: 1023.98px) {
	.feature {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: var(--section-margin);
	}
	.feature-section {
		-ms-grid-rows: auto;
		grid-template-rows: auto;
		grid-row: auto;
	}
	.feature-heading {
		padding-bottom: 40px;
	}
	.feature-heading-wrapper::before {
		display: none;
	}
	.feature-heading-wrapper::after {
		display: none;
	}
	.feature-heading-ja {
		font-size: 2rem;
	}
	.feature-heading-bg {
		max-width: 80%;
	}
	.feature-image-wrapper {
		padding-block: 20px 60px;
	}
	.feature-image-caption {
		inset: auto auto 0 0 !important;
	}
	.feature-summary {
		border-radius: var(--radius--xl);
		padding: var(--elem-gap--xl);
	}
	.feature-summary-heading {
		text-align: left;
	}
}

.next-subtitle-highlight {
	font-size: 4rem;
	color: var(--color--prim);
	font-weight: 500;
	background-image: linear-gradient(177deg, var(--color--prim) 20%, var(--color--sec) 80%);
	background-size: 100% 100%;
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.next-background {
	position: sticky;
	top: var(--header-height);
	margin-inline: calc(50% - var(--vw) * 50);
	height: calc(100lvh - var(--header-height));
	z-index: -1;
	overflow: hidden;
}
.next-background img {
	position: absolute;
	inset: 0 auto auto 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
	mix-blend-mode: plus-lighter;
}
.next-background-text {
	position: absolute;
	z-index: 2;
	inset: 0;
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
	margin-block: auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 15rem;
	font-weight: 300;
	line-height: 1.2;
	white-space: nowrap;
	letter-spacing: 0;
	color: var(--color--wh);
	overflow: hidden;
	mix-blend-mode: overlay;
}
.next-background-text-inner {
	-webkit-animation: loop-slider 24s infinite linear 1s both;
	        animation: loop-slider 24s infinite linear 1s both;
	will-change: translate;
	padding-right: 0.5em;
}
@media screen and (max-width: 1023.98px) {
	.next-background-text {
		font-size: 8rem;
	}
}
.next-section-wrapper {
	position: relative;
	display: flow-root;
	margin-block: 0 calc(var(--section-margin) * -1);
}
.next-section {
	position: relative;
	width: var(--content-width--s);
	background: var(--color--wh);
	padding: var(--elem-gap--l);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: var(--radius--xl);
	margin-block: 0 var(--section-margin) !important;
}
.next-section:first-of-type {
	-webkit-margin-before: calc((100lvh - var(--header-height)) * -1 + var(--section-margin)) !important;
	        margin-block-start: calc((100lvh - var(--header-height)) * -1 + var(--section-margin)) !important;
}
.next-section:nth-of-type(even) {
	margin-inline: auto 0;
}
.next-section .tab-box-body {
	border-radius: 0 var(--radius--m) var(--radius--m) var(--radius--m);
}
@media screen and (max-width: 1023.98px) {
	.next-section {
		padding: var(--elem-gap--m);
		margin-block: 0 calc(var(--section-margin) * 5) !important;
	}
	.next-section:first-of-type {
		-webkit-margin-before: calc((100lvh - var(--header-height)) * -1 + var(--section-margin) * 5) !important;
		        margin-block-start: calc((100lvh - var(--header-height)) * -1 + var(--section-margin) * 5) !important;
	}
}
.next-strongest {
	background: var(--color--be);
	padding: var(--elem-gap--m);
	border-radius: var(--radius--m);
	margin-block: var(--elem-gap--l);
	overflow: hidden;
}
.next-strongest-heading {
	font-size: var(--font-size--24);
	font-weight: 500;
}
.next-strongest-list {
	position: relative;
	z-index: 3;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr 1fr;
	grid-template-columns: 1fr 1fr;
	padding: 0;
	list-style: none;
}
.next-strongest-list-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: 0.2em;
	font-size: var(--font-size--18);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--prim);
	padding: var(--elem-gap--xs);
	margin: 0;
	counter-increment: strongest-count;
	word-break: keep-all;
	overflow-wrap: anywhere;
}
.next-strongest-list-item::before {
	content: counter(strongest-count);
	display: -ms-grid;
	display: grid;
	place-items: center;
	background: var(--color--wh);
	width: 1.8em;
	height: 1.8em;
	font-size: var(--font-size--24);
	text-align: center;
	color: var(--color--sec);
	line-height: 0.9;
	font-weight: 400;
	font-family: var(--num-font);
	border-radius: var(--radius--s);
}
.next-strongest-list-item small {
	display: inline-block;
	font-size: var(--font-size--14);
	font-weight: 400;
	margin-block: 0.5em 0;
	word-break: initial;
	overflow-wrap: initial;
}
.next-strongest-list-item:nth-child(odd) {
	border-right: 1px solid var(--color--sec);
}
.next-strongest-list-item:nth-child(n+3) {
	border-top: 1px solid var(--color--sec);
}
.next-strongest .down-arrow-icon {
	position: relative;
	z-index: 3;
}
.next-strongest-value-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0.5em;
	position: relative;
	z-index: 2;
	padding-block: var(--elem-gap--m);
}
.next-strongest-value-list::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 50% auto auto 50%;
	background: url(../../assets/images/bg_radial-pattern.svg) no-repeat center/cover;
	width: 600px;
	aspect-ratio: 1/1;
	translate: -50% -50%;
}
.next-strongest-value-list-item {
	position: relative;
	color: var(--color--sec);
	font-size: var(--font-size--18);
	border: 1px solid;
	list-style: none;
	line-height: 1.5;
	margin: 0;
	background: var(--color--wh);
	border-radius: 50px;
	padding: 0.7em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin: 0;
}
.next-strongest-value-list-item:nth-child(2) {
	z-index: 2;
	margin: 0 0 0 -18%;
}
.next-strongest-value-list-item:nth-child(3) {
	z-index: 3;
	margin: 0 0 0 20%;
}
.next-strongest-value-list-item:nth-child(4) {
	margin: 0 10% 0 0;
}
@media screen and (max-width: 1023.98px) {
	.next-strongest-list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.next-strongest-list-item {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		gap: 0.5em;
		border: none !important;
		padding: 0.8em 0;
	}
	.next-strongest-list-item::before {
		-webkit-box-flex: 0;
		    -ms-flex: 0 0 auto;
		        flex: 0 0 auto;
	}
	.next-strongest-list-item:not(:first-child) {
		border-top: 1px solid var(--color--sec) !important;
	}
	.next-strongest-value-list-item {
		margin: 0;
	}
	.next-strongest-value-list-item:nth-child(2) {
		margin: 0 0 0 -8%;
	}
	.next-strongest-value-list-item:nth-child(3) {
		margin: 0 0 0 10%;
	}
	.next-strongest-value-list-item:nth-child(4) {
		margin: 0 5% 0 0;
	}
}
.next-technology-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: var(--elem-gap--xs);
	padding: 0;
	list-style: none;
	margin-block: var(--elem-gap--l);
	background: var(--color--be);
	padding: var(--elem-gap--m);
	border-radius: var(--radius--m);
}
.next-technology-list-item {
	width: calc((100% - var(--elem-gap--xs) * 2) / 3);
}
.next-technology-icon {
	display: block;
	margin-inline: auto;
}
.next-technology-title {
	font-size: var(--font-size--20);
	text-align: center;
	color: var(--color--sec);
	margin-block: 0 0.5em;
}
.next-technology-description {
	font-size: var(--font-size--14);
	line-height: 1.8;
	margin: 0;
}
@media screen and (max-width: 1023.98px) {
	.next-technology-list {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: 1fr var(--elem-gap--s) 1fr;
		grid-template-columns: 1fr 1fr;
		gap: var(--elem-gap--s);
	}
	.next-technology-list-item {
		width: auto;
	}
	.next-technology-title {
		font-size: 1.5rem;
	}
	.next-technology-icon {
		max-width: 80%;
	}
}

.project-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--l) 1fr;
	grid-template-columns: 1fr 1fr;
	gap: var(--elem-gap--xl) var(--elem-gap--l);
}
.project-item .thumbnail-wrapper {
	position: relative;
	margin-inline: calc(var(--elem-gap--xs) * -1);
	margin-block: 0 var(--elem-gap--s);
	border-radius: 0 var(--radius--xl) var(--radius--xl) var(--radius--xl);
}
.project-item .plus-icon {
	position: absolute;
	inset: auto var(--elem-gap--s) var(--elem-gap--s) auto;
}
.project-link {
	display: -ms-grid;
	display: grid;
	padding: 0 var(--elem-gap--xs);
}
.project-count {
	position: absolute;
	z-index: 2;
	inset: -0.5px auto auto -0.5px;
	background: var(--color--wh);
	padding: 0.7em 1em 0.7em 0.7em;
	margin: 0;
	border-radius: 0 0 var(--radius--m) 0;
}
.project-count::before, .project-count::after {
	content: "";
	position: absolute;
	inset: 0 auto auto 100%;
	background: var(--color--wh);
	-webkit-mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 0 0/200% 200%;
	        mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 0 0/200% 200%;
	width: var(--elem-gap--xs);
	height: var(--elem-gap--xs);
}
.project-count:after {
	inset: 100% auto auto 0;
}
.project-title {
	font-size: var(--font-size--24);
	margin-block: 0 0.5em;
}
.project-subtitle {
	margin: 0;
}
@media screen and (max-width: 1023.98px) {
	.project-list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}
.project-modal-header {
	margin-block: 0 var(--child-section-margin);
}
.project-modal-image {
	border-radius: 0 var(--radius--xl) var(--radius--xl) var(--radius--xl);
}
.project-modal-image-wrapper {
	position: relative;
	margin-block: 0 var(--elem-gap--m);
}
.project-modal-title {
	font-size: var(--font-size--32);
	margin-block: 0 var(--elem-gap--xs);
}
.project-modal-subtitle {
	font-size: var(--font-size--18);
}
.project-modal-section {
	margin-block: 0 var(--elem-gap--l);
}
.project-modal-section-heading {
	margin-block: 0 var(--elem-gap--s);
}
.project-modal-points-heading {
	font-size: var(--font-size--20);
	background: var(--color--be);
	border-radius: var(--radius--m) var(--radius--m) 0 0;
	padding: var(--elem-gap--xs) var(--elem-gap--m) 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 -1px;
	margin-inline: 0 var(--radius--xl);
}
.project-modal-points-body {
	background: var(--color--be);
	padding: var(--elem-gap--m);
	border-radius: 0 var(--radius--xl) var(--radius--xl) var(--radius--xl);
}
.project-modal-points-body :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.project-modal-points-item {
	margin-block: 0 var(--elem-gap--m);
}
.project-modal-points-title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: var(--elem-gap--xs);
	font-size: var(--font-size--18);
	margin-block: 0 var(--elem-gap--xs);
}
.project-modal-points-count {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -ms-grid;
	display: grid;
	place-items: center;
	background: var(--color--wh);
	width: 1.8em;
	height: 1.8em;
	font-size: var(--font-size--24);
	text-align: center;
	color: var(--color--sec);
	line-height: 0.9;
	font-weight: 400;
	border-radius: var(--radius--s);
}
@media screen and (max-width: 1023.98px) {
	.project-modal-image {
		height: min(45vw, 300px);
		-o-object-fit: cover;
		   object-fit: cover;
	}
	.project-modal-points-body {
		border-top-right-radius: var(--radius--l);
	}
}

.relay-nav {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--elem-gap--m);
	background: var(--color--wh);
	border-radius: var(--radius--xl);
	margin-block: var(--elem-gap--xl) 0;
	padding: var(--elem-gap--l);
}
.relay-nav-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
}
.relay-nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}
@media (hover: hover) {
	.relay-nav-link:where(:-moz-any-link, :enabled, summary):hover .relay-nav-image {
		scale: 1.05;
	}
	.relay-nav-link:where(:any-link, :enabled, summary):hover .relay-nav-image {
		scale: 1.05;
	}
}
.relay-nav-count {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	font-size: var(--font-size--24);
	line-height: 0.9;
	color: var(--color--prim);
	margin-block: 0;
}
.relay-nav-phase {
	font-size: var(--font-size--18);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--prim);
	margin-block: 0 0.5em;
}
.relay-nav-thumbnail {
	width: 140px;
	height: 140px;
	border-radius: 50%;
}
.relay-nav-thumbnail-wrapper {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	position: relative;
	z-index: 2;
	margin-block: 0 var(--elem-gap--xs);
}
.relay-nav-thumbnail-wrapper .arrow-icon {
	position: absolute;
	inset: auto 0 0 auto;
	rotate: 90deg;
	-webkit-transform-origin: 70% 70%;
	        transform-origin: 70% 70%;
}
.relay-nav-name {
	font-size: var(--font-size--20);
	font-weight: 500;
	margin-block: 0;
	line-height: 1.5;
}
.relay-nav-arrow-icon {
	position: absolute;
	z-index: -1;
	inset: 0 max(var(--vw) * -8 + var(--elem-gap--m), -100px) 0 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 50px;
	margin-block: auto;
}
.relay-nav-arrow-icon::before {
	position: absolute;
	inset: 0 0 0 auto;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid var(--color--sec);
	border-bottom: 2px solid var(--color--sec);
	rotate: -45deg;
	margin: auto 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.relay-nav-arrow-icon::after {
	position: absolute;
	inset: 0;
	content: "";
	height: 0;
	border-top: 2px solid transparent;
	-o-border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2px, transparent 2px, transparent 3.5px) 3;
	   border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2px, transparent 2px, transparent 3.5px) 3;
	margin-block: auto;
}
@media screen and (max-width: 1023.98px) {
	.relay-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: var(--elem-gap--l);
	}
	.relay-nav-link {
		display: -ms-grid;
		display: grid;
		-webkit-box-align: center;
		    -ms-flex-align: center;
		        align-items: center;
		-ms-grid-columns: auto var(--elem-gap--s) auto var(--elem-gap--s) 1fr;
		grid-template-columns: auto auto 1fr;
		gap: 0 var(--elem-gap--s);
	}
	.relay-nav-count {
		-ms-grid-row-span: 2;
		grid-row: span 2;
	}
	.relay-nav-phase {
		-webkit-box-ordinal-group: 4;
		    -ms-flex-order: 3;
		        order: 3;
		text-align: left;
		margin: auto 0;
	}
	.relay-nav-thumbnail {
		width: 64px;
		height: 64px;
	}
	.relay-nav-thumbnail-wrapper {
		-ms-grid-row-span: 2;
		grid-row: span 2;
		margin: 0 10px 0 0;
	}
	.relay-nav-name {
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
		text-align: left;
		margin-block: 0 auto;
	}
	.relay-nav-arrow-icon {
		inset: 0 0 calc(var(--elem-gap--m) * -1);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		width: 50px;
		height: auto;
		margin: 0 auto;
	}
	.relay-nav-arrow-icon::before {
		inset: auto 0 0;
		width: 15px;
		height: 15px;
		rotate: 45deg;
		margin: 0 auto;
	}
	.relay-nav-arrow-icon::after {
		height: auto;
		width: 0;
		border-top: none;
		border-left: 2px solid transparent;
		-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2px, transparent 2px, transparent 3.5px) 3;
		   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2px, transparent 2px, transparent 3.5px) 3;
		margin: 0 auto;
	}
}
.relay-scene-header {
	position: sticky;
	z-index: 2;
	top: var(--scroll-offset);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.relay-scene-header .section-count, .relay-scene-header .project-count {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto 0;
	margin-block: 0;
	padding-block: 10px var(--elem-gap--xs);
	background: var(--color--wh);
}
@media screen and (max-width: 1023.98px) {
	.relay-scene-header {
		max-width: 300px;
		margin-inline: auto;
		margin-block: 0 var(--section-margin);
		position: relative;
		top: 0;
	}
}
.relay-profile-phase {
	position: absolute;
	inset: 0 0 auto auto;
	font-size: var(--font-size--24);
	font-weight: 500;
	line-height: 1.6;
	color: var(--color--prim);
	padding: 0.5em 0.7em 1em;
	background: var(--color--wh);
	border-radius: 0 0 0 var(--radius--m);
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
}
.relay-profile-phase::before, .relay-profile-phase::after {
	content: "";
	position: absolute;
	inset: 0 100% auto auto;
	background: var(--color--wh);
	-webkit-mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 100% 0/200% 200%;
	        mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 100% 0/200% 200%;
	width: var(--radius--m);
	height: var(--radius--m);
}
.relay-profile-phase:after {
	inset: 100% 0 auto auto;
}
.relay-profile-image-wrapper {
	position: relative;
	margin-block: 0 var(--elem-gap--xs);
}
.relay-profile-name {
	font-size: var(--font-size--20);
	font-weight: 500;
	line-height: 1.5;
	margin-block: 0 0.5em;
}
.relay-profile-content {
	font-size: var(--font-size--14);
	line-height: 1.6;
	margin-block: 0;
	margin-inline: 0 50px;
}
.section:has(.relay-arrow-icon) {
	position: relative;
}
.relay-arrow-icon {
	position: absolute;
	inset: 0 calc((var(--content-width--s)) + var(--elem-gap--xl)) 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	width: 50px;
}
.relay-arrow-icon::before {
	position: absolute;
	inset: auto 0 0;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border-right: 3px solid var(--color--sec);
	border-bottom: 3px solid var(--color--sec);
	rotate: 45deg;
	margin: 0 auto 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.relay-arrow-icon::after {
	position: absolute;
	inset: 0 0 3px;
	content: "";
	width: 0;
	border-left: 3px solid transparent;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	margin-inline: auto;
}
@media screen and (max-width: 1023.98px) {
	.relay-profile-image {
		max-height: 600px;
		-o-object-fit: cover;
		   object-fit: cover;
		-o-object-position: 50% 10%;
		   object-position: 50% 10%;
	}
	.relay-profile-image-wrapper {
		margin-block: 0 var(--elem-gap--s);
	}
	.relay-profile-content {
		margin-inline: 0;
	}
	.relay-arrow-icon {
		display: none;
	}
}

.questionnaire-message {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: var(--elem-gap--xs);
}
.questionnaire-message-item {
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--m);
	line-height: 2;
}
.questionnaire-message-item :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.questionnaire-message-heading {
	-webkit-margin-after: var(--elem-gap--s);
	        margin-block-end: var(--elem-gap--s);
}

.interview-filter {
	position: relative;
	z-index: 2;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto var(--elem-gap--s) 1fr;
	grid-template-columns: auto 1fr;
	gap: var(--elem-gap--s);
	margin-block: 0 calc(var(--elem-gap--xl) * -1 - var(--elem-gap--xl));
}
.interview-filter-group {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	background: var(--color--wh);
	border-radius: var(--radius--xl);
	overflow: hidden;
}
.interview-filter-group-title {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	width: 4.5em;
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	background: var(--color--be);
	padding-inline: var(--elem-gap--m) var(--elem-gap--s);
	padding-block: var(--elem-gap--s);
	white-space: nowrap;
}
.interview-filter-group-body {
	padding-inline: var(--elem-gap--s);
	padding-block: var(--elem-gap--s);
}
.interview-filter-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	gap: 6px;
	margin: 0;
}
.interview-filter-item {
	list-style: none;
	margin: 0;
}
.interview-filter-button {
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
	display: block;
	font-family: inherit;
	font-size: var(--font-size--14);
	line-height: 1.5;
	letter-spacing: 0;
	border-radius: 20px;
	padding: 0.2em 1em;
	background: transparent;
	border: 1px solid var(--color--prim);
	color: var(--color--prim);
	cursor: pointer;
	-webkit-transition: color 0.2s, background 0.2s;
	transition: color 0.2s, background 0.2s;
}
.interview-filter-button.is-active {
	color: var(--color--wh);
	background: var(--color--prim);
}
.interview-filter-button:focus-visible {
	outline: 2px solid var(--color--prim);
	outline-offset: 2px;
}
.interview-item.is-filtered-out {
	pointer-events: none;
}
.interview-card-slider {
	overflow: visible !important;
	-ms-grid-column-span: 2;
	grid-column: span 2;
	width: 100%;
}
.interview-card-list {
	position: relative;
	z-index: 2;
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--elem-gap--xl) var(--elem-gap--m);
}
.interview-card-list.swiper-wrapper {
	gap: 0;
}
.interview-card-item.swiper-slide {
	width: calc((100% - var(--elem-gap--m) * 2) / 3);
}
.interview-card-link {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--xs) auto;
	grid-template-columns: 1fr auto;
	gap: var(--elem-gap--s) var(--elem-gap--xs);
	padding-inline: var(--elem-gap--xs);
}
.interview-card-thumbnail-wrapper {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	position: relative;
	border-radius: var(--radius--xl);
	overflow: hidden;
	margin-inline: calc(var(--elem-gap--xs) * -1);
}
.interview-card-job {
	position: absolute;
	z-index: 2;
	inset: auto auto var(--elem-gap--s) var(--elem-gap--s);
	font-size: var(--font-size--14);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	border-radius: 20px;
	padding: 0.2em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.interview-card-summary {
	font-size: var(--font-size--18);
	line-height: 1.6;
	margin: 0;
}
.interview-card-bio {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	font-size: var(--font-size--13);
	line-height: 1.8;
}
.interview-card-item.is-filtered-out {
	pointer-events: none;
}
@media screen and (max-width: 1023.98px) {
	.interview-filter {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.interview-card-list {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: var(--elem-gap--xl) var(--elem-gap--s);
	}
	.interview-card-item .arrow-icon {
		margin-inline: 0 auto;
		-webkit-box-ordinal-group: 5;
		    -ms-flex-order: 4;
		        order: 4;
	}
	.interview-card-item.swiper-slide {
		width: calc((100% - var(--elem-gap--m)) / 2.2);
	}
	.interview-card-thumbnail-wrapper {
		border-radius: var(--radius--l);
	}
	.interview-card-job {
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		inset: auto auto var(--elem-gap--xs) var(--elem-gap--xs);
		max-width: calc(100% - var(--elem-gap--xs) * 2);
		letter-spacing: 0;
		font-size: 1rem;
	}
	.interview-card-summary {
		-ms-grid-column-span: 2;
		grid-column: span 2;
		font-size: 1.4rem;
	}
}

.interview-job {
	position: absolute;
	z-index: 2;
	inset: var(--elem-gap--m) var(--elem-gap--m) auto auto;
	font-size: var(--font-size--18);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--m);
	padding: 0.2em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.interview-profile {
	position: absolute;
	inset: auto auto var(--elem-gap--m) var(--elem-gap--m);
	margin-inline: 0 calc(var(--content-width--s) + var(--elem-gap--xl));
	width: -webkit-fill-available;
	width: -moz-available;
	width: stretch;
}
.interview-profile-name {
	font-size: var(--font-size--20);
	font-weight: 500;
	line-height: 1.5;
	background: var(--color--wh);
	padding: 0.5em 1em 0;
	border-radius: var(--radius--s) var(--radius--s) 0 0;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 -0.5em;
}
.interview-profile-content {
	background: var(--color--wh);
	border-radius: 0 var(--radius--m) var(--radius--m) var(--radius--m);
	padding: var(--elem-gap--xs);
	font-size: var(--font-size--13);
	line-height: 1.6;
}
.interview-schedule {
	border: 1px solid var(--color--prim);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--l);
}
.kosen .interview-schedule {
	border-color: var(--color--gr);
}
.interview-schedule-header {
	margin-block: 0 var(--elem-gap--xl);
}
.interview-schedule-heading {
	font-size: var(--font-size--28);
}
.interview-schedule-heading-en {
	font-size: var(--font-size--60);
	font-weight: 300;
	line-height: 0.9;
	color: var(--color--prim);
	margin-block: 0 10px;
}
.kosen .interview-schedule-heading-en {
	color: var(--color--gr);
}
.interview-schedule-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 7em var(--elem-gap--s) 1fr;
	grid-template-columns: 7em 1fr;
	gap: var(--elem-gap--m) var(--elem-gap--s);
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
}
.interview-schedule-time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: 0.3em;
	font-size: var(--font-size--24);
	font-family: var(--num-font);
	font-weight: 400;
	line-height: 1.5;
	color: var(--color--sec);
}
.kosen .interview-schedule-time {
	color: var(--color--yl);
}
.interview-schedule-time .clock-icon {
	margin-inline: auto 0;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	border-radius: 50%;
	background: conic-gradient(from var(--angle, 0deg), var(--color--be), currentColor);
	position: relative;
}
.interview-schedule-time .clock-icon--9-00 {
	background: conic-gradient(from 270deg, var(--color--be) 90deg, currentColor);
}
.interview-schedule-time .clock-icon--9-30 {
	background: conic-gradient(from 285deg, var(--color--be) 75deg, currentColor);
}
.interview-schedule-time .clock-icon--10-00 {
	background: conic-gradient(from 300deg, var(--color--be) 60deg, currentColor);
}
.interview-schedule-time .clock-icon--10-30 {
	background: conic-gradient(from 315deg, var(--color--be) 45deg, currentColor);
}
.interview-schedule-time .clock-icon--11-00 {
	background: conic-gradient(from 330deg, var(--color--be) 30deg, currentColor);
}
.interview-schedule-time .clock-icon--11-30 {
	background: conic-gradient(from 345deg, var(--color--be) 15deg, currentColor);
}
.interview-schedule-time .clock-icon--12-00 {
	background: conic-gradient(from 0deg, var(--color--be) 0deg, currentColor);
}
.interview-schedule-time .clock-icon--12-30 {
	background: conic-gradient(from 15deg, var(--color--be) 345deg, currentColor);
}
.interview-schedule-time .clock-icon--13-00 {
	background: conic-gradient(from 30deg, var(--color--be) 330deg, currentColor);
}
.interview-schedule-time .clock-icon--13-30 {
	background: conic-gradient(from 45deg, var(--color--be) 315deg, currentColor);
}
.interview-schedule-time .clock-icon--14-00 {
	background: conic-gradient(from 60deg, var(--color--be) 300deg, currentColor);
}
.interview-schedule-time .clock-icon--14-30 {
	background: conic-gradient(from 75deg, var(--color--be) 285deg, currentColor);
}
.interview-schedule-time .clock-icon--15-00 {
	background: conic-gradient(from 90deg, var(--color--be) 270deg, currentColor);
}
.interview-schedule-time .clock-icon--15-30 {
	background: conic-gradient(from 105deg, var(--color--be) 255deg, currentColor);
}
.interview-schedule-time .clock-icon--16-00 {
	background: conic-gradient(from 120deg, var(--color--be) 240deg, currentColor);
}
.interview-schedule-time .clock-icon--16-30 {
	background: conic-gradient(from 135deg, var(--color--be) 225deg, currentColor);
}
.interview-schedule-time .clock-icon--17-00 {
	background: conic-gradient(from 150deg, var(--color--be) 210deg, currentColor);
}
.interview-schedule-time .clock-icon--17-30 {
	background: conic-gradient(from 165deg, var(--color--be) 195deg, currentColor);
}
.interview-schedule-time .clock-icon--18-00 {
	background: conic-gradient(from 180deg, var(--color--be) 180deg, currentColor);
}
.interview-schedule-time .clock-icon--18-30 {
	background: conic-gradient(from 195deg, var(--color--be) 165deg, currentColor);
}
.interview-schedule-content {
	font-size: var(--font-size--14);
}
.interview-schedule-content b {
	display: block;
	font-size: var(--font-size--16);
	font-weight: 500;
}
@media screen and (max-width: 1023.98px) {
	.interview-job {
		position: relative;
		inset: auto;
		margin-inline: var(--elem-gap--s);
		margin-block: calc(-1.9em - var(--elem-gap--s)) calc(var(--elem-gap--s) + var(--elem-gap--m));
	}
	.interview-profile {
		position: relative;
		inset: auto;
		margin-inline: 0;
		width: auto;
	}
	.interview-profile-content {
		padding: var(--elem-gap--s);
	}
}

.career-step {
	margin-block: var(--elem-gap--m) 0;
}
.career-step-heading {
	font-size: var(--font-size--60);
	line-height: 0.9;
	font-weight: 300;
	color: var(--color--prim);
	margin-block: 0 var(--elem-gap--m);
}
.kosen .career-step-heading {
	color: var(--color--gr);
}
.career-step-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto var(--elem-gap--xl) var(--content-width--s);
	grid-template-columns: auto var(--content-width--s);
	gap: var(--elem-gap--l) var(--elem-gap--xl);
}
.career-step-title {
	position: relative;
	font-weight: 500;
	background: var(--color--wh);
	border-radius: var(--radius--m);
	padding: var(--elem-gap--s);
	line-height: 1.6;
}
.career-step-year {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	gap: 0.2em;
	font-size: var(--font-size--18);
	color: var(--color--sec);
	margin-block: 0 5px;
}
.career-step-year-number {
	font-size: var(--font-size--30);
	font-weight: 400;
	line-height: 1;
}
.kosen .career-step-year {
	color: var(--color--yl);
}
.career-step-icon {
	position: absolute;
	inset: 100% 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: flex-end;
	width: 50px;
	height: var(--elem-gap--l);
	margin-inline: auto;
}
.career-step-icon::before {
	position: absolute;
	inset: auto 0 0;
	content: "";
	display: block;
	width: 30px;
	height: 30px;
	border-right: 3px solid var(--color--sec);
	border-bottom: 3px solid var(--color--sec);
	rotate: 45deg;
	margin: 0 auto 6px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.kosen .career-step-icon::before {
	border-right-color: var(--color--yl);
	border-bottom-color: var(--color--yl);
}
.career-step-icon::after {
	position: absolute;
	inset: 0 0 3px;
	content: "";
	width: 0;
	border-left: 3px solid transparent;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	margin-inline: auto;
}
.kosen .career-step-icon::after {
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--yl) 0, var(--color--yl) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--yl) 0, var(--color--yl) 2.5px, transparent 2.5px, transparent 5px) 3;
}
@media screen and (max-width: 1023.98px) {
	.career-step {
		margin-block: var(--elem-gap--l) 0;
	}
	.career-step-list {
		-ms-grid-columns: 12em var(--elem-gap--m) 1fr;
		grid-template-columns: 12em 1fr;
		gap: var(--elem-gap--l) var(--elem-gap--m);
	}
	.career-step-icon {
		width: 40px;
		height: var(--elem-gap--l);
	}
	.career-step-icon::before {
		width: 20px;
		height: 20px;
	}
	.career-step-title {
		font-size: var(--font-size--14);
	}
	.career-step-description {
		font-size: var(--font-size--14);
	}
}

.other-interview {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--s) auto;
	grid-template-columns: 1fr auto;
	gap: 0 var(--elem-gap--s);
	margin-block: 0 calc(var(--section-margin) * -1);
	padding-block: var(--section-margin);
	margin-inline: calc(50% - var(--vw) * 50);
	padding-inline: calc(var(--vw) * 50 - 50%);
	background: var(--color--be);
}
.other-interview-heading {
	font-size: var(--font-size--60);
	line-height: 0.9;
	font-weight: 300;
	color: var(--color--prim);
	margin-block: 0 var(--elem-gap--l);
}
.other-interview .swiper-controller {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0;
	margin-block: 0 var(--elem-gap--l);
}
.other-interview .swiper-button {
	position: relative;
	width: 60px;
	height: 60px;
	color: var(--color--prim);
	text-indent: 100%;
	overflow: hidden;
	display: block;
}
.other-interview .swiper-button::before {
	content: "";
	position: absolute;
	inset: 0;
	margin: auto;
	width: 30px;
	height: 30px;
	border-right: 3px solid currentColor;
	border-bottom: 3px solid currentColor;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	rotate: -45deg;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}
@media (hover: hover) {
	.other-interview .swiper-button:where(:-moz-any-link, :enabled, summary):hover::before {
		color: var(--color--sec);
	}
	.other-interview .swiper-button:where(:any-link, :enabled, summary):hover::before {
		color: var(--color--sec);
	}
}
.other-interview .swiper-button-prev::before {
	scale: -1 -1;
}
.other-interview .swiper-button .swiper-navigation-icon {
	display: none;
}
@media screen and (max-width: 1023.98px) {
	.other-interview .swiper-button {
		width: 40px;
		height: 40px;
	}
	.other-interview .swiper-button::before {
		width: 20px;
		height: 20px;
		border-width: 2px;
	}
}

.rookies-profile {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
}
.rookies-profile-container {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: var(--elem-gap--m);
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--l);
}
.rookies-profile-container .section-count {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}
.rookies-profile-name {
	font-size: var(--font-size--20);
	font-weight: 500;
	line-height: 1.5;
	margin-block: 0 0.5em;
}
.rookies-profile-content {
	font-size: var(--font-size--14);
	line-height: 1.6;
}
.rookies-profile-image {
	position: relative;
	z-index: 2;
	display: block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
}
.rookies-profile-image-wrapper {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	height: 100%;
	position: relative;
	z-index: 2;
}
.rookies-profile-image-wrapper::before {
	content: "";
	position: absolute;
	inset: 50% 0 calc(var(--elem-gap--l) * -1);
	width: 0;
	border-left: 3px solid transparent;
	margin-inline: auto;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
@media screen and (max-width: 1023.98px) {
	.rookies-profile-container {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		text-align: center;
		padding-block: var(--elem-gap--xl);
	}
	.rookies-profile-image {
		width: 150px;
		height: 150px;
	}
	.rookies-profile-image-wrapper::before {
		display: none;
	}
}
.rookies-toggle-button {
	position: absolute;
	z-index: 3;
	inset: 100% 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	gap: var(--elem-gap--xs);
	margin-inline: auto;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(90deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
	width: min(80%, 600px);
	min-height: 116px;
	border-radius: var(--radius--m);
	color: var(--color--wh);
	font-size: var(--font-size--18);
	padding: var(--elem-gap--s);
	margin-block: calc(var(--elem-gap--m) * -1) 0;
	-webkit-transition: background-size 0.2s ease;
	transition: background-size 0.2s ease;
}
.rookies-toggle-button-label {
	position: relative;
	z-index: 2;
	-webkit-box-flex: 2;
	    -ms-flex: 2 2 auto;
	        flex: 2 2 auto;
}
.rookies-toggle-button-label::before {
	content: "もっと見る";
}
[open] .rookies-toggle-button-label::before {
	content: "閉じる";
}
.rookies-toggle-button .toggle-icon {
	z-index: 2;
}
[open] .rookies-toggle-button .toggle-icon {
	rotate: 180deg;
}
.rookies-toggle-button::before {
	content: "";
	position: absolute;
	inset: 10px;
	background: var(--color--wh);
	opacity: 0;
	border-radius: var(--radius--s);
	-webkit-transition: opacity 0.2s ease;
	transition: opacity 0.2s ease;
}
@media (hover: hover) {
	.rookies-toggle-button:where(:-moz-any-link, :enabled, summary):hover {
		background-size: 150% 100%;
	}
	.rookies-toggle-button:where(:any-link, :enabled, summary):hover {
		background-size: 150% 100%;
	}
}
@media screen and (max-width: 1023.98px) {
	.rookies-toggle-button {
		min-height: 70px;
	}
	.rookies-toggle-button::before {
		inset: 5px;
	}
}
.rookies-voice {
	position: relative;
	margin-block: 0 var(--section-margin);
}
.rookies-voice::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0;
	width: 0;
	margin-inline: auto;
	border-left: 3px solid transparent;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
.rookies-voice-content {
	display: flow-root;
	position: relative;
	z-index: 2;
}
@media screen and (max-width: 1023.98px) {
	.rookies-voice::before {
		inset: 0 auto 0 20px;
	}
	.rookies-voice::after {
		content: "";
		position: absolute;
		z-index: -1;
		inset: auto 0 0 20px;
		width: 50%;
		border-top: 3px solid transparent;
		-o-border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
		   border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	}
}
.rookies-intro {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr calc(var(--elem-gap--l) * 2) 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 0 calc(var(--elem-gap--l) * 2);
	margin-block: var(--child-section-margin);
}
.rookies-intro :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.rookies-intro {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: var(--elem-gap--xl);
		padding-inline: 50px 0;
	}
}
.rookies-section {
	gap: 0 var(--elem-gap--l);
}
.rookies-section-header {
	margin-block: var(--elem-gap--m);
}
.rookies-section-body {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr calc(var(--elem-gap--l) * 2) 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 0 calc(var(--elem-gap--l) * 2);
}
.rookies-section .image-wrapper {
	-webkit-margin-before: 0;
	        margin-block-start: 0;
}
@media screen and (max-width: 1023.98px) {
	.rookies-section-header {
		margin-inline: 50px 0;
	}
	.rookies-section-body {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: var(--elem-gap--xl);
		margin-inline: 50px 0;
	}
	.rookies-section .image-wrapper {
		margin-block: var(--elem-gap--xl);
	}
}
.rookies-month {
	position: relative;
	width: 50%;
	-ms-grid-column-span: 2;
	grid-column: span 2;
	font-size: var(--font-size--30);
	font-weight: 600;
	line-height: 1.6;
	color: var(--color--sec);
}
.rookies-month-number {
	font-size: 12rem;
	font-weight: 300;
	line-height: 0.9;
}
.rookies-month::before {
	content: "";
	position: absolute;
	inset: 0 0 0 4em;
	height: 0;
	border-top: 3px solid transparent;
	margin-block: auto;
	-o-border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
.rookies-month::after {
	content: "";
	position: absolute;
	inset: 0 0 0 auto;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--color--sec);
	margin-block: auto;
	translate: 50% 0;
}
@media screen and (max-width: 1023.98px) {
	.rookies-month {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		padding-inline: 50px 0;
	}
	.rookies-month-number {
		font-size: 8rem;
	}
	.rookies-month::before {
		inset: 0 auto 0 20px;
		width: 30px;
	}
	.rookies-month::after {
		inset: 0 auto 0 21px;
		width: 12px;
		height: 12px;
		translate: -50% 0;
	}
}
.rookies-scope {
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--m);
	color: var(--color--prim);
}
.rookies-scope :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.rookies-impression :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.rookies-future {
	border: 1px solid var(--color--sec);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--m);
	background: var(--color--wh);
	max-width: 600px;
	margin-inline: auto;
	margin-block: 0 var(--section-margin);
}
.rookies-future-image {
	display: block;
	margin: 0 auto var(--elem-gap--s);
	width: 200px;
	height: 200px;
	border-radius: 50%;
}
.rookies-future-heading {
	font-size: var(--font-size--28);
	color: var(--color--sec);
	text-align: center;
}
.rookies-future-content :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.rookies-future-image {
		width: 150px;
		height: 150px;
	}
}

.specialist-nav {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--elem-gap--m);
}
.specialist-nav-profile {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-rows: 1fr 10px auto;
	grid-template-rows: 1fr auto;
	grid-auto-flow: column;
	-webkit-box-align: end;
	    -ms-flex-align: end;
	        align-items: end;
	gap: 10px;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(90deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--xl);
	aspect-ratio: 350/190;
	padding: var(--elem-gap--s);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.specialist-nav-profile .arrow-icon {
	-ms-grid-row-span: 2;
	grid-row: span 2;
	rotate: 90deg;
	-webkit-transform-origin: calc(100% - 20px) calc(100% - 20px);
	        transform-origin: calc(100% - 20px) calc(100% - 20px);
	background: var(--color--wh);
}
.specialist-nav-profile .arrow-icon::before {
	background-color: var(--color--bl-gr);
}
.specialist-nav-name {
	position: relative;
	z-index: 2;
	font-size: var(--font-size--24);
	font-weight: 500;
	color: var(--color--wh);
	line-height: 1;
	margin-block: auto 0;
}
.specialist-nav-job {
	position: relative;
	z-index: 2;
	font-size: var(--font-size--14);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	border-radius: 20px;
	padding: 0.2em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.specialist-nav-thumbnail {
	position: absolute;
	inset: auto 0 -20px;
	margin: 0 auto;
	pointer-events: none;
	-webkit-transform-origin: 50% 100%;
	        transform-origin: 50% 100%;
	width: 50%;
}
.specialist-nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: var(--elem-gap--s);
	padding-top: 40%;
}
@media (hover: hover) {
	.specialist-nav-link:where(:-moz-any-link, :enabled, summary):hover .specialist-nav-thumbnail {
		scale: 1.05;
	}
	.specialist-nav-link:where(:any-link, :enabled, summary):hover .specialist-nav-thumbnail {
		scale: 1.05;
	}
}
.specialist-nav-summary {
	padding: 0 var(--elem-gap--s);
	margin: 0;
	line-height: 1.6;
}
@media screen and (max-width: 1023.98px) {
	.specialist-nav {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
		gap: var(--elem-gap--s);
	}
	.specialist-nav-profile {
		width: 100%;
		padding: var(--elem-gap--xs);
		border-radius: var(--radius--l);
	}
	.specialist-nav-profile .arrow-icon {
		-webkit-transform-origin: calc(100% - 13px) calc(100% - 13px);
		        transform-origin: calc(100% - 13px) calc(100% - 13px);
	}
	.specialist-nav-job {
		font-size: 0.9rem;
		letter-spacing: 0;
	}
	.specialist-nav-summary {
		padding: 0 var(--elem-gap--xs);
	}
	.specialist-nav-thumbnail {
		width: 50%;
	}
}
.specialist-section-heading {
	font-size: var(--font-size--24);
	font-weight: 500;
	margin-block: 0 var(--elem-gap--m);
}
.specialist-profile {
	margin-block: 0 auto;
}
.specialist-profile-container {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto 1fr;
	grid-template-columns: auto 1fr;
	-ms-grid-rows: auto 1fr;
	grid-template-rows: auto 1fr;
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--m);
	padding-left: 0;
	margin-block: 0 var(--elem-gap--xl);
}
.specialist-profile-container > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.specialist-profile-container > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 2;
}
.specialist-profile-container > *:nth-child(3) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}
.specialist-profile-container > *:nth-child(4) {
	-ms-grid-row: 2;
	-ms-grid-column: 2;
}
.specialist-profile-image {
	-ms-grid-row-span: 2;
	grid-row: span 2;
	width: 180px;
	margin-block: -60px -20px;
}
.specialist-profile-job {
	font-size: var(--font-size--18);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--m);
	padding: 0.2em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 0.5em;
}
.specialist-profile-name {
	font-size: var(--font-size--24);
	font-weight: 500;
	line-height: 1.5;
	margin-block: 0 0.5em;
}
.specialist-profile-content {
	font-size: var(--font-size--13);
	line-height: 1.6;
}
@media screen and (max-width: 1023.98px) {
	.specialist-section-heading {
		font-size: var(--font-size--20);
	}
	.specialist-profile-image {
		width: 90%;
		margin-block: -40px -20px;
	}
	.specialist-profile-job {
		font-size: 1.2rem;
	}
}

.one-week-profile-image {
	margin-block: 0 var(--elem-gap--s);
}
.one-week-profile-job {
	font-size: var(--font-size--18);
	font-weight: 500;
	line-height: 1.5;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
	border-radius: var(--radius--m);
	padding: 0.2em 1em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.one-week-profile-name {
	font-size: var(--font-size--20);
	font-weight: 500;
	line-height: 1.5;
	margin-block: 0 0.5em;
}
@media screen and (max-width: 1023.98px) {
	.one-week-profile {
		margin-block: 0 var(--elem-gap--xl);
	}
}
.one-week-schedule {
	-ms-grid-column-span: 2;
	grid-column: span 2;
	margin-block: var(--elem-gap--xl) 0;
}
.one-week-schedule-table {
	background: var(--color--be);
	width: 100%;
	border-collapse: collapse;
	border-radius: var(--radius--l);
	overflow: hidden;
	height: 100%;
	margin-inline: auto;
}
.one-week-schedule-table th, .one-week-schedule-table td {
	text-align: center;
	padding: 10px;
	font-size: var(--font-size--15);
	line-height: 1.5;
	letter-spacing: 0;
	border-top: 1px dotted var(--color--gr);
	height: 100%;
}
.one-week-schedule-table th:not(:first-child), .one-week-schedule-table td:not(:first-child) {
	border-left: 1px solid var(--color--gr);
}
.one-week-schedule-table thead th {
	border-top: none;
}
.one-week-schedule-table thead th:first-child {
	background: var(--color--gr);
}
.one-week-schedule-table thead th:not(:first-child) {
	background: var(--color--yl);
	font-size: var(--font-size--18);
	color: var(--color--gr);
	font-weight: 700;
	width: 13%;
}
.one-week-schedule-table thead th:not(:first-child) .date {
	display: block;
	width: 3em;
	background: var(--color--wh);
	margin-inline: auto;
	border-radius: var(--radius--m);
}
.one-week-schedule-table tbody tr:first-child th, .one-week-schedule-table tbody tr:first-child td {
	border-top-style: solid;
}
.one-week-schedule-table tbody th {
	background: var(--color--gr);
	color: var(--color--wh);
	font-weight: 500;
	font-size: var(--font-size--20);
	font-family: var(--num-font);
	line-height: 1;
	border-top: 1px dotted var(--color--wh);
}
.one-week-schedule-table tbody td:has(.modal-button) {
	padding: 5px;
	height: 100%;
}
.one-week-schedule-table tbody .off {
	background: color-mix(in lch, var(--color--be), var(--color--bl) 5%);
}
.one-week-schedule-table tbody .modal-button {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	border: 1px solid var(--color--gr);
	border-radius: var(--radius--s);
	background: var(--color--wh);
	padding: 20px 7px;
	height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: color-mix(in srgb, var(--color--gr), var(--color--bl) 10%);
}
.one-week-schedule-table tbody .modal-button .plus-icon {
	position: absolute;
	inset: auto 7px 7px auto;
	width: 16px;
	height: 16px;
}
.one-week-schedule-table tbody .modal-button .plus-icon::before, .one-week-schedule-table tbody .modal-button .plus-icon::after {
	width: 10px;
	color: var(--color--gr);
}
@media (hover: hover) {
	.one-week-schedule-table tbody .modal-button:where(:-moz-any-link, :enabled, summary):hover .plus-icon {
		background: var(--color--gr);
	}
	.one-week-schedule-table tbody .modal-button:where(:any-link, :enabled, summary):hover .plus-icon {
		background: var(--color--gr);
	}
	.one-week-schedule-table tbody .modal-button:where(:-moz-any-link, :enabled, summary):hover .plus-icon::before, .one-week-schedule-table tbody .modal-button:where(:-moz-any-link, :enabled, summary):hover .plus-icon::after {
		color: var(--color--wh);
	}
	.one-week-schedule-table tbody .modal-button:where(:any-link, :enabled, summary):hover .plus-icon::before, .one-week-schedule-table tbody .modal-button:where(:any-link, :enabled, summary):hover .plus-icon::after {
		color: var(--color--wh);
	}
}
@media screen and (min-width: 1024px) {
	.one-week-schedule-table th, .one-week-schedule-table td {
		font-size: min(1vw, var(--font-size--15));
	}
}
@media screen and (max-width: 1023.98px) {
	.one-week-schedule-table {
		width: 800px;
	}
	.one-week-schedule-table th, .one-week-schedule-table td {
		font-size: 1.1rem;
	}
}
.one-week-modal-content {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto var(--elem-gap--m) 1fr;
	grid-template-columns: auto 1fr;
	-ms-grid-rows: auto 0 1fr;
	grid-template-rows: auto 1fr;
	gap: 0 var(--elem-gap--m);
}
.one-week-modal-content > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.one-week-modal-content > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.one-week-modal-content > *:nth-child(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}
.one-week-modal-content > *:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
.one-week-modal-image-wrapper {
	width: min(var(--vw) * 25, 300px);
	-ms-grid-row-span: 2;
	grid-row: span 2;
}
.one-week-modal-heading {
	margin-block: 0 var(--elem-gap--m);
}
.one-week-modal-body {
	margin-block: 0 auto;
}
.one-week-modal-body :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.one-week-modal-content {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: var(--elem-gap--m);
	}
	.one-week-modal-image {
		width: 100%;
	}
	.one-week-modal-image-wrapper {
		width: 100%;
		grid-row: auto;
	}
}

.career-path-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--elem-gap--m);
	background: var(--color--wh);
	border-radius: var(--radius--xl);
	margin-block: var(--elem-gap--xl) 0;
	padding: var(--elem-gap--l);
}
.career-path-nav-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
}
.career-path-nav-link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	text-align: center;
}
@media (hover: hover) {
	.career-path-nav-link:where(:-moz-any-link, :enabled, summary):hover .career-path-nav-image {
		scale: 1.05;
	}
	.career-path-nav-link:where(:any-link, :enabled, summary):hover .career-path-nav-image {
		scale: 1.05;
	}
}
.career-path-nav-count {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	font-size: var(--font-size--24);
	line-height: 0.9;
	color: var(--color--prim);
	margin-block: 0 0.5em;
}
.career-path-nav-image-wrapper {
	-webkit-box-flex: 0;
	    -ms-flex: 0 0 auto;
	        flex: 0 0 auto;
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 var(--elem-gap--xs);
}
.career-path-nav-image-wrapper .arrow-icon {
	position: absolute;
	inset: auto 0 0 auto;
	rotate: 90deg;
	-webkit-transform-origin: 70% 70%;
	        transform-origin: 70% 70%;
}
.career-path-nav-description {
	margin-block: 0;
	line-height: 1.8;
}
@media screen and (max-width: 1023.98px) {
	.career-path-nav {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
	}
	.career-path-nav-link {
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		    -ms-flex-direction: row;
		        flex-direction: row;
		gap: var(--elem-gap--m);
	}
	.career-path-nav-image {
		width: 64px;
		height: 64px;
	}
	.career-path-nav-description {
		-webkit-box-flex: 2;
		    -ms-flex: 2 2 auto;
		        flex: 2 2 auto;
		text-align: left;
	}
}
.career-path-profile {
	position: sticky;
	top: var(--scroll-offset);
	height: -webkit-fit-content;
	height: -moz-fit-content;
	height: fit-content;
}
.career-path-profile .section-count {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto 0;
	margin-block: 0 var(--elem-gap--s);
}
.career-path-profile-image {
	display: block;
	width: 300px;
	margin-inline: auto;
}
.career-path-profile-name {
	font-size: var(--font-size--20);
	margin-block: 0 0.5em;
}
.career-path-profile-content {
	font-size: var(--font-size--14);
	line-height: 1.6;
}
@media screen and (max-width: 1023.98px) {
	.career-path-profile {
		position: inherit;
		display: -ms-grid;
		display: grid;
		-webkit-box-pack: center;
		    -ms-flex-pack: center;
		        justify-content: center;
		margin-block: 0 var(--elem-gap--xl);
		text-align: center;
	}
	.career-path-profile-image {
		width: 140px;
		margin-block: 0 var(--elem-gap--s);
	}
}
.career-path-list {
	display: -ms-grid;
	display: grid;
	gap: var(--elem-gap--xs);
}
.career-path-item {
	position: relative;
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--m);
}
.career-path-item > :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.career-path-item .down-arrow-icon {
	position: absolute;
	z-index: 2;
	inset: calc(100% - 10px) 0 auto;
}
.career-path-title {
	font-size: var(--font-size--20);
}
.career-path-year {
	display: block;
	font-size: var(--font-size--18);
	margin-block: 0 0.5em;
	color: var(--color--sec);
	border: 1px solid currentColor;
	background: var(--color--wh);
	border-radius: var(--radius--s);
	padding: 0.4em 0.8em;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}
.career-path-year-number {
	font-size: var(--font-size--30);
	font-weight: 400;
	line-height: 1;
}

.training-step {
	margin-block: var(--elem-gap--xl) 0;
}
.training-step-item {
	position: relative;
	padding-inline: 280px 0;
	padding-block: 0 var(--elem-gap--xl);
}
.training-step-item::before {
	content: "";
	position: absolute;
	inset: 0 auto auto 220px;
	width: 0;
	height: 100%;
	border-left: 3px solid transparent;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
.training-step-item:last-child {
	-webkit-padding-after: 0;
	        padding-block-end: 0;
}
.training-step-item .down-arrow-icon {
	margin-block: var(--elem-gap--xs);
}
.training-step-item .link-button {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.training-step-item {
		padding-inline: 0;
	}
	.training-step-item::before {
		inset: 0 auto auto 20px;
	}
}
.training-step-heading {
	position: absolute;
	inset: 0 auto auto 0;
	font-size: var(--font-size--24);
	color: var(--color--wh);
	text-align: center;
	width: 180px;
	padding: 0.3em 0.6em;
	border-radius: var(--radius--m);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
}
.training-step-heading::before {
	content: "";
	position: absolute;
	z-index: -1;
	inset: 0 auto 0 0;
	width: 220px;
	height: 0;
	border-top: 3px solid transparent;
	margin-block: auto;
	-o-border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to right, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
.training-step-heading::after {
	content: "";
	position: absolute;
	inset: 0 0 0 calc(100% + 41.5px);
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: var(--color--sec);
	margin-block: auto;
	translate: -50% 0;
}
@media screen and (max-width: 1023.98px) {
	.training-step-heading {
		position: relative;
		z-index: 2;
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-block: 0 var(--elem-gap--l);
	}
	.training-step-heading::before, .training-step-heading::after {
		display: none;
	}
}
.training-step-child-wrapper {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--xs) 1fr;
	grid-template-columns: 1fr 1fr;
	gap: 0 var(--elem-gap--xs);
}
.training-step-child-wrapper .down-arrow-icon {
	margin-block: 0 var(--elem-gap--xs);
}
.training-step-child-item {
	position: relative;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 40% var(--elem-gap--xs) 1fr;
	grid-template-columns: 40% 1fr;
	gap: var(--elem-gap--xs);
	background: var(--color--lt-bl);
	padding: var(--elem-gap--xs);
	border-radius: var(--radius--l);
	margin-block: 0 var(--elem-gap--xs);
	line-height: 2;
}
.training-step-child-item--begin {
	background: var(--color--be);
}
.training-step-child-item--illust {
	display: block;
	padding: 0;
	background: transparent;
	margin-block: var(--elem-gap--xs) var(--elem-gap--m);
}
.training-step-child-item ul {
	gap: 0;
}
.training-step-child-item .image, .training-step-child-item .initiative-opportunity-image {
	border-radius: var(--radius--m);
}
.training-step-child-item .image-wrapper {
	margin-block: 0;
}
.training-step-child-wrapper .training-step-child-item {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	-ms-grid-rows: auto 1fr;
	grid-template-rows: auto 1fr;
}
.training-step-child-wrapper .training-step-child-item > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.training-step-child-wrapper .training-step-child-item > *:nth-child(2) {
	-ms-grid-row: 2;
	-ms-grid-column: 1;
}
.training-step-child-body {
	-ms-flex-item-align: center;
	    -ms-grid-row-align: center;
	    align-self: center;
	padding: var(--elem-gap--xs);
}
.training-step-child-body > :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.training-step-child-wrapper .training-step-child-item .training-step-child-body {
	-ms-flex-item-align: start;
	    align-self: flex-start;
}
.training-step-child-heading {
	font-size: var(--font-size--24);
	margin-block: 0 var(--elem-gap--xs);
}
.training-step-child-period {
	font-size: var(--font-size--20);
	color: var(--color--sec);
	line-height: 1.5;
	font-weight: 500;
	margin-block: 0 var(--elem-gap--xs);
}
.training-step-child-heading + .training-step-child-period {
	-webkit-margin-before: calc(var(--elem-gap--xs) * -1);
	        margin-block-start: calc(var(--elem-gap--xs) * -1);
}
.training-step-child-summary {
	font-size: var(--font-size--18);
	color: var(--color--prim);
	font-weight: 500;
	line-height: 1.6;
	margin-block: 0 var(--elem-gap--xs);
}
.training-step-child-point {
	grid-column: 1/-1;
	border-top: 1px solid var(--color--prim);
	padding: var(--elem-gap--s) var(--elem-gap--xs) var(--elem-gap--xs);
}
.training-step-child-point-heading {
	font-size: var(--font-size--18);
	color: var(--color--prim);
	font-weight: 500;
	line-height: 1.6;
	text-align: center;
	padding: 0.5em 0.8em;
	border-radius: var(--radius--s);
	background: var(--color--wh);
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 var(--elem-gap--xs);
}
.training-step-child-point :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.training-step-child-wrapper {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		gap: var(--elem-gap--xs);
	}
	.training-step-child-wrapper .down-arrow-icon + .down-arrow-icon {
		display: none;
	}
	.training-step-child-item {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		-ms-grid-rows: auto 1fr;
		grid-template-rows: auto 1fr;
	}
	.training-step-child-item > *:nth-child(1) {
		-ms-grid-row: 1;
		-ms-grid-column: 1;
	}
	.training-step-child-item > *:nth-child(2) {
		-ms-grid-row: 2;
		-ms-grid-column: 1;
	}
	.training-step-child-wrapper .training-step-child-item--illust {
		margin-inline: 35px;
	}
	.training-step-child-body {
		-ms-flex-item-align: start;
		    align-self: flex-start;
	}
}
.training-step-description {
	font-size: var(--font-size--20);
	text-align: center;
	line-height: 1.8;
	margin-block: var(--elem-gap--s);
	grid-column: 1/-1;
}
.training-step-job {
	font-size: var(--font-size--20);
	font-weight: 500;
	text-align: center;
	margin-block: var(--elem-gap--xs) 0;
}
.training-step-job-detail {
	-ms-grid-columns: 1fr;
	grid-template-columns: 1fr;
	padding-inline: var(--elem-gap--s);
	margin-block: var(--elem-gap--s) 0;
}
.training-step-career-change {
	position: absolute;
	z-index: 3;
	inset: 90px auto auto calc(100% + var(--elem-gap--xs) / 2);
	font-weight: 500;
	line-height: 1.8;
	text-align: center;
	color: var(--color--prim);
	translate: -50% 0;
	margin: 0;
	word-break: keep-all;
	overflow-wrap: anywhere;
	width: 35%;
}
.training-step-career-change-icon {
	position: relative;
	display: block;
	border-top: 2px solid transparent;
	width: 100px;
	height: 0;
	margin-inline: auto;
	margin-block: 0 var(--elem-gap--xs);
	-o-border-image: repeating-linear-gradient(to right, var(--color--prim) 0, var(--color--prim) 2px, transparent 2px, transparent 3.5px) 3;
	   border-image: repeating-linear-gradient(to right, var(--color--prim) 0, var(--color--prim) 2px, transparent 2px, transparent 3.5px) 3;
}
.training-step-career-change-icon::before, .training-step-career-change-icon::after {
	position: absolute;
	inset: 0 0 0 auto;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	color: var(--color--prim);
	border-right: 2px solid;
	border-bottom: 2px solid;
	rotate: -45deg;
	margin: auto 0;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	translate: 0 -1px;
}
.training-step-career-change-icon::after {
	inset: 0 auto 0 0;
	rotate: 135deg;
}
@media screen and (max-width: 1023.98px) {
	.training-step-lead {
		margin-inline: 35px;
	}
	.training-step-description {
		margin-inline: 35px;
	}
	.training-step-career-change {
		position: relative;
		inset: auto;
		translate: none;
		margin: var(--elem-gap--xl) auto 0;
		width: auto;
	}
	.training-step-career-change-icon {
		position: relative;
		border-top: none;
		border-left: 2px solid transparent;
		width: 0;
		height: 50px;
		margin-inline: auto;
		margin-block: 0 var(--elem-gap--xs);
		-o-border-image: repeating-linear-gradient(to bottom, var(--color--prim) 0, var(--color--prim) 2px, transparent 2px, transparent 3.5px) 3;
		   border-image: repeating-linear-gradient(to bottom, var(--color--prim) 0, var(--color--prim) 2px, transparent 2px, transparent 3.5px) 3;
	}
	.training-step-career-change-icon::before, .training-step-career-change-icon::after {
		inset: 0 0 auto;
		width: 16px;
		height: 16px;
		rotate: -135deg;
		margin: 0 auto;
		translate: calc(-50% - 1px) 0;
	}
	.training-step-career-change-icon::after {
		inset: auto 0 0;
		rotate: 45deg;
	}
}
.training-support-step {
	position: relative;
	display: -ms-grid;
	display: grid;
	gap: var(--elem-gap--l);
	margin-block: var(--elem-gap--xl) 0;
}
.training-support-step::before {
	content: "";
	position: absolute;
	inset: 0 auto auto var(--elem-gap--m);
	width: 0;
	height: 100%;
	border-left: 3px solid transparent;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2.5px, transparent 2.5px, transparent 5px) 3;
}
.training-support-step-heading {
	position: relative;
	z-index: 2;
	font-size: var(--font-size--24);
	color: var(--color--wh);
	text-align: center;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	padding: 0.3em 0.6em;
	border-radius: var(--radius--m);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
}
.training-support-step-list {
	position: relative;
	z-index: 2;
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--m) 1fr;
	grid-template-columns: 1fr 1fr;
	gap: var(--elem-gap--m);
	background: var(--color--be);
	border-radius: var(--radius--xl);
	padding: var(--elem-gap--m);
	margin: 0;
}
.training-support-step-list-item {
	margin-block: 0;
}
.training-support-step-list-term {
	border: none !important;
	background: var(--color--wh);
}
@media screen and (max-width: 1023.98px) {
	.training-support-step-list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}

.initiative-examination {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--m) 58%;
	grid-template-columns: 1fr 58%;
	-ms-grid-rows: auto 0 1fr;
	grid-template-rows: auto 1fr;
	grid-auto-flow: column;
	gap: 0 var(--elem-gap--m);
	padding: var(--elem-gap--m);
	background-color: var(--color--be);
	border-radius: var(--radius--xl);
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
}

.initiative-examination > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.initiative-examination > *:nth-child(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.initiative-examination > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.initiative-examination > *:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
.initiative-examination-list {
	-ms-grid-row-span: 2;
	grid-row: span 2;
	background: var(--color--wh);
	padding: var(--elem-gap--m);
	border-radius: var(--radius--m);
	margin: 0;
}
.initiative-examination-term {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-block: 0 var(--elem-gap--xs);
}
.initiative-examination-detail {
	display: -ms-grid;
	display: grid;
	grid-auto-flow: column;
	gap: 10px;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	margin-block: 0 var(--elem-gap--s);
}
.initiative-examination-detail:last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.initiative-examination-logo {
	display: block;
	max-height: 80px;
	width: auto;
}
@media screen and (max-width: 1023.98px) {
	.initiative-examination {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
		grid-auto-flow: row;
	}
}
.initiative-opportunity-list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: var(--elem-gap--m);
	margin: var(--elem-gap--xl) 0;
}
.initiative-opportunity-item {
	border-radius: var(--radius--m);
	padding-inline: var(--elem-gap--xs);
	font-size: var(--font-size--15);
}
.initiative-opportunity-item:last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.initiative-opportunity-title {
	font-size: var(--font-size--22);
	font-weight: 500;
	margin-block: 0 var(--elem-gap--xs);
	color: var(--color--prim);
}
.initiative-opportunity-title small {
	font-size: var(--font-size--16);
	letter-spacing: 0.05em;
}
.initiative-opportunity-image {
	display: block;
	border-radius: var(--radius--l);
}
.initiative-opportunity-image-wrapper {
	margin-inline: calc(var(--elem-gap--xs) * -1);
	border-radius: var(--radius--m);
	margin-block: 0 var(--elem-gap--s);
}
@media screen and (max-width: 1023.98px) {
	.initiative-opportunity {
		grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
	}
}

.office-tour {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto var(--elem-gap--m) 1fr;
	grid-template-columns: auto 1fr;
	gap: var(--elem-gap--m);
	max-width: 900px;
	margin-inline: auto;
}
.office-tour .video {
	-ms-grid-column-span: 2;
	grid-column: span 2;
}
.office-tour-name {
	font-size: var(--font-size--24);
	font-weight: 500;
	line-height: 1.6;
	margin: 0;
	width: 13em;
}
.office-tour-address {
	margin: 0;
}
@media screen and (max-width: 1023.98px) {
	.office-tour {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.office-tour .video {
		-ms-grid-column-span: 1;
		grid-column: span 1;
	}
}

.president-qa-list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-auto-rows: 1fr;
	gap: var(--elem-gap--m);
	margin: 0;
}
.president-qa-item {
	position: relative;
	list-style: none;
	margin: 0;
}
.president-qa-item::before {
	content: "Q.";
	position: absolute;
	inset: -0.1em auto auto -0.1em;
	font-family: var(--en-font);
	font-size: var(--font-size--34);
	font-weight: 400;
	line-height: 0.9;
	color: var(--color--prim);
	pointer-events: none;
}
.president-qa-link {
	position: relative;
	display: -ms-grid;
	display: grid;
	gap: var(--elem-gap--xs);
	font-size: var(--font-size--20);
	color: var(--color--prim);
	font-weight: 500;
	line-height: 1.8;
	border: 1px solid var(--color--prim);
	padding: var(--elem-gap--m);
	height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 0 var(--radius--xl) var(--radius--xl) var(--radius--xl);
	clip-path: polygon(-1px 3.5rem, 4rem 3.5rem, 4rem -1px, calc(100% + 1px) -1px, calc(100% + 1px) calc(100% + 1px), -1px calc(100% + 1px));
}
.president-qa-link .plus-icon {
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--bl-gr)), to(var(--color--lt-gr)));
	background-image: linear-gradient(90deg, var(--color--bl-gr) 0%, var(--color--lt-gr) 100%);
	background-size: 100% 100%;
	margin-block: auto 0;
}
.president-qa-link .plus-icon::before, .president-qa-link .plus-icon::after {
	border-color: var(--color--wh);
}
@media screen and (max-width: 1023.98px) {
	.president-qa-list {
		gap: var(--elem-gap--s);
	}
	.president-qa-link {
		font-size: 1.6rem;
		padding: var(--elem-gap--l) var(--elem-gap--m) var(--elem-gap--m);
		clip-path: polygon(-1px 3rem, 3.4rem 3rem, 3.4rem -1px, calc(100% + 1px) -1px, calc(100% + 1px) calc(100% + 1px), -1px calc(100% + 1px));
	}
}
.president-qa-modal-content {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto var(--elem-gap--l) 1fr;
	grid-template-columns: auto 1fr;
	gap: var(--elem-gap--m) var(--elem-gap--l);
}
.president-qa-modal-image-wrapper {
	-ms-grid-row-span: 2;
	grid-row: span 2;
	width: min(25vw, 300px);
}
.president-qa-modal-question {
	font-size: var(--font-size--28);
	font-weight: 500;
	margin: 0;
}
.president-qa-modal-q, .president-qa-modal-a {
	display: block;
	font-size: var(--font-size--34);
	font-weight: 400;
	line-height: 0.9;
	color: var(--color--wh);
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--prim)), to(var(--color--sec)));
	background-image: linear-gradient(90deg, var(--color--prim) 0%, var(--color--sec) 100%);
	background-size: 100% 100%;
	width: 70px;
	padding: 0.2em 0 0.2em 0.2em;
	margin-block: 0 5px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	text-align: center;
	border-radius: 30px;
}
.president-qa-modal-a {
	background-image: -webkit-gradient(linear, left top, right top, from(var(--color--sec)), to(var(--color--pk)));
	background-image: linear-gradient(90deg, var(--color--sec) 0%, var(--color--pk) 100%);
	background-size: 100% 100%;
}
@media screen and (max-width: 1023.98px) {
	.president-qa-modal-content {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.president-qa-modal-image-wrapper {
		grid-row: auto;
		width: 100%;
	}
}

.welfare-certification-list {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--l) 1fr;
	grid-template-columns: 1fr 1fr;
	gap: var(--elem-gap--l);
}
.welfare-certification-item {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: auto var(--elem-gap--m) 1fr;
	grid-template-columns: auto 1fr;
	-ms-grid-rows: auto var(--elem-gap--m) 1fr;
	grid-template-rows: auto 1fr;
	gap: var(--elem-gap--m);
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}
.welfare-certification-item > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}
.welfare-certification-item > *:nth-child(2) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}
.welfare-certification-item > *:nth-child(3) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}
.welfare-certification-item > *:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
.welfare-certification-image {
	width: 150px;
	height: auto;
}
.welfare-certification-title {
	font-size: var(--font-size--24);
	font-weight: 500;
	margin: 0;
	color: var(--color--prim);
}
.welfare-certification-description {
	grid-column: 1/-1;
	margin-block: 0 auto;
}
.welfare-certification-description :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
@media screen and (max-width: 1023.98px) {
	.welfare-certification-list {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
	.welfare-certification-image {
		width: 100px;
	}
}

.workplace-section {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 1fr var(--elem-gap--xl) 40%;
	grid-template-columns: 1fr 40%;
	-ms-grid-rows: auto 0 1fr;
	grid-template-rows: auto 1fr;
	grid-auto-flow: column;
	gap: 0 var(--elem-gap--xl);
}

.workplace-section > *:nth-child(1) {
	-ms-grid-row: 1;
	-ms-grid-column: 1;
}

.workplace-section > *:nth-child(2) {
	-ms-grid-row: 3;
	-ms-grid-column: 1;
}

.workplace-section > *:nth-child(3) {
	-ms-grid-row: 1;
	-ms-grid-column: 3;
}

.workplace-section > *:nth-child(4) {
	-ms-grid-row: 3;
	-ms-grid-column: 3;
}
@media screen and (min-width: 1024px) {
	.workplace-section {
		-webkit-margin-after: var(--child-section-margin) !important;
		        margin-block-end: var(--child-section-margin) !important;
	}
	.workplace-section:not(:first-of-type) {
		margin-block: var(--child-section-margin) !important;
	}
}
.workplace-section-heading {
	margin-block: 0 var(--elem-gap--m);
}
.workplace-description :last-child {
	-webkit-margin-after: 0;
	        margin-block-end: 0;
}
.workplace-image-wrapper {
	-ms-grid-row-span: 2;
	grid-row: span 2;
}
.workplace-summary {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: var(--color--be);
	padding: var(--elem-gap--xl) 20%;
	border-radius: 200px;
}
.workplace-summary-heading {
	font-size: var(--font-size--28);
	font-weight: 500;
	margin-block: 0 var(--elem-gap--m);
	color: var(--color--prim);
	text-align: center;
}
.workplace-summary-body {
	font-size: var(--font-size--20);
	font-weight: 500;
	margin: 0;
}
@media screen and (max-width: 1023.98px) {
	.workplace-section {
		display: block;
	}
	.workplace-image-wrapper {
		margin-block: var(--elem-gap--l) 0;
	}
	.workplace-summary {
		border-radius: var(--radius--xl);
		padding: var(--elem-gap--xl);
	}
	.workplace-summary-heading {
		text-align: left;
	}
}

.selection-flow-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--elem-gap--s);
	list-style: none;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	counter-reset: flow-count;
}
.selection-flow-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0.5em;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	-webkit-writing-mode: vertical-rl;
	    -ms-writing-mode: tb-rl;
	        writing-mode: vertical-rl;
	text-orientation: upright;
	background: color-mix(in srgb, var(--color--sec) 20%, transparent);
	padding: var(--elem-gap--xs);
	margin: 0;
	border-radius: var(--radius--m);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	color: var(--color--prim);
	font-weight: 500;
	line-height: 1.4;
	counter-increment: flow-count;
	white-space: nowrap;
	box-sizing: border-box;
}
.selection-flow-item:not(:last-child)::after {
	position: absolute;
	inset: 0 auto 0 100%;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid var(--color--sec);
	border-bottom: 2px solid var(--color--sec);
	rotate: -45deg;
	margin: auto 0 auto -1px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.selection-flow-item::before {
	content: counter(flow-count);
	font-family: var(--num-font);
	font-weight: 400;
	font-size: var(--font-size--30);
	letter-spacing: 0;
	color: var(--color--sec);
}
@media screen and (max-width: 1023.98px) {
	.selection-flow-list {
		gap: 20px;
	}
	.selection-flow-item {
		padding-block: 0.4em;
	}
	.selection-flow-item:not(:last-child)::after {
		width: 14px;
		height: 14px;
	}
}
.selection-schedule-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	gap: var(--elem-gap--m);
	background: var(--color--be);
	padding: var(--elem-gap--m);
	border-radius: var(--radius--xl);
	line-height: 1.8;
	margin-block: var(--elem-gap--l);
}
.selection-schedule-item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: 0 var(--elem-gap--s);
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
	background: var(--color--wh);
	padding: var(--elem-gap--s);
	border-radius: var(--radius--m);
}
.selection-schedule-title {
	font-size: var(--font-size--18);
	font-weight: 500;
	color: var(--color--sec);
	width: 100px;
	-ms-flex-negative: 0;
	    flex-shrink: 0;
}
.selection-schedule-arrow-icon {
	position: absolute;
	inset: 100% 0 auto;
	height: calc(var(--elem-gap--m) - 6px);
	margin-inline: auto;
}
.selection-schedule-arrow-icon::before {
	content: "";
	position: absolute;
	inset: 0;
	width: 0;
	margin-inline: auto;
	border-left: 2px solid transparent;
	-o-border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2px, transparent 2px, transparent 3.5px) 3;
	   border-image: repeating-linear-gradient(to bottom, var(--color--sec) 0, var(--color--sec) 2px, transparent 2px, transparent 3.5px) 3;
}
.selection-schedule-arrow-icon::after {
	position: absolute;
	inset: auto 0 0;
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	border-right: 2px solid var(--color--sec);
	border-bottom: 2px solid var(--color--sec);
	rotate: 45deg;
	margin-inline: auto;
}
@media screen and (max-width: 1023.98px) {
	.selection-schedule-list {
		gap: var(--elem-gap--l);
	}
	.selection-schedule-item {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		text-align: center;
	}
	.selection-schedule-title {
		width: auto;
	}
	.selection-schedule-arrow-icon {
		height: calc(var(--elem-gap--l) - 4px);
	}
	.selection-schedule-arrow-icon::after {
		width: 14px;
		height: 14px;
	}
}

.oc-feature {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	gap: var(--elem-gap--m);
}
.oc-feature-item {
	position: relative;
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
}
.oc-feature-count {
	position: absolute;
	inset: 0 auto auto 0;
	display: -ms-grid;
	display: grid;
	place-items: center;
	width: 80px;
	height: 60px;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	background: var(--color--wh);
	border-radius: 0 0 var(--radius--m) 0;
	font-size: var(--font-size--30);
	line-height: 0.9;
	text-align: center;
	color: var(--color--prim);
}
.oc-feature-count::before, .oc-feature-count::after {
	content: "";
	position: absolute;
	inset: 0 auto auto 100%;
	background: var(--color--wh);
	-webkit-mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 0 0/200% 200%;
	        mask: radial-gradient(circle, transparent 70%, #000 71%) no-repeat 0 0/200% 200%;
	width: var(--elem-gap--xs);
	height: var(--elem-gap--xs);
}
.oc-feature-count:after {
	inset: 100% auto auto 0;
}
.oc-feature-title {
	display: -ms-grid;
	display: grid;
	place-items: center;
	font-size: var(--font-size--18);
	font-weight: 500;
	color: var(--color--prim);
	line-height: 1.5;
	background: var(--color--lt-bl);
	height: 220px;
	text-align: center;
	padding: var(--elem-gap--xs);
	border-radius: var(--radius--l);
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.oc-feature-description {
	line-height: 1.8;
	margin-block: 0;
}
@media screen and (max-width: 1023.98px) {
	.oc-feature {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		    -ms-flex-direction: column;
		        flex-direction: column;
		gap: var(--elem-gap--l);
	}
	.oc-feature-count {
		width: 60px;
		height: 40px;
	}
	.oc-feature-title {
		height: auto;
		min-height: 140px;
		padding: var(--elem-gap--s);
	}
}
.oc-feedback {
	display: -ms-grid;
	display: grid;
	-ms-grid-columns: 30% var(--elem-gap--s) 1fr;
	grid-template-columns: 30% 1fr;
	gap: var(--elem-gap--s);
	-webkit-box-align: baseline;
	    -ms-flex-align: baseline;
	        align-items: baseline;
	border: 1px solid var(--color--sec);
	border-radius: var(--radius--m);
	padding: var(--elem-gap--s);
}
.oc-feedback-heading {
	font-size: var(--font-size--18);
	font-weight: 500;
	color: var(--color--sec);
	margin: 0;
}
.oc-feedback-description {
	margin-block: 0;
}
@media screen and (max-width: 1023.98px) {
	.oc-feedback {
		-ms-grid-columns: 1fr;
		grid-template-columns: 1fr;
	}
}
.oc-voice-list {
	display: -ms-grid;
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	grid-auto-rows: 1fr;
	gap: var(--elem-gap--m);
}
.oc-voice-item {
	-webkit-box-flex: 1;
	    -ms-flex: 1 1 0%;
	        flex: 1 1 0%;
	position: relative;
	list-style: none;
	margin: 0;
	display: -ms-grid;
	display: grid;
	color: var(--color--prim);
	line-height: 2;
	border: 1px solid var(--color--prim);
	padding: var(--elem-gap--m) var(--elem-gap--s);
	height: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	border-radius: 0 var(--radius--xl) 0 var(--radius--xl);
}
.oc-voice-item::before, .oc-voice-item::after {
	content: "“";
	position: absolute;
	inset: -0.15em auto auto -0.1em;
	font-family: var(--en-font);
	font-size: 12rem;
	font-weight: 400;
	line-height: 0.9;
	color: var(--color--lt-bl);
	background: var(--color--wh);
	width: 50px;
	height: 50px;
}
.oc-voice-item::after {
	content: "”";
	inset: auto -0.1em -0.1em auto;
}
@media screen and (max-width: 1023.98px) {
	.oc-voice-item {
		padding: var(--elem-gap--m);
	}
	.oc-voice-item::before, .oc-voice-item::after {
		font-size: 10rem;
		width: 40px;
		height: 40px;
	}
}

.mid-career-hiring-table {
	width: 100%;
	border-top: 1px solid var(--color--dk-bl);
	width: 100%;
	margin-block: var(--elem-gap--m);
}
.mid-career-hiring-table th, .mid-career-hiring-table td {
	line-height: 2;
	text-align: center;
	border-bottom: 1px solid color-mix(in srgb, var(--color--dk-bl) 15%, var(--color--wh));
}
.mid-career-hiring-table thead th {
	color: var(--color--sec);
	font-size: var(--font-size--14);
}
.mid-career-hiring-table thead th:first-child {
	border-bottom: none;
}
.mid-career-hiring-table tbody th {
	padding-block: var(--elem-gap--xs);
	font-weight: 500;
}