@charset "utf-8";

/* *,*::before,*::after{outline:1px solid} */

/**
 * About MediaQueries
 * default style
 * @media print, (min-width: 768px) {}
 * @media screen and (max-width: 767.98px) {}
 * @media (max-width: 479.98px) {}
 * @media (max-width: 359.98px) {}
 * -------------------------------------------------- */
.arr, .ico {
	fill: none;
	stroke: currentcolor;
	overflow: visible;
}
.ico.-fill {
	fill: currentcolor;
	stroke: none;
}
:where(img, svg)[style^="--w:"] {
	max-width: none;
	width: calc(var(--cw) * var(--w) / var(--aspect));
	height: auto;
}
:where(img[src$=".webp"], img[src$=".jpg"], img[src$=".png"])[style^="--w:"] {
	width: calc(var(--cw) * var(--w) * .5 / var(--aspect));
}
@media screen and (max-width: 767.98px) {
	:where(img, svg)[style^="--w:"] {
		width: calc(var(--cw) * var(--w) * .5 / var(--aspect));
	}
	:where(img[src$=".webp"], img[src$=".jpg"], img[src$=".png"])[style^="--w:"] {
		width: calc(var(--cw) * var(--w) * .25 / var(--aspect));
	}
}

.image img {
	border-radius: var(--radius);
}

.l-main {
	overflow-x: clip;
	width: var(--cw);
	padding-top: var(--headerHeight);
}
.l-main:not(.page-home,.page-person) {
	padding-bottom: var(--sectiongap);
}
@media screen and (max-width: 767.98px) {
	@supports not (overflow: clip) {
		.p-home_about,
		.p-home_people .c-home_hgroup,
		.p-home_workstyle .c-home_hgroup,
		.l-main:not(.page-home) {
			overflow-x: hidden;
		}
	}
}
.pin-spacer {
	pointer-events: none;
}

/* :::::: ページタイトル :::::: */
.c-pagetitle {
	width: calc(100% - var(--basisgap) * .4);
	margin: 0 auto;
	padding-block: calc(var(--basisgap) * .75);
}
.c-pagetitle .title {
	display: grid;
	row-gap: 1em;
	--fontMin: 16;
	--fontMax: 20;
	color: white;
	fill: currentcolor;
}
.c-pagetitle .main {
	font-size: 315%;
	width: auto;
	height: 1em;
}
.c-pagetitle .sub {
	font-weight: 600;
	font-family: var(--fontEn);
}
.c-pagetitle .image {
	margin-top: var(--basisgap);
}
.c-pagetitle .image img {
	border-radius: calc(var(--radius) * 2);
}
@media print, (min-width: 768px) {
	.c-pagetitle .title {
		padding-left: 3em;
	}
}
@media screen and (max-width: 767.98px) {
	.c-pagetitle .title .sub {
		padding-left: .5em;
	}
	.c-pagetitle .title .main {
		font-size: 240%;
		padding-left: calc(.5em / 2.4);
	}
}

/* :::::: 汎用タイポグラフィ :::::: */
.c-subject {
	--fontMin: 18;
	--fontMax: 18;
}
.c-lead {
	width: calc(100% - var(--basisgap) * .8);
	margin-inline: auto;
	font-weight: 600;
	--fontMin: 16;
	--fontMax: 16;
	text-align: center;
}
.c-paragraph {
	--fontMin: 14;
	--fontMax: 16;
}
.c-note {
	--fontMin: 10;
	--fontMax: 10;
}
p.c-note, ul.c-note li {
	padding-left: 1em;
	text-indent: -1em;
}
p.c-note *, ul.c-note li * {
	text-indent: 0;
}

/* :::::: マーキー :::::: */
.c-marquee {
	-webkit-user-select: none;
	user-select: none;
}
.c-marquee .wrap {
	display: flex;
}
.c-marquee.is-anim .wrap {
	animation: ticker calc(var(--interval) * .02s) linear infinite;
}
.c-marquee:not(.is-anim) .main:not(:first-child) {
	display: none;
}
@keyframes ticker {
	from { transform: translateX(-25%); }
	to { transform: translateX(-50%); }
}
.c-pagetitle .title:has(.c-marquee) .sub {
	padding-left: .5em;
}
.c-pagetitle .title:has(.c-marquee) .main {
	padding-left: calc(.5em / 3.6);
}
@media screen and (max-width: 767.98px) {
	.c-pagetitle .title .c-marquee.is-anim .main {
		padding-left: 2em;
	}
}

/* :::::: リスト :::::: */
.c-list,
.c-numlist,
.c-datalist {
	--fontMin: 16;
	--fontMax: 16;
}
.c-list li,
.c-numlist li,
.c-datalist dt {
	padding-left: 1em;
	text-indent: -1em;
}
.c-numlist li {
	counter-increment: num;
}
.c-datalist dt {
	font-weight: 600;
}
.c-list li > *,
.c-numlist li > *,
.c-datalist dt > * {
	text-indent: 0;
}
.c-list li::before,
.c-datalist dt::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	width: .25em;
	height: .25em;
	margin-inline: .25em .5em;
	border-radius: .25em;
	text-indent: 0;
	vertical-align: middle;
	background: currentcolor;
}
.c-numlist li::before {
	content: counter(num)".";
}
.c-list small,
.c-numlist small,
.c-datalist small {
	display: block;
	position: relative;
	top: -.25em;
	font-size: 62.5%;
}

/* :::::: 個人情報 :::::: */
.c-personal {
	--fontMin: 12;
	--fontMax: 12;
	text-align: center;
}
.c-personal dt {
	font-weight: 600;
	font-size: 133.3333%; /* 16px */
}
.c-personal dt + dd {
	margin-top: .5em;
}

/* :::::: ボタン :::::: */
.c-button {
	display: grid;
	place-items: center;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: calc(var(--cw) * 56 / var(--aspect));
	border-radius: 56px;
	color: white;
	font-weight: 600;
	--fontMin: 18;
	--fontMax: 16;
	background: var(--gradient1);
	box-shadow: 0 1em 1em .6em #00000008;
}
.c-button::after {
	content: "";
	position: absolute;
	top: calc(50% - 1.25em * (9 / 11) * .5);
	right: calc(var(--basisgap) * .4);
	aspect-ratio: 11 / 9;
	width: 1.156em;
	height: auto;
	background: var(--arr) center / contain no-repeat;
}
/* .c-button[target="_blank"],
a[target="_blank"] .c-button {
	height: calc(var(--cw) * 68 / var(--aspect));
} */
a[target="_blank"] .c-button::after {
	aspect-ratio: 1 / 1;
	background-image: var(--external);
}
.c-button .label {
	position: relative;
}
@media (hover) {
	.c-button::before,
	a .c-button::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: var(--gradient2);
		transition: transform var(--dur) var(--easeInOut);
	}
	.c-button:not(:hover)::before,
	a:not(:hover) .c-button::before {
		transform: translateX(-100%);
	}
	.c-button:hover::before,
	a:hover .c-button::before {
		transform: none;
		transition-duration: .3s;
		transition-timing-function: var(--easeOut);
	}
}
@media screen and (max-width: 767.98px) {
	.c-button::after {
		right: calc(var(--basisgap) * .8);
	}
}

/* :::::: View more :::::: */
.c-more {
	display: grid;
	width: fit-content;
	font-weight: 600;
	--fontMin: 14;
	--fontMax: 14;
	line-height: 1.2;
}
.c-more > * {
	grid-area: 1 / 1;
}
.c-more .label {
	padding: 0 .5em .75em;
}
.c-more .arr {
	place-self: end;
	overflow: visible;
}
.c-more .arr {
	width: calc(var(--cw) * 160 / var(--aspect));
	height: auto;
}
@media (hover) {
	.c-more .arr {
		stroke-dasharray: 230 170;
		stroke-dashoffset: 400;
		transition: stroke-dashoffset var(--dur) var(--easeOut);
	}
	.c-more:hover .arr,
	a:hover .c-more .arr {
		stroke-dashoffset: 0;
	}
}
@media screen and (max-width: 767.98px) {
	.c-more .arr {
		width: 8em;
	}
}

/* :::::: テキストリンク :::::: */
.c-link {
	color: var(--blue);
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
@media (hover) {
	.c-link {
		transition: background-size var(--dur) var(--easeOut);
	}
	.c-link:hover {
		background-position: right bottom;
		background-size: 0 1px;
		transition-duration: .2s;
	}
}

/* :::::: 一文字ずつspanで括られた文字列 :::::: */
@media (hover) {
	.c-splitstrings .c {
		display: inline-block;
		text-shadow: 0 1em 0 #fff0;
		transition: color, transform, text-shadow;
		transition-duration: var(--dur);
		transition-delay: calc(var(--delay) * .01s);
		transition-timing-function: var(--easeOut);
	}
	a:hover .c-splitstrings .c {
		color: #fff0;
		text-shadow: 0 1em 0 #fff;
		transform: translateY(-1em);
		transition-duration: .3s;
	}
	.c-splitstrings .-c1 { --delay: 1; }
	.c-splitstrings .-c2 { --delay: 2; }
	.c-splitstrings .-c3 { --delay: 3; }
	.c-splitstrings .-c4 { --delay: 4; }
	.c-splitstrings .-c5 { --delay: 5; }
	.c-splitstrings .-c6 { --delay: 6; }
	.c-splitstrings .-c7 { --delay: 7; }
	.c-splitstrings .-c8 { --delay: 8; }
	.c-splitstrings .-c9 { --delay: 9; }
	.c-splitstrings .-c10 { --delay: 10; }
	.c-splitstrings .-c11 { --delay: 11; }
	.c-splitstrings .-c12 { --delay: 12; }
	.c-splitstrings .-c13 { --delay: 13; }
	.c-splitstrings .-c14 { --delay: 14; }
	.c-splitstrings .-c15 { --delay: 15; }
	.c-splitstrings .-c16 { --delay: 16; }
	.c-splitstrings .-c17 { --delay: 17; }
	.c-splitstrings .-c18 { --delay: 18; }
	.c-splitstrings .-c19 { --delay: 19; }
	.c-splitstrings .-c20 { --delay: 20; }
}
@media (hover) {
	.c-splitstrings .c {
		display: inline-block;
		transition: color, transform, text-shadow;
		transition-duration: var(--dur);
		transition-delay: calc(var(--delay) * .01s);
		transition-timing-function: var(--easeOut);
	}
	a:hover .c-splitstrings .c {
		transform: translateY(-1em);
		transition-duration: .3s;
	}
	.l-header .cv .c-splitstrings .c {
		text-shadow: 0 1em 0 #fff0;
	}
	.l-header .cv a:hover .c-splitstrings .c {
		color: #fff0;
		text-shadow: 0 1em 0 #fff;
	}
	.contentinfo .cv .c-splitstrings .c {
		text-shadow: 0 1em 0 #0000;
	}
	.contentinfo .cv a:hover .c-splitstrings .c {
		color: #0000;
		text-shadow: 0 1em 0 #000;
	}
	.c-more .c-splitstrings .c {
		text-shadow: 0 1em 0 #0000;
	}
	a:hover .c-more  .c-splitstrings .c {
		color: #0000;
		text-shadow: 0 1em 0 #000;
	}
}

/* :::::: プルダウンコンテンツ :::::: */
.c-pull {
	display: grid;
	z-index: 0;
	position: relative;
	border: 1px solid white;
	border-radius: var(--radius);
}
.c-pull_head {
	z-index: 1;
	margin: -1px;
	--fontMin: 16;
}
.c-pull_head button {
	display: block;
	width: 100%;
	padding: 1.33em calc(var(--basisgap) / 2);
	border-radius: calc(var(--radius) - 1px);
	text-align: left;
	color: transparent;
	background: white;
	box-shadow: 0 .6666em .6666em .5555em #00000008;
}
.c-pull_head .inner {
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: currentcolor;
}
.c-pull_body {
	overflow: hidden;
	margin-top: calc(var(--radius) * -1);
	border-radius: 0 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px);
	background: white;
}
.c-pull_body .c-note {
	margin-top: .5em;
}
.c-pull_head .inner,
.c-pull_body .wrap {
	display: flex;
	align-items: center;
}
.c-pull_head .inner {
	display: grid;
	grid-template-columns: auto 1fr auto;
}
.c-pull_body .wrap {
	padding: calc(var(--basisgap) / 2);
	padding-top: calc(var(--basisgap) / 2 + var(--radius));
}
/* +/- */
.c-pull_head .inner .plus {
	align-self: center;
	display: grid;
	place-items: center;
	aspect-ratio: 1 / 1;
	width: 1.11em;
	height: auto;
	color: black;
	margin-left: calc(var(--basisgap) / 4);
}
.c-pull_head .inner .plus::before,
.c-pull_head .inner .plus::after {
	content: "";
	grid-area: 1 / 1;
	display: block;
	width: 100%;
	border-top: 2px solid currentcolor;
}
.c-pull_head .inner .plus::after {
	rotate: -90deg;
}
@media print, (min-width: 768px) {
	.c-pull_head .inner {
		align-items: baseline;
	}
}
@media screen and (max-width: 767.98px) {
	.c-pull_head .inner {
		column-gap: .25em;
	}
	.c-pull_head button {
		height: calc(var(--cw) * 100 / var(--aspect));
		padding-inline: calc(var(--basisgap) * .75);
	}
}

/* Motion */
.c-pull_head button {
	z-index: 0;
	position: relative;
}
.c-pull_head button::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background: var(--gradient2);
	opacity: 0;
}
.c-pull_head button.is-open::before {
	opacity: 1;
}
.c-pull_head button.is-open .inner,
.c-pull_head button.is-open .inner .plus {
	color: white;
}
.c-pull_head button::before {
	transition: opacity .2s var(--easeOut);
}
.c-pull_head button .inner,
.c-pull_head button .inner .plus {
	transition: color .2s var(--easeOut);
}

.c-pull_head button.is-open .inner .plus::after {
	rotate: 0deg;
}
.c-pull_head button.is-motion .inner .plus::after {
	transition: rotate .2s var(--easeOut);
}
.c-pull_body.is-motion {
	transition: height var(--dur) var(--easeOut);
}
.c-pull_body.is-motion.is-open {
	transition-timing-function: var(--easeInOut);
}
@media (hover) {
	.c-pull_head button:hover::before {
		opacity: 1;
	}
	.c-pull_head button:hover .inner,
	.c-pull_head button:hover .inner .plus {
		color: white;
	}
}

/* :::::: スリットイメージ (社長と社員) :::::: */
.c-slitimage {
	--scale: .5;
	--mask: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><path d="M69.411,100L100,0H0v100h69.411Z"/></svg>');
	--width: calc(var(--cw) * var(--w) * var(--scale) / var(--aspect));
	--height: calc(var(--cw) * var(--h) * var(--scale) / var(--aspect));
	z-index: 0;
	position: relative;
	overflow: hidden;
	aspect-ratio: 1 / 1;
	width: var(--height);
	height: var(--height);
	mask: var(--mask) right center / cover no-repeat;
}
.c-slitimage :where(.main, .sub) {
	display: block;
	position: relative;
}
.c-slitimage .main img {
	width: var(--width);
}
.c-slitimage :where(.main, .sub) img {
	position: relative;
	left: calc(50% - var(--width) * .5);
}
.c-slitimage::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 0 0 auto;
	aspect-ratio: var(--symbolAspect);
	width: auto;
	height: 100%;
	background: white;
	transform-origin: center top;
	transform: skewX(calc(-17deg));
}
@media (hover) {
	.c-slitimage :where(.main, .sub) img {
		transition: translate .4s var(--easeOut);
	}
}
.c-scaling {
	-webkit-user-select: none;
	user-select: none;
}

/* :::::: キャプションボックス :::::: */
.c-captionbox {
	display: grid;
	row-gap: .5em;
	padding: 2em 1em;
	border-radius: var(--radius);
	color: black;
	--fontMin: 14;
	--fontMax: 14;
	text-align: center;
	background: white;
}
.c-captionbox .main {
	font-size: 128.5714285%; /* 18px */
}
@media screen and (max-width: 767.98px) {
	.c-captionbox .main {
		font-size: 114.2857%;
	}
}

/* :::::: スケジュールテーブル :::::: */
.c-datatable {
	--thWidth: 14em;
	display: table;
	z-index: 0;
	position: relative;
	width: 100%;
	border-collapse: collapse;
	border-inline: 1px solid var(--gray);
	--fontMin: 14;
	--fontMax: 16;
}
.c-datatable .row {
	display: table-row;
	border-block: 1px solid var(--gray);
	text-align: center;
}
.c-datatable :where(dt,dd) {
	display: table-cell;
	padding: 1em;
}
.c-datatable dt {
	width: var(--thWidth);
	color: white;
	font-weight: 600;
}
.c-datatable::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 auto 0 0;
	width: var(--thWidth);
	background: var(--gradient1);
}
@media screen and (max-width: 767.98px) {
	.c-datatable {
		--thWidth: 7em;
	}
	.c-datatable dt {
		align-content: center;
	}
}

/* :::::: 参加者の声 :::::: */
.c-voice {
	display: grid;
	position: relative;
	padding: calc(var(--basisgap) * .55);
	border: 1px solid var(--blue);
	border-radius: var(--radius);
	box-shadow: 0 .75em .75em .6em #00000008;
}
.c-voice .author {
	text-align: center;
}
.c-voice .author figcaption {
	margin-top: .25em;
	--fontMin: 14;
	--fontMax: 12;
}
.c-voice .tail {
	position: absolute;
	top: 100%;
	right: calc(var(--basisgap) * .75);
	stroke: var(--blue);
	overflow: visible;
}
@media print, (min-width: 768px) {
	.c-voice {
		grid-template-columns: auto 1fr;
		column-gap: calc(var(--basisgap) * .45);
	}
}
@media screen and (max-width: 767.98px) {
	.c-voice {
		padding-block: var(--basisgap);
	}
	.c-voice .tail {
		width: 1em;
	}
	.c-voice .author img {
		width: calc(var(--cw) * 96 / var(--aspect));
	}
}

/* :::::: メンバー一覧 :::::: */
.c-member {
	margin-inline: auto;
	margin-top: calc(var(--sectiongap) * .8333); /* 100px */
}
.c-member .c-label {
	font-weight: 600;
	--fontMin: 20;
	--fontMax: 28;
	font-family: var(--fontEn);
	text-align: center;
}
.c-member .member_list {
	display: grid;
	grid-auto-flow: column;
	justify-content: space-between;
	width: var(--contentWidth);
	margin-inline: auto;
}
.c-member .member_list .image img {
	border-radius: calc(var(--cw) * 200 / var(--aspect));
}
.c-member .member_list .c-personal {
	margin-top: 1em;
}
@media print, (min-width: 768px) {
	.c-member .member_list {
		margin: calc(var(--basisgap) / 2) auto 0;
	}
	.c-member .splide:not(.is-active) .member_list {
		display: grid !important;
		margin: calc(var(--basisgap) / 2) auto 0 !important;
	}
	.c-member .member_list .item {
		width: calc(var(--cw) * 200 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.c-member .splide {
		margin-inline: calc(var(--basisgap) * -.3333);
	}
	.c-member .splide .splide__track {
		padding-inline: calc(var(--basisgap) * .3333) !important;
	}
	.c-member .splide,
	.c-member .member_list {
		margin-top: calc(var(--basisgap) * .8); /* 32px */
	}
	.c-member .splide__list {
		display: flex;
	}
	.c-member .member_list .item {
		margin-right: calc(var(--basisgap) * .5); /* 20px */
	}
	.c-member .member_list .image {
		min-width: calc(var(--cw) * 160 / var(--aspect));
	}
	.c-member .member_list .image img {
		width: 100%;
	}
}

/* :::::: People一覧 :::::: */
.c-people_list {
	margin: calc(var(--sectiongap) / 2) auto 0;
}
.c-people_list .image,
.c-people_list .c-slitimage {
	display: grid;
	place-items: end center;
}
.c-people_list .image > *,
.c-people_list .c-slitimage > * {
	grid-area: 1 / 1;
}
.c-people_list .c-signature {
	place-self: center;
	position: relative;
	top: 20%;
	fill: currentcolor;
	opacity: .2;
}
.c-people_list li:nth-child(1) .c-signature {
	left: 4%;
}
.c-people_list li:nth-child(2) .c-signature {
	top: 18%;
	left: 2%;
}
.c-people_list li:nth-child(3) .c-signature {
	left: 2%;
}
.c-people_list .text {
	position: relative;
	margin-top: 1lh;
	--fontMin: 12;
	--fontMax: 12;
	text-align: center;
}
.c-people_list .text .arr {
	display: grid;
	place-items: center;
	position: absolute;
	overflow: hidden;
	width: 2.5em;
	height: 2.5em;
	border-radius: 2.5em;
	border: 1px solid white;
}
.c-people_list .text .arr svg {
	width: calc(var(--cw) * 11 / var(--aspect));
	height: auto;
	stroke: url("#svg-grad1");
	filter: drop-shadow(2.5em 0 0 #fff);
	translate: -2.5em 0;
}
.c-people_list .text dt {
	font-weight: 600;
	font-size: 133.3333%; /* 16px */
}
@media print, (min-width: 768px) {
	:root .c-people_list.is-initialized:not(.is-active) .splide__track {
		overflow: visible;
	}
	:root .c-people_list.is-initialized:not(.is-active) .splide__list {
		display: flex;
	}
	.c-people_list {
		width: var(--contentWidth);
	}
	.c-people_list .splide__list {
		justify-content: center;
		column-gap: calc(var(--basisgap) * .75);
	}
	.c-people_list .text {
		padding-right: 4em;
	}
	.c-people_list .text .arr {
		top: calc(50% - 1.25em);
		right: 0;
	}
	.c-people_list .text dt + dd {
		margin-top: .5em;
	}
	.p-home_people .c-people_list .image {
		margin-right: calc(var(--shift)* -.2);
		margin-left: calc(var(--shift)* -1.2);
	}
}
@media screen and (max-width: 767.98px) {
	.c-people_list li {
		max-width: calc(var(--cw) * .66);
		margin-right: -2em;
	}
	.c-people_list .text {
		padding-bottom: 6em;
	}
	.c-people_list .text .arr {
		bottom: 0;
		left: calc(50% - 1.25em);
	}
	.c-people_list .text dt {
		font-size: 150%; /* 18px */
	}
	.c-people_list .splide__pagination {
		--size: calc(var(--cw) * 8 / var(--aspect));
		column-gap: calc(var(--size) * 2);
		margin-top: var(--basisgap);
	}
	.c-people_list .splide__pagination__page {
		width: var(--size);
		height: var(--size);
		border-radius: var(--size);
		background: white;
	}
	.c-people_list .splide__pagination__page:not(.is-active) {
		background: #fff6;
	}
	.p-home_people .c-people_list {
		margin-top: 0;
	}
}

/* Inview */
.c-people_list.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.c-people_list.is-standby,
.c-people_list.is-inview {
	pointer-events: none;
}
.c-people_list.is-standby .c-signature {
	opacity: 0;
	clip-path: inset(0 99% 0 0);
}
.c-people_list.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}
.c-people_list.is-inview .c-signature {
	clip-path: inset(0);
	transition: opacity var(--inviewDur) var(--easeOut), clip-path var(--inviewDur) var(--easeOut);
	transition-delay: .2s;
}

/* slitimageカスタマイズ */
.c-people_list:has(.c-slitimage) {
	--shift: calc(var(--cw) * 56 / var(--aspect));
}
.c-people_list:has(.c-slitimage) .splide__track {
	padding-top: var(--shift);
}
.c-people_list .c-slitimage {
	margin-top: calc(var(--shift) * -1);
}
.c-people_list .c-slitimage {
	height: calc(var(--height) + var(--shift));
}
.c-people_list .c-slitimage::before {
	right: calc(var(--shift) * .3);
	height: calc(100% - var(--shift));
}
.c-people_list .c-slitimage .main img {
	left: calc(54% - var(--width) * .5);
}
.c-people_list .c-slitimage .sub {
	margin-top: calc(var(--shift) * -1);
}
.c-people_list .c-slitimage .sub img {
	left: calc(40% - var(--width) * .5);
	translate: 100% 0;
}
.c-people_list .c-slitimage::before {
	top: var(--shift);
}
@media (hover) {
	.c-people_list .c-signature {
		transition: opacity .2s;
	}
	.c-people_list .c-slitimage::before {
		transition: background-color .2s;
	}
	.c-people_list .c-slitimage .sub img {
		transition-duration: .2s;
		transition-timing-function: var(--easeInOut);
	}
	.c-people_list .text .arr {
		transition: background-color .2s;
	}
	.c-people_list .text .arr svg {
		transition: translate .4s var(--easeOut);
	}
	.c-people_list a:hover .c-slitimage::before {
		background: var(--red);
		transition-timing-function: var(--easeInOut);
	}
	.c-people_list a:hover .c-slitimage .main img {
		translate: 100% 0;
		transition-duration: .2s;
		transition-timing-function: var(--easeInOut);
	}
	.c-people_list a:hover .c-slitimage .sub img {
		translate: 0;
		transition-duration: .4s;
		transition-timing-function: var(--easeOut);
	}
	.c-people_list a:hover .c-signature {
		opacity: 1;
		transition-duration: .4s;
		transition-timing-function: var(--easeOut);
	}
	.c-people_list a:hover .text .arr {
		background: white;
		transition-timing-function: var(--easeOut);
	}
	.c-people_list a:hover .text .arr svg {
		translate: 0;
		transition-duration: .2s;
	}
}
@media screen and (max-width: 767.98px) {
	.c-people_list .c-slitimage {
		--scale: .36;
	}
	.c-people_list .c-slitimage .sub img {
		width: calc(var(--cw) * var(--w) * .35 / var(--aspect));
	}
}

/* :::::: タイムライン :::::: */
.c-timeline {
	position: relative;
}
.timeline_label {
	width: fit-content;
	padding-inline: calc(var(--basisgap) * .625); /* 50px */
	font-weight: 600;
	--fontMin: 12;
	--fontMax: 12;
	line-height: 1;
	font-family: var(--fontEn);
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
@media print, (min-width: 768px) {
	.c-timeline {
		border-left: 1px solid currentcolor;
	}
	.c-timeline::after {
		content: "";
		position: absolute;
		bottom: -2px;
		left: -3px;
		width: 5px;
		height: 5px;
		border-radius: 5px;
		background: currentcolor;
	}
	.timeline_label {
		position: sticky;
		top: calc(var(--headerHeight) + 1em);
		margin-bottom: calc(var(--headerHeight) + var(--basisgap));
	}
}
@media screen and (max-width: 767.98px) {
	.timeline_label {
		margin-inline: auto;
	}
}
.timeline_container,
.timeline_fixed {
	--headW: 100%;
}
.timeline_fixed { /* jsで生成するfixed用要素 */
	display: grid;
	justify-content: start;
	position: sticky;
	top: calc(50% - var(--basisgap));
	left: 0;
	margin-top: var(--sectiongap);
}
.timeline_fixed + .timeline_container .timeline_body {
	padding-top: 0;
}
.timeline_container:last-of-type .timeline_body {
	padding-bottom: 0;
}
.timeline_fixed .timeline_head {
	grid-area: 1 / 1;
}
.timeline_fixed:empty {
	display: none;
}
.timeline_head {
	--pointSize: 19px;
	display: grid;
	align-content: start;
	justify-items: center;
	position: relative;
	width: var(--headW);
	text-align: center;
}
.timeline_head::after {
	content: "";
	position: absolute;
	width: var(--pointSize);
	height: var(--pointSize);
	border-radius: var(--pointSize);
	background: var(--red);
}
@media print, (min-width: 768px) {
	.timeline_container,
	.timeline_fixed {
		--headW: calc(var(--cw) * 300 / var(--aspect));
	}
	:where(.timeline_container) .timeline_head {
		position: sticky;
		top: calc(50% - var(--headH) / 2);
	}
	.timeline_fixed .timeline_head {
		padding-right: 2em;
	}
	.timeline_head::after {
		top: calc(50% - 10px);
		left: -10px;
	}
	.timeline_body {
		margin-left: calc(var(--headW) + var(--basisgap) * 1.5);
		padding-block: var(--sectiongap);
	}
}
@media screen and (max-width: 767.98px) {
	.timeline_fixed {
		display: none;
	}
	.timeline_head {
		--pointSize: calc(var(--cw) * 20 / var(--aspect));
	}
	.timeline_head::after {
		top: 0;
		left: calc(50% - var(--cw) * 10 / var(--aspect));
	}
	.timeline_container {
		padding-top: var(--sectiongap);
	}
	.timeline_body {
		margin-top: var(--basisgap);
	}
}

/* :::::: タイムライン終わりのマーキー :::::: */
.c-timeline + .c-marquee {
	--interval: 600;
	overflow: hidden;
	margin: var(--sectiongap) var(--breakout) 0;
}
.c-timeline + .c-marquee .wrap {
	font-weight: 600;
	--fontMin: 72;
	--fontMax: 120;
	font-family: var(--fontEn);
	white-space: nowrap;
}
.c-timeline + .c-marquee .wrap > * {
	display: block;
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/**
 * キービジュアル
 * -------------------------------------------------- */
.p-keyvisual {
	--grad: #e9e9e9 8%, #f6f6f6 92%;
	display: grid;
	overflow: hidden;
	z-index: 0;
	position: relative;
	aspect-ratio: 70 / 39;
	width: calc(var(--cw) * 1200 / var(--aspect));
	height: min(var(--cw) * 624 / var(--aspect), 100svh - var(--headerHeight) - var(--basisgap) / 4);
	margin: 0 auto;
	border-radius: calc(var(--radius) * 2);
	background: #e9e9e9;
	clip-path: inset(0 round calc(var(--radius) * 2));
}
.p-keyvisual > * {
	grid-area: 1 / 1;
}
.p-keyvisual .catchcopy {
	z-index: 1;
	position: relative;
	top: 4%;
	place-self: center;
	width: min(var(--cw) * 838 / var(--aspect), 100svh);
}
.p-keyvisual .catchcopy > * {
	width: 100%;
	height: auto;
}
.p-keyvisual .photos {
	display: grid;
	grid-template: repeat(3, 1fr) / repeat(4, 1fr);
	height: inherit;
}
.p-keyvisual .pairs {
	display: grid;
	position: relative;
}
.p-keyvisual .photo,
.p-keyvisual .pairs {
	overflow: hidden;
	text-align: center;
}
.p-keyvisual .photo:nth-child(odd) {
	background: linear-gradient(to left top, var(--grad)) center / cover no-repeat;
}
.p-keyvisual .photo:nth-child(even) {
	background: linear-gradient(to right bottom, var(--grad)) center / cover no-repeat;
}
.p-keyvisual .photo :where(picture, img) {
	width: auto;
	height: 108%;
	object-fit: cover;
	object-position: center top;
	opacity: .5;
}
.p-keyvisual .pairs .photo :where(picture, img) {
	width: 100%;
}
.p-keyvisual .photo > :where(img) {
	opacity: .25;
}
@media print, (min-width: 768px) {
	.p-keyvisual .pairs {
		grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width: 767.98px) {
	.p-keyvisual {
		width: calc(var(--cw) - var(--basisgap) * .8);
		height: max(100svh - var(--headerHeight) - var(--basisgap) * .4, var(--cw) * 440 / var(--aspect));
	}
	.p-keyvisual .catchcopy {
		width: calc(var(--cw) * 300 / var(--aspect));
	}
	.p-keyvisual .photos {
		grid-template: repeat(4, 1fr) / repeat(3, 1fr);
	}
	.p-keyvisual .pairs {
		grid-template-rows: repeat(2, 1fr);
	}
	.p-keyvisual .photo :where(picture, img) {
		width: 100%;
	}
}
@media (max-width: 767.98px) and (pointer: coarse) {
	.p-keyvisual {
		width: calc(100vw - var(--basisgap) * .8);
	}
}

/* Motion */
.p-keyvisual .pairs.is-hide,
.p-keyvisual .photos.is-standby .photo {
	opacity: 0;
}
.p-keyvisual .pairs.is-motion {
	transition: opacity var(--dur) var(--easeInOut);
	mix-blend-mode: plus-darker;
}
.p-keyvisual .photos.is-motion .photo {
	transition: opacity calc(var(--dur) * 3);
	transition-delay: calc(var(--delay) * .05s + .4s);
}
@media print, (min-width: 768px) {
	.p-keyvisual .photos.is-motion .photo:nth-child(12) { --delay: 0; }
	.p-keyvisual .photos.is-motion .photo:nth-child(11) { --delay: 1; }
	.p-keyvisual .photos.is-motion .photo:nth-child(10) { --delay: 2; }
	.p-keyvisual .photos.is-motion .photo:nth-child(9) { --delay: 3; }
	.p-keyvisual .photos.is-motion .photo:nth-child(5) { --delay: 4; }
	.p-keyvisual .photos.is-motion .photo:nth-child(1) { --delay: 5; }
	.p-keyvisual .photos.is-motion .photo:nth-child(2) { --delay: 6; }
	.p-keyvisual .photos.is-motion .photo:nth-child(3) { --delay: 7; }
	.p-keyvisual .photos.is-motion .photo:nth-child(4) { --delay: 8; }
	.p-keyvisual .photos.is-motion .photo:nth-child(8) { --delay: 9; }
	.p-keyvisual .photos.is-motion .photo:nth-child(7) { --delay: 10; }
	.p-keyvisual .photos.is-motion .photo:nth-child(6) { --delay: 11; }
}
@media screen and (max-width: 767.98px) {
	.p-keyvisual .photos.is-motion .photo:nth-child(12) { --delay: 0; }
	.p-keyvisual .photos.is-motion .photo:nth-child(11) { --delay: 1; }
	.p-keyvisual .photos.is-motion .photo:nth-child(10) { --delay: 2; }
	.p-keyvisual .photos.is-motion .photo:nth-child(7) { --delay: 3; }
	.p-keyvisual .photos.is-motion .photo:nth-child(4) { --delay: 4; }
	.p-keyvisual .photos.is-motion .photo:nth-child(1) { --delay: 5; }
	.p-keyvisual .photos.is-motion .photo:nth-child(2) { --delay: 6; }
	.p-keyvisual .photos.is-motion .photo:nth-child(3) { --delay: 7; }
	.p-keyvisual .photos.is-motion .photo:nth-child(6) { --delay: 8; }
	.p-keyvisual .photos.is-motion .photo:nth-child(9) { --delay: 9; }
	.p-keyvisual .photos.is-motion .photo:nth-child(8) { --delay: 10; }
	.p-keyvisual .photos.is-motion .photo:nth-child(5) { --delay: 11; }
}

/**
 * ステートメント
 * -------------------------------------------------- */
.p-home_statement {
	--statementHeight: 720px;
	margin-block: calc(var(--sectiongap) / 2);
	padding-block: var(--sectiongap);
	text-align: center;
}
.p-home_statement .statement_container,
.p-home_statement .statement_wrap {
	position: relative;
}
.p-home_statement .statement_wrap::before {
	content: "";
	position: absolute;
	inset: calc(var(--sectiongap) * -3) 0;
	background: linear-gradient(to top, #2B279300, #2B279380 40%, #2B279380 60%, #2B279300)
}
.p-home_statement p {
	position: relative;
	margin-top: var(--sectiongap);
	color: white;
	--fontMin: 16;
	--fontMax: 18;
	line-height: 2.4;
}
.p-home_statement p + p {
	margin-top: 1lh;
}
.p-home_statement p .dash {
	padding-right: .2em;
	letter-spacing: -.2em;
}
.p-home_statement .c-aokisymbol {
	position: sticky;
	top: calc(50% - var(--statementHeight) / 2);
	aspect-ratio: var(--symbolAspect);
	width: auto;
	margin: 0 auto calc(var(--basisgap) * -.5);
	background: white;
	opacity: .1;
	transform: skewX(var(--symbolSkew));
}
@media print, (min-width: 768px) {
	.p-home_statement .c-aokisymbol {
		height: calc(var(--statementHeight) + var(--basisgap));
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_statement p {
		line-height: 2.2;
	}
	.p-home_statement .c-aokisymbol {
		top: calc(50% - var(--statementHeight) / 4);
		margin-bottom: calc(var(--statementHeight) / 4);
		height: calc(var(--statementHeight) / 2);
	}
}

/**
 * ホームコンテンツ
 * -------------------------------------------------- */
.c-home_section {
	z-index: 0;
	position: relative;
}
.c-home_hgroup {
	display: grid;
	justify-items: center;
	row-gap: calc(var(--basisgap) * .3);
}
.c-home_hgroup:has(.c-scaling) {
	overflow: hidden;
	width: var(--cw);
}
.c-home_title {
	font-weight: 600;
	--fontMin: 22;
	--fontMax: 22;
	line-height: 1.1;
}
.c-home_title > * {
	display: block;
}
.c-home_title .main {
	margin-top: calc(.5em - .5lh);
	font-weight: inherit;
	font-size: 327.2727%; /* 22*3.272727= 72px */
	font-family: var(--fontEn);
}
.c-home_title .sub {
	margin-top: 1em;
}
.c-home_lead {
	--fontMin: 14;
	--fontMax: 16;
}
.c-home_item {
	width: var(--contentWidth);
	margin-top: calc(var(--sectiongap) * .75);
	margin-inline: auto;
}
.c-home_item .c-home_title {
	--fontMin: 16;
	--fontMax: 18;
}
.c-home_item .c-home_title .main {
	font-size: 300%; /* 18*3= 54px */
}
.c-home_item .c-home_title .sub {
	margin-top: 1em;
}
.c-home_item .text {
	display: flex;
	flex-direction: column;
	row-gap: calc(var(--basisgap) * .5); /* 40 */
}
@media print, (min-width: 768px) {
	.c-home_item {
		width: calc(var(--contentWidth) * .86);
	}
	.c-home_item .text {
		width: calc(var(--cw) * 343 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.c-home_title .main {
		font-size: 272.727%; /* 22*2.72727= 60px */
	}
	.c-home_item {
		margin-top: calc(var(--sectiongap) * .9);
	}
	.c-home_item .c-home_title .main {
		font-size: 275%; /* 16*2.75= 44px */
	}
	.c-home_item .c-button {
		align-self: center;
	}
}

/* :::::: ABOUT :::::: */
.p-home_about {
	position: relative;
	padding: var(--sectiongap) 0;
	background: white;
	border-radius: calc(var(--radius) * 5) calc(var(--radius) * 5) 0 0;
}
.p-home_about .c-home_title {
	text-align: center;
}
.p-home_about .c-home_lead {
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.p-home_about {
		border-radius: calc(var(--radius) * 2) calc(var(--radius) * 2) 0 0;
	}
}

/** We are */
.p-home_weare a {
	display: flex;
}
.p-home_weare .image {
	order: -1;
	display: grid;
}
.p-home_weare .image > * {
	grid-area: 1 / 1;
	border-radius: var(--radius);
	box-shadow: 8px 8px 8px #00000029;
}
.p-home_weare .image > :first-child {
	z-index: 1;
	border: 2px solid #0550ac;
}
.p-home_weare .image > :last-child {
	place-self: end;
	border: 2px solid #00ccc0;
}
@media print, (min-width: 768px) {
	.p-home_weare a {
		align-items: center;
		justify-content: space-between;
	}
	.p-home_weare .image {
		width: calc(var(--cw) * 560 / var(--aspect));
		height: calc(var(--cw) * 440 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_weare a {
		flex-direction: column;
		row-gap: calc(var(--basisgap) / 2);
	}
	.p-home_weare .image {
		height: calc(var(--cw) * 264 / var(--aspect));
	}
	.p-home_weare .image img {
		width: calc(var(--cw) * var(--w) * .3 / var(--aspect));
	}
}

/* Inview */
.p-home_weare .image img {
	display: inline-block;
}
.p-home_weare .image.is-standby img {
	opacity: 0;
	transform: translateX(-20%) rotate(-4deg);
}
.p-home_weare .image.is-standby img:last-child {
	transform: translateX(20%) rotate(-4deg);
}
.p-home_weare .image.is-inview img {
	transition: opacity var(--inviewDur) var(--easeOut), transform var(--inviewDur) var(--easeOut);
}
.p-home_weare .image.is-inview img:last-child {
	transition-delay: .2s;
}

/** For you */
.p-home_foryou a {
	display: flex;
}
/* slitimageカスタマイズ */
.p-home_foryou .c-slitimage::before {
	background: var(--red);
}
@media print, (min-width: 768px) {
	.p-home_foryou a {
		align-items: end;
		justify-content: center;
		column-gap: var(--basisgap);
	}
	.p-home_foryou .text {
		align-self: center;
		margin-left: calc(var(--basisgap) / 2);
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_foryou a {
		flex-direction: column;
		row-gap: calc(var(--basisgap) / 2);
	}
	.p-home_foryou .image {
		--scale: .36;
		order: -1;
		align-self: center;
	}
}

/* Inview */
.p-home_foryou .image img {
	display: inline-block;
	border-radius: 0;
}
.p-home_foryou .image.is-standby {
	clip-path: inset(100% 0 0);
}
.p-home_foryou .image.is-standby img {
	opacity: 0;
	translate: 20% 0;
}
.p-home_foryou .image.is-inview {
	clip-path: inset(0);
	transition: clip-path calc(var(--inviewDur) * .8) var(--easeInOut);
}
.p-home_foryou .image.is-inview img {
	transition: opacity var(--inviewDur), translate var(--inviewDur) var(--easeOut);
	transition-delay: .3s;
}

/** Our Biz */
.p-home_biz a {
	display: flex;
	flex-direction: column;
	align-items: center;
	row-gap: calc(var(--basisgap) / 2);
}
.p-home_biz .image {
	order: -1;
}
.p-home_biz .splide__list {
	align-items: center;
}
.p-home_biz .splide__slide {
	max-width: calc(var(--cw) * var(--w) * .5 / var(--aspect));
	margin-right: calc(var(--basisgap) / 2);
}
.p-home_biz .splide__slide.-i1 {
	margin-top: 2%;
}
.p-home_biz .splide__slide.-i2 {
	align-self: start;
}
.p-home_biz .splide__slide.-i3 {
	margin-top: -2%;
}
.p-home_biz .splide__slide.-i4 {
	margin-top: -4%;
}
.p-home_biz .splide__slide.-i5 {
	margin-top: 2%;
}
.p-home_biz .splide__slide.-i6 {
	align-self: end;
	margin-bottom: 2%;
}
.p-home_biz .splide__slide.-i8 {
	margin-top: 10%;
}
.p-home_biz .splide__slide img {
	border-radius: var(--radius);
}
@media print, (min-width: 768px) {
	.p-home_biz .image {
		margin-inline: var(--breakout);
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_biz a {
		row-gap: calc(var(--basisgap) / 2);
	}
	.p-home_biz .splide__slide {
		max-width: calc(var(--cw) * var(--w) * .25 / var(--aspect));
	}
	.p-home_biz .image {
		width: var(--cw);
		margin-inline: calc(var(--basisgap) * -1);
	}
	.p-home_biz .text {
		width: 100%;
	}
	.p-home_biz .splide__slide.-i3 {
		margin-top: 4%;
	}
}

/* Inview */
.p-home_biz .image.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.p-home_biz .image.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}

/** Our Job */
.p-home_job a {
	display: flex;
}
.p-home_job .image {
	order: -1;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: start;
	column-gap: calc(var(--basisgap) * .3);
}
.p-home_job .image img {
	height: auto;
}
.p-home_job .image img:last-child {
	order: -1;
	margin-top: calc(var(--basisgap) * .75);
}
.p-home_job .image img:nth-child(2) {
	margin-top: calc(var(--basisgap) * 1.25);
}
@media print, (min-width: 768px) {
	.p-home_job a {
		align-items: center;
		justify-content: space-between;
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_job a {
		flex-direction: column;
		row-gap: calc(var(--basisgap) / 2);
	}
	.p-home_job .image img {
		width: 100%;
		border-radius: calc(var(--radius) * .6);
	}
}

/* Inview */
.p-home_job .image img {
	display: inline-block;
}
.p-home_job .image.is-standby img {
	opacity: 0;
	translate: 0 -40px;
}
.p-home_job .image.is-standby img:nth-child(2) {
	translate: 0 40px;
}
.p-home_job .image.is-inview img {
	transition: opacity var(--inviewDur), translate var(--inviewDur);
}
.p-home_job .image.is-inview img:nth-child(2) {
	transition-delay: .1s;
}
.p-home_job .image.is-inview img:last-child {
	transition-delay: .2s;
}

/* :::::: AOKI's PEOPLE :::::: */
.p-home_people {
	padding-block: var(--sectiongap);
	color: white;
}
.p-home_people .c-home_hgroup {
	justify-content: center;
	width: var(--cw);
}
.p-home_people .c-home_title {
	text-align: center;
}
.p-home_people .c-home_title .main {
	display: grid;
	position: sticky;
	top: calc(50% - .5lh);
	margin-bottom: -.25em;
	font-size: 1000%;
	white-space: nowrap;
	opacity: .16;
}
.p-home_people .c-home_lead {
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.p-home_people {
		padding-top: 0;
	}
	.p-home_people .c-home_title .main {
		margin-block: -.25em -.2em;
	}
}
.p-home_people .c-home_title.is-fix .main {
	position: static;
	height: 100%;
}
.p-home_people .c-marquee {
	--interval: 1600;
}
.p-home_people .c-marquee .wrap {
	width: 52ch;
}
.p-home_people .c-marquee .wrap > * {
	width: 13ch;
	padding-left: 1ch;
}

/* :::::: PROJECT STORY :::::: */
.p-home_project {
	width: var(--contentWidth);
	margin-inline: auto;
	padding-block: var(--sectiongap);
	border-image: linear-gradient(white, white) 0 fill / 0 / 0 50vw;
}
.p-home_project::after {
	content: "";
	display: block;
	clear: both;
}
.p-home_project .c-home_title .main {
	line-height: 1.2;
}
@media print, (min-width: 768px) {
	.p-home_project .c-home_hgroup {
		float: left;
		justify-items: start;
		position: sticky;
		top: calc(50% - 150px);
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_project .c-home_title .main {
		font-size: 181.8181%; /* 22*1.818181= 40px */
	}
	.p-home_project .c-home_title .sub {
		margin-top: 1.5em;
	}
	.p-home_project .c-home_lead {
		text-align: center;
	}
}
.c-project_list {
	--sidegap: calc(var(--basisgap) * 1.2);
}
@media print, (min-width: 768px) {
	.c-project_list {
		float: right;
	}
	.c-project_list li {
		position: relative;
		margin-top: calc(var(--sectiongap) * 4);
	}
	.c-project_list li + li {
		margin-top: calc(var(--sectiongap) * .75);
	}
}
@media screen and (max-width: 767.98px) {
	.c-project_list li {
		margin-top: calc(var(--sectiongap) * .75);
	}
}
.c-project_label {
	position: relative;
	z-index: 1;
	margin-bottom: .75em;
	font-weight: 600;
	--fontMin: 24;
	--fontMax: 20;
	line-height: 1.2;
	font-family: var(--fontEn);
}
.c-project_label .t,
.c-project_label .num {
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.c-project_label .t::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	aspect-ratio: var(--symbolAspect);
	width: auto;
	height: 1em;
	margin-right: .75em;
	vertical-align: middle;
	background: var(--red);
	transform: skewX(var(--symbolSkew));
}
.c-project_label .num {
	position: absolute;
	top: -.25em;
	font-weight: inherit;
	font-size: 406.25%; /* 32*4.0625= 130px */
}
.c-project_list .image {
	position: relative;
}
.c-project_list .c-captionbox {
	color: white;
	--fontMin: 12;
	background: linear-gradient(to right top, #0550ace6, #00ccc0e6); /* alpha 90% */
	/* backdrop-filter: blur(4px); */
}
.c-project_list .c-more {
	margin: 2em 0 0 auto;
}
.c-project_list .c-more::after {
	content: "";
	position: absolute;
	inset: 0;
}
@media (hover) {
	.c-project_list .image .img {
		display: block;
		overflow: hidden;
		width: fit-content;
		border-radius: var(--radius);
	}
	.c-project_list .image img {
		transition: scale var(--dur) var(--easeOut);
	}
	.c-project_list a:hover .image img {
		scale: 1.06;
		transition-duration: 1s;
	}
	.c-project_list .c-captionbox {
		z-index: 0;
		background: none;
	}
	.c-project_list .c-captionbox::before,
	.c-project_list .c-captionbox::after {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		border-radius: inherit;
		transition: opacity var(--dur) var(--easeOut);
		mix-blend-mode: plus-lighter;
	}
	.c-project_list .c-captionbox::before {
		background: linear-gradient(to right top, #00ccc0e6, #a3c6ffe6);
	}
	.c-project_list .c-captionbox::after {
		background: linear-gradient(to right top, #0550ace6, #00ccc0e6);
	}
	.c-project_list a:not(:hover) .c-captionbox::before,
	.c-project_list a:hover .c-captionbox::after {
		opacity: 0;
	}
	.c-project_list a:hover .c-captionbox::before,
	.c-project_list a:hover .c-captionbox::after {
		transition-duration: .2s;
	}
}
@media print, (min-width: 768px) {
	.c-project_list .image {
		padding-right: var(--sidegap);
	}
	.c-project_label {
		width: calc(100% - var(--sidegap));
		padding-right: 5em;
		text-align: right;
	}
	.c-project_label .num {
		left: 86%;
	}
	.c-project_list .c-captionbox {
		position: absolute;
		top: 56%;
		right: 0;
		width: 60%;
	}
}
@media screen and (max-width: 767.98px) {
	.c-project_label {
		text-align: center;
		padding-right: 1em;
	}
	.c-project_label .num {
		right: 0;
		font-size: 333.3333%; /* 24*3.333333= 80px */
	}
	.c-project_list .image {
		text-align: center;
	}
	.c-project_list .image img {
		width: calc(100% - var(--basisgap) * .8);
	}
	.c-project_list .c-captionbox {
		z-index: 1;
		position: relative;
		margin-top: -4.5em;
	}
	.c-project_list .c-captionbox .main {
		font-size: 133.3333%; /* 12*1.333333= 16px */
	}
}

/* Inview */
.c-project_list li.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.c-project_list li.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}

/* :::::: WORK STYLE :::::: */
.p-home_workstyle {
	color: white;
	padding-block: var(--sectiongap);
}
.p-home_workstyle .c-home_hgroup {
	justify-content: center;
	width: var(--cw);
}
.p-home_workstyle .c-home_title {
	text-align: center;
}
.p-home_workstyle .c-home_title .main {
	display: grid;
	position: sticky;
	top: calc(50% - .5lh);
	margin-bottom: -.25em;
	font-size: 1000%;
	white-space: nowrap;
	opacity: .16;
}
.p-home_workstyle .c-home_lead {
	text-align: center;
}
@media screen and (max-width: 767.98px) {
	.p-home_workstyle .c-home_title .main {
		margin-block: -.25em -.2em;
	}
}
.p-home_workstyle .c-home_title.is-fix .main {
	position: static;
	height: 100%;
}
.p-home_workstyle .c-marquee {
	--interval: 1600;
}
.p-home_workstyle .c-marquee .wrap {
	width: 44ch;
}
.p-home_workstyle .c-marquee .wrap > * {
	width: 11ch;
	padding-left: 1ch;
}

/* :::::: WORK STYLE :::::: */
.c-workstyle_list li {
	position: relative;
	margin-top: calc(var(--sectiongap) *.8333); /* 100px */
}
.c-workstyle_list {
	width: var(--contentWidth);
	margin-inline: auto;
}
.c-workstyle_label {
	z-index: 1;
	position: absolute;
}
.c-workstyle_list .image figcaption {
	border-radius: var(--radius);
}
.c-workstyle_list .c-more {
	color: black;
}
@media (hover) {
	.c-workstyle_list .image .img {
		display: block;
		overflow: hidden;
		width: fit-content;
		border-radius: var(--radius);
	}
	.c-workstyle_list .image img {
		transition: scale var(--dur) var(--easeOut);
	}
	.c-workstyle_list a:hover .image img {
		scale: 1.04;
		transition-duration: 1s;
	}
	.c-workstyle_list .c-captionbox > * {
		z-index: 1;
		transition: color var(--dur) var(--easeOut);
	}
	.c-workstyle_list a:hover .c-captionbox > * {
		color: white;
	}
	.c-workstyle_list .c-captionbox::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		transition: opacity var(--dur) var(--easeOut);
	}
	.c-workstyle_list .c-captionbox::before {
		background: linear-gradient(to right top, #00ccc0e6, #a3c6ffe6);
	}
	.c-workstyle_list a:not(:hover) .c-captionbox::before {
		opacity: 0;
	}
	.c-workstyle_list a:hover .c-captionbox > *,
	.c-workstyle_list a:hover .c-captionbox::before {
		transition-duration: .2s;
	}
}
@media print, (min-width: 768px) {
	.c-workstyle_list .c-captionbox {
		position: absolute;
		right: 0;
		bottom: 0;
	}
	.c-workstyle_label {
		top: 7%;
		left: 59%;
	}
	.c-workstyle_list li:nth-child(2) .c-workstyle_label {
		top: -6%;
		left: 58%;
	}
	.c-workstyle_list .image {
		padding-bottom: var(--basisgap);
	}
	.c-workstyle_list .c-captionbox {
		width: calc(var(--cw) * 480 / var(--aspect));
		padding-block: 5em;
	}
	.c-workstyle_list .c-more {
		position: absolute;
		bottom: calc(58% + var(--basisgap) * .32);
		right: 0;
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_workstyle {
		padding-top: 0;
	}
	.c-workstyle_label {
		top: -5%;
		right: -1%;
	}
	.c-workstyle_list {
		margin-top: calc(var(--sectiongap) * .75);
	}
	.c-workstyle_list li:nth-child(2) .c-workstyle_label {
		z-index: 2;
		top: 24%;
		left: 2%;
	}
	.c-workstyle_list .c-captionbox {
		z-index: 1;
		position: relative;
		width: calc(100% - var(--basisgap) * 1.2);
		margin: -2em auto 0;
		padding-block: 3em;
	}
	.c-workstyle_list .image img {
		width: 100%;
	}
	.c-workstyle_list .image img,
	.c-workstyle_list .image figcaption {
		border-radius: calc(var(--radius) * 2);
	}
	.c-workstyle_list .c-more {
		margin: 1em calc(var(--basisgap) * .6) 0 auto;
	}
}

/* Inview */
.c-workstyle_list.is-standby .image img {
	display: inline-block;
}
.c-workstyle_list.is-standby li {
	opacity: 0;
	translate: 0 40px;
}
.c-workstyle_list.is-standby .c-workstyle_label {
	clip-path: polygon(0 0, -1em 0, 0 100%, 0 100%);
}
.c-workstyle_list.is-inview li {
	transition: opacity var(--inviewDur), translate var(--inviewDur);
	transition-delay: calc(var(--delay) * .1s);
}
.c-workstyle_list.is-inview .c-workstyle_label {
	z-index: 1;
	clip-path: polygon(0 0, 100% 0, 100% calc(100% + 1em), 0 100%);
	transition: clip-path var(--inviewDur);
	transition-delay: calc(var(--delay) * .1s + .1s);
}
.c-workstyle_list.is-inview li:nth-child(1) { --delay: 0; }
.c-workstyle_list.is-inview li:nth-child(2) { --delay: 1; }

/* :::::: INFORMATION :::::: */
.p-home_information {
	display: grid;
	align-items: center;
	z-index: 0;
	position: relative;
}
.p-home_information > * {
	grid-area: 1 / 1;
}
.p-home_information .text {
	z-index: 1;
	width: var(--contentWidth);
	margin-inline: auto;
	color: white;
}
.p-home_information .c-home_title .main {
	font-size: 327.2727%; /* 22*3.2727= 72px */
}
.p-home_information .links {
	display: grid;
	row-gap: calc(var(--basisgap) / 2);
	margin-top: var(--basisgap);
	font-weight: 600;
	--fontMin: 16;
	--fontMax: 18;
}
.p-home_information .link {
	display: grid;
	grid-template-columns: auto 1fr auto;
	place-items: center;
	width: 100%;
	height: calc(var(--cw) * 120 / var(--aspect));
	padding-inline: 3em 2.5em;
	border: 1px solid white;
	border-radius: var(--radius);
}
.p-home_information .link .ico {
	width: 1.6em;
	height: auto;
}
.p-home_information .link .arr {
	width: 1em;
	height: auto;
}
.p-home_information .image {
	opacity: .2;
	height: 100%;
}
.p-home_information .image picture,
.p-home_information .image img {
	width: 100%;
	height: 100%;
}
.p-home_information .image img {
	max-width: none;
	object-fit: cover;
}
@media (hover) {
	.p-home_information .link {
		z-index: 0;
		position: relative;
		overflow: hidden;
	}
	.p-home_information .link::before {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		border-radius: calc(var(--radius) - 1px);
		background: var(--gradient2);
		transition: transform var(--dur) var(--easeInOut);
	}
	.p-home_information .link:not(:hover)::before {
		transform: translateX(-100%);
	}
	.p-home_information .link:hover::before {
		transition-duration: .3s;
		transition-timing-function: var(--easeOut);
	}
}
@media print, (min-width: 768px) {
	.p-home_information .c-home_hgroup {
		justify-items: start;
	}
	.p-home_information .link {
		width: calc(var(--cw) * 600 / var(--aspect));
		height: calc(var(--cw) * 120 / var(--aspect));
	}
	.p-home_information .image img {
		object-position: 80% 50%;
	}
}
@media screen and (max-width: 767.98px) {
	.p-home_information {
		overflow: hidden;
		padding-block: calc(var(--basisgap) * 1.6666);
	}
	.p-home_information .c-home_hgroup {
		row-gap: calc(var(--basisgap) * .5);
		text-align: center;
	}
	.p-home_information .c-home_title .sub {
		margin-top: 1.25em;
	}
	.p-home_information .image {
		position: absolute;
		inset: calc(var(--basisgap) * -2) 0;
		height: auto;
	}
	.p-home_information .c-home_title .main {
		font-size: 181.8181%; /* 22*1.818181= 40px */
	}
	.p-home_information .link {
		padding-inline: 2em;
		height: calc(var(--cw) * 100 / var(--aspect));
	}
	.p-home_information .link .ico {
		width: 2em;
	}
	.p-home_information .link .arr {
		width: 1.5em;
		stroke-width: 2;
	}
}

/* Inview */
.p-home_information.is-standby .text,
.p-home_information.is-standby .image {
	opacity: 0;
}
.p-home_information.is-standby .text {
	translate: 0 40px;
}
.p-home_information.is-inview .text {
	transition: opacity var(--inviewDur), translate var(--inviewDur) var(--easeOut);
	transition-delay: .2s;
}
.p-home_information.is-inview .image {
	transition: opacity var(--inviewDur);
}

/**
 * 福利厚生/制度
 * -------------------------------------------------- */
.p-benefits_anchor {
	display: flex;
	justify-content: center;
	column-gap: calc(var(--basisgap) / 2);
	font-weight: 600;
	--fontMin: 12;
	--fontMax: 14;
	line-height: 1.6;
	text-align: center;
}
.p-benefits_anchor a {
	display: block;
	min-width: 12em;
	color: white;
	padding: .75em;
	border: 1px solid currentcolor;
	border-radius: 2em;
}

/* :::::: 数字見るAOKIの働き方 :::::: */
.p-survey {
	color: white;
	display: flex;
	flex-direction: column;
	row-gap: calc(var(--basisgap) * .75);
	width: var(--contentWidth);
	margin: calc(var(--basisgap) * .75) auto 0;
}
.survey_title {
	--fontMin: 24;
	--fontMax: 28;
	line-height: 1.6;
	text-align: center;
}
.survey_section {
	display: grid;
	gap: calc(var(--basisgap) * .75);
	min-height: calc(var(--cw) * 260 / var(--aspect));
	padding: calc(var(--basisgap) * .5) calc(var(--basisgap) * .75);
	border-radius: var(--radius);
	color: black;
	background: white;
}
.p-survey6 .image {
	padding-left: 7%;
}
.survey_section .image {
	justify-self: center;
}
.survey_section .image:has(.c-cgraph) {
	--graphSize: 180;
	display: grid;
	grid-template-columns: auto auto;
	align-items: center;
	justify-content: space-between;
	width: 100%;
}
.survey_section .image .c-cgraph {
	position: relative;
	aspect-ratio: 1 / 1;
	width: calc(var(--cw) * var(--graphSize) / var(--aspect));
	height: auto;
	border-radius: 50%;
}
.survey_section .image .c-cgraph:empty {
	background: var(--gradient1);
}
.survey_section .image .c-cgraph::after {
	content: "";
	position: absolute;
	inset: 0;
	border: .6px solid var(--gray);
	border-radius: inherit;
}
.survey_section .image .c-cgraph svg {
	width: 100%;
	height: auto;
}
.survey_section .image .c-cgraph line {
	stroke: var(--gray);
	stroke-width: .6;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.survey_section .image .illusts {
	display: grid;
}
.survey_section .image .illusts > * {
	grid-area: 1 / 1;
}
.survey_section .text {
	order: 1;
	width: 100%;
	text-align: center;
}
@media print, (min-width: 768px) {
	.survey_section {
		grid-template-columns: 1fr auto;
		align-items: center;
		justify-content: center;
		grid-auto-flow: column;
		width: 71.4285%;
	}
	.survey_section:nth-of-type(even) {
		align-self: end;
	}
	.survey_section .text {
		width: calc(var(--cw) * 280 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.p-survey {
		row-gap: var(--basisgap);
	}
	.survey_section {
		padding-top: calc(var(--basisgap) * 1.3);
		padding-bottom: var(--basisgap);
		border-radius: calc(var(--radius) * 2);
	}
	.survey_section .image {
		text-align: center;
	}
	.survey_section .image:has(.c-cgraph) {
		--graphSize: 160;
	}
	.survey_section .image img {
		max-width: 100%;
		width: calc(var(--cw) * var(--w) * .7 / var(--aspect));
	}
}

/* Inview */
.survey_section.is-standby {
	opacity: 0;
	translate: 0 var(--basisgap);
}
.survey_section.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}
@media print, (min-width: 768px) {
	.survey_section.is-standby {
		translate: calc(var(--basisgap) * -1) 0;
	}
	.survey_section:nth-of-type(even).is-standby {
		translate: var(--basisgap) 0;
	}
}

.survey_subject {
	padding: .25em;
	border-radius: .6em;
	color: white;
	--fontMin: 14;
	--fontMax: 16;
	line-height: 1.6;
	background: var(--gradient1);
}
.survey_number {
	font-weight: 600;
	--fontMin: 20;
	--fontMax: 24;
	line-height: 1.2;
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.survey_number .num {
	font-weight: inherit;
	font-size: 416.6666%;
	font-family: var(--fontEn);
}
.survey_number .num.c-countup {
	display: inline-block;
	min-width: 2.5ch;
}
.survey_number sup {
	position: relative;
	top: -1.5em;
	margin-left: -1em;
	font-size: 50%;
	-webkit-text-fill-color: black;
}
.p-survey .c-note {
	text-align: center;
}

/* :::::: 育児・介護／支援 :::::: */
:is(.p-support, .p-other) {
	position: relative;
	width: var(--contentWidth);
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
	padding-block: var(--sectiongap);
}
.p-support {
	padding-bottom: calc(var(--sectiongap) * .8333);
}
.p-other {
	margin-top: 0;
	padding-top: calc(var(--sectiongap) * .8333);
}
:is(.p-support, .p-other)::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: white;
	border-radius: calc(var(--radius) * 5);
}
@media screen and (max-width: 767.98px) {
	.p-support {
		padding-bottom: 0;
	}
	.p-other {
		padding-top: var(--sectiongap);
	}
	:is(.p-support, .p-other)::before {
		border-radius: calc(var(--radius) * 4);
	}
}
.p-support::before {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
.p-other::before {
	border-top-right-radius: 0;
	border-top-left-radius: 0;
}

/* :::::: エレベーターセクション (タイトルがstickyのセクション) :::::: */
:is(.p-support,.p-other,.p-recruitment) {
	--headW: 100%;
	--headH: auto;
	position: relative;
}
:is(.support_head,.recruitment_head) {
	position: relative;
	width: var(--headW);
	height: var(--headH);
	line-height: 1.6;
	text-align: center;
}
@media print, (min-width: 768px) {
	:is(.p-support,.p-other,.p-recruitment) {
		--headW: calc(var(--cw) * 280 / var(--aspect));
		--headH: calc(var(--cw) * 240 / var(--aspect));
	}
	:is(.support_head,.recruitment_head) {
		position: sticky;
		top: calc(50% - var(--headH) / 2);
	}
	:is(.support_body,.recruitment_body) {
		margin-left: calc(var(--headW) + var(--basisgap) * 1.25);
	}
}
@media screen and (max-width: 767.98px) {
	:is(.support_head,.recruitment_head) {
		padding: var(--basisgap);
	}
	:is(.support_body,.recruitment_body) {
		margin-top: 1em;
	}
}
:is(.support_head,.recruitment_head) {
	display: flex;
	align-content: center;
	justify-content: center;
	flex-wrap: wrap;
	row-gap: 1em;
	color: white;
	--fontMin: 22;
	--fontMax: 20;
}
:is(.support_head,.recruitment_head)::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid white;
	border-radius: var(--radius);
}
:is(.support_head,.recruitment_head) .ico {
	width: 2.2em;
	height: auto;
	fill: url('#svg-grad1');
}
:is(.support_head,.recruitment_head) .main {
	flex-basis: 100%;
}
:is(.support_body,.recruitment_body) .c-section:nth-of-type(n+2) {
	border-top: 1px solid var(--gray);
}
:is(.support_body,.recruitment_body) .c-section .c-subject + * {
	margin-top: .75em;
}
:is(.support_body,.recruitment_body) .c-section .c-paragraph small {
	font-size: 62.5%;
}
:is(.support_body,.recruitment_body) .c-section .c-note {
	margin-top: .75em;
}
@media print, (min-width: 768px) {
	:is(.support_body,.recruitment_body) .c-section {
		padding-block: calc(var(--basisgap) / 2);
	}
	:is(.support_body,.recruitment_body) .c-section:first-child {
		padding-top: 0;
	}
	:is(.support_body,.recruitment_body) .c-section:last-child {
		padding-bottom: 0;
	}
}
@media screen and (max-width: 767.98px) {
	:is(.support_body,.recruitment_body) .c-section {
		padding: calc(var(--basisgap) * .75) 0;
	}
	:is(.support_body,.recruitment_body) .c-section .c-paragraph small {
		font-size: 71.42857%;
	}
	:is(.support_body,.recruitment_body) > .c-note {
		text-align: center;
	}
}
:is(.support_head,.recruitment_head) {
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
:is(.support_head,.recruitment_head)::before {
	border-color: transparent;
	background-image: var(--gradient1);
	background-origin: border-box;
	background-clip: border-box;
	-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
	mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
	-webkit-mask-clip: padding-box, border-box;
	mask-clip: padding-box, border-box;
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
:is(.recruitment_body) .c-section:nth-of-type(n+2) {
	border-top-color: var(--gray);
}

/* Inview */
:is(.support_body,.recruitment_body) .c-section.is-standby {
	opacity: 0;
	translate: 0 40px;
}
:is(.support_body,.recruitment_body) .c-section.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}

/**
 * 募集要項/よくある質問
 * -------------------------------------------------- */
.p-entry {
	margin-top: calc(var(--basisgap) * .25);
	color: white;
	text-align: center;
}
.entry_title {
	font-weight: 600;
	--fontMin: 40;
	--fontMax: 60;
	line-height: 1.6;
	text-align: center;
}
.entry_links {
	display: flex;
	gap: 1em;
	width: var(--contentWidth);
	margin: calc(var(--basisgap) * .75) auto 0;
	font-weight: 600;
	--fontMin: 18;
	--fontMax: 18;
	line-height: 1.6;
}
.entry_links a {
	display: block;
	position: relative;
	padding: 1em;
	border-radius: 3em;
	background: white;
}
.entry_links .label {
	display: inline-block;
	background: linear-gradient(to right, white 40%, #0550ac 50%, #00ccc0) right center / 400% 100%;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.entry_links .num {
	font-weight: inherit;
	font-size: 222.2222%;
	font-family: var(--fontEn);
}
.entry_links .ico {
	position: absolute;
	top: calc(50% - .56em);
	right: 2.22em;
	width: 1.12em;
	height: auto;
	color: white;
	stroke: white;
}
.entry_links svg.ico {
	opacity: 0;
}
.p-entry .c-note {
	margin-top: calc(var(--basisgap) * .75);
}
@media (hover) {
	.entry_links a {
		overflow: hidden;
	}
	.entry_links .label {
		z-index: 1;
		position: relative;
		transition: background-position var(--dur) var(--easeOut);
	}
	.entry_links .ico {
		transition: opacity var(--dur) var(--easeOut);
	}
	.entry_links a::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: var(--gradient2);
		transition: transform var(--dur) var(--easeInOut);
	}
	.entry_links a:not(:hover)::before {
		transform: translateX(-100%);
	}
	.entry_links a:hover::before {
		transition-duration: .3s;
		transition-timing-function: var(--easeOut);
	}
	.entry_links a:hover .label {
		background-position: left center;
	}
	.entry_links a:hover svg.ico {
		opacity: 1;
	}
	.entry_links a:hover img.ico {
		opacity: 0;
	}
}
@media print, (min-width: 768px) {
	.entry_links {
		justify-content: space-between;
	}
	.entry_links a {
		min-width: 29em;
	}
}
@media screen and (max-width: 767.98px) {
	.entry_links {
		flex-direction: column;
		gap: calc(var(--basisgap) * .7);
	}
	.entry_links a {
		padding: .6em;
		padding-right: 1.6em;
	}
	.entry_links .num {
		font-size: 200%;
	}
}

/* :::::: 募集要項 :::::: */
.p-recruitment {
	position: relative;
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
	padding-block: var(--sectiongap);
}
.p-recruitment::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: white;
	border-radius: calc(var(--radius) * 5);
}
@media screen and (max-width: 767.98px) {
	.p-recruitment::before {
		border-radius: calc(var(--radius) * 4);
	}
}

/* :::::: よくある質問 :::::: */
.p-faq {
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
}
.faq_image img {
	border-radius: calc(var(--radius) * 2);
}
.faq_title {
	margin-top: var(--basisgap);
	color: white;
	font-weight: 600;
	--fontMin: 40;
	--fontMax: 54;
	font-family: var(--fontEn);
	line-height: 1.6;
	text-align: center;
}
.faq_category {
	color: white;
	--fontMin: 20;
	--fontMax: 22;
	line-height: 1.6;
	text-align: center;
}
.faq_lineup {
	display: flex;
	flex-direction: column;
	row-gap: calc(var(--basisgap) * .5);
	margin-top: .75em;
	--fontMin: 14;
	--fontMax: 16;
}
.faq_lineup:nth-of-type(n+2) {
	margin-top: calc(var(--sectiongap) / 2);
}
.faq_lineup .c-pull_body .wrap {
	align-items: baseline;
}
.faq_lineup .c-pull_head .inner::before,
.faq_lineup .c-pull_body .wrap::before {
	margin-right: calc(var(--basisgap) / 4);
	font-weight: 600;
	font-family: var(--fontEn);
	font-size: calc(var(--cw) * 18 / var(--aspect));
}
.faq_lineup .c-pull_head .inner::before {
	content: "Q.";
}
.faq_lineup .c-pull_body .wrap::before {
	content: "A.";
	position: relative;
	top: .05em;
}
@media print, (min-width: 768px) {
	.faq_lineup {
		width: calc(100% - var(--basisgap) * 1.5);
		margin-inline: auto;
	}
}
@media screen and (max-width: 767.98px) {
	.faq_category + .c-pull {
		margin-top: 1em;
	}
	.faq_lineup:nth-of-type(n+2) {
		margin-top: var(--sectiongap);
	}
}

/**
 * 3分で分かるAOKIのこと
 * -------------------------------------------------- */
.page-allaboutaoki .c-lead {
	color: white;
}
.p-allabout {
	position: relative;
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
	padding-block: var(--sectiongap);
}
.p-allabout::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: white;
	border-radius: calc(var(--radius) * 5);
}
@media print, (min-width: 768px) {
	.page-allaboutaoki .c-lead {
		margin-top: calc(var(--basisgap) * -.25);
	}
}
@media screen and (max-width: 767.98px) {
	.p-allabout {
		margin-top: var(--sectiongap);
	}
	.p-allabout::before {
		border-radius: calc(var(--radius) * 4);
	}
}

.allabout_head {
	font-weight: 600;
	--fontMin: 24;
	--fontMax: 22;
	line-height: 1.2;
}
.allabout_head .num {
	font-size: 390.909%; /* 86px */
	font-family: var(--fontEn);
}
@media print, (min-width: 768px) {
	.allabout_container {
		--headH: calc(var(--cw) * 120 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.allabout_head .num {
		font-size: 333.333%; /* 80px */
	}
	.allabout_head::after {
		top: -.7em;
	}
}

/* Motion */
@media print, (min-width: 768px) {
	.allabout_head :is(.num, .main) {
		clip-path: inset(0);
	}
	.allabout_head:not(.is-active) :is(.num, .main) {
		opacity: 0;
		transform: translateY(-16px);
		clip-path: inset(0 0 100%);
	}
	.allabout_head:not(.is-active)[data-dir="backward"] :is(.num, .main) {
		transform: translateY(16px);
		clip-path: inset(100% 0 0);
	}
	.allabout_head.is-motion :is(.num, .main) {
		transition: opacity, transform, clip-path;
		transition-duration: var(--dur);
		transition-timing-function: var(--easeOut);
	}
}

.allabout_body .c-subject {
	--fontMin: 20;
	--fontMax: 22;
	padding-bottom: 1em;
	text-align: center;
	border-image: linear-gradient(to right, var(--grad1)) 0 0 1 / 0 0 1px;
}
.allabout_body .c-subject .t {
	display: inline-block;
}
.allabout_body .c-lead {
	--fontMin: 24;
	--fontMax: 24;
	margin-top: 1.6666em;
	text-align: center;
}
.allabout_body > .c-paragraph {
	margin-top: 1em;
}
@media print, (min-width: 768px) {
	.allabout_body > .c-paragraph {
		text-align: center;
	}
}
@media screen and (max-width: 767.98px) {
	.allabout_body .c-lead {
		line-height: 1.6;
	}
}

/* :::::: マーキー :::::: */
.p-allabout .c-marquee {
	--interval: 1600;
}
.p-allabout .c-marquee .wrap {
	width: 64ch;
}
.p-allabout .c-marquee .wrap > * {
	width: 16ch;
	padding-left: 1ch;
}

/* :::::: 創業年 :::::: */
.p-allabout_founded .year {
	width: fit-content;
	margin: .25em auto;
	font-weight: 600;
	--fontMin: 24;
	--fontMax: 24;
}
.p-allabout_founded .year .num {
	font-weight: inherit;
	font-size: 300%;
	font-family: var(--fontEn);
}
.p-allabout_founded .c-paragraoh {
	margin-top: 1.5em;
}
@media screen and (max-width: 767.98px) {
	.p-allabout_founded .year .num {
		font-size: 250%;
	}
}

/* :::::: グループコンセプト/AOKIの事業 :::::: */
.p-allabout_concept .c-lead {
	display: grid;
	justify-items: center;
}
.p-allabout_concept .c-lead .main {
	font-size: 116.6666%;
}
.p-allabout_concept .c-lead .sub {
	font-size: 75%;
}
.p-allabout_concept .image,
.p-allabout_business .image {
	width: fit-content;
	margin: calc(var(--basisgap) / 2) auto 0;
}
@media screen and (max-width: 767.98px) {
	.p-allabout_concept .image img,
	.p-allabout_business .image img {
		width: 100%;
	}
}

/* :::::: グループ経営理念 :::::: */
.allabout_philosophy {
	--fontMin: 14;
	--fontMax: 16;
}
.allabout_philosophy .item {
	z-index: 0;
	position: relative;
	margin-top: calc(var(--basisgap) / 2);
}
.allabout_philosophy dt {
	width: calc(var(--cw) * 200 / var(--aspect));
	margin: 0 auto -1em;
	padding: .75em;
	border-radius: .75em;
	color: white;
	font-weight: 600;
	lilne-height: 1.2;
	text-align: center;
	background: var(--gradient1);
}
.allabout_philosophy dd {
	padding: 3em 3em 2.4em;
}
.allabout_philosophy dd::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 1.5em 0 0;
	border-radius: var(--radius);
	background: linear-gradient(to right top, #00ccc0, #a3c6ff);
	opacity: .2;
}
@media print, (min-width: 768px) {
	.allabout_philosophy dd {
		text-align: center;
	}
}
@media screen and (max-width: 767.98px) {
	.allabout_philosophy dt {
		font-size: 128.5714%;
	}
	.allabout_philosophy .item {
		margin-top: var(--basisgap);
	}
}

/* :::::: 社会貢献への取り組み :::::: */
.allabout_episode {
	margin-top: var(--basisgap);
}
.allabout_episode + .allabout_episode {
	margin-top: calc(var(--basisgap) / 2);
}
.allabout_episode .image {
	display: flex;
}
.allabout_episode .image img {
	border-radius: 0;
}
.allabout_episode .image > img:first-child,
.allabout_episode .image > picture:first-child img {
	border-top-left-radius: var(--radius);
}
.allabout_episode .image > img:last-child,
.allabout_episode .image > picture:last-child img {
	border-top-right-radius: var(--radius);
}
.allabout_episode .text {
	position: relative;
	padding: calc(var(--basisgap) / 2);
}
.allabout_episode .text::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	border-radius: 0 0 var(--radius) var(--radius);
	background: linear-gradient(to right top, #00ccc0, #a3c6ff);
	opacity: .2;
}
.episode_title {
	display: flex;
	align-items: center;
	gap: 2em;
	padding: 1.3333em;
	border-radius: 1.3333em;
	font-weight: 600;
	--fontMin: 12;
	--fontMax: 12;
	background: white;
}
.episode_title .label {
	padding: .25em 2em;
	border-radius: 2em;
	color: white;
	font-family: var(--fontEn);
	background: var(--gradient1);
}
.episode_title .main {
	font-size: 150%;
}
.allabout_episode .c-paragraph {
	margin-top: 1.5em;
}
@media screen and (max-width: 767.98px) {
	.episode_title {
		flex-direction: column;
		gap: .75em;
		padding: 3em 2em 2.5em;
	}
	.allabout_episode {
		margin-top: calc(var(--basisgap) * 1.5);
	}
	.allabout_episode + .allabout_episode {
		margin-top: var(--basisgap);
	}
	.allabout_episode .image img {
		height: calc(var(--cw) * 180 / var(--aspect));
		object-fit: cover;
	}
}

/* :::::: AOKIの風土 :::::: */
.p-allabout_field .allabout_body {
	padding-bottom: 0;
}
.p-allabout_field .image {
	display: grid;
	align-items: center;
	margin-top: calc(var(--basisgap) / 2);
	padding: calc(var(--basisgap) * .6);
	padding-bottom: calc(var(--basisgap) * .8);
	border-radius: calc(var(--radius) * 2);
	background: var(--gradient1);
}
.allabout_field {
	--fontMin: 14;
	--fontMax: 16;
}
.allabout_field .item {
	display: grid;
	margin-top: calc(var(--basisgap) / 2);
}
.allabout_field dt {
	width: fit-content;
	font-weight: 600;
	font-size: 112.5%; /* 18px */
}
.allabout_field dd {
	margin-top: .25em;
}
.allabout_field .ico {
	display: grid;
	place-items: center;
	position: relative;
	aspect-ratio: 1 / 1;
	width: calc(var(--cw) * 100 / var(--aspect));
	height: auto;
	margin: 0;
	padding: 1px;
	border-radius: 50%;
}
.allabout_field .ico svg {
	width: 60%;
	height: auto;
	fill: url("#svg-grad1");
}
.allabout_field .ico::before {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid transparent;
	border-radius: 50%;
	background-image: var(--gradient2);
	background-origin: border-box;
	background-clip: border-box;
	-webkit-mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
	mask-image: linear-gradient(#fff 0 0), linear-gradient(#fff 0 0);
	-webkit-mask-clip: padding-box, border-box;
	mask-clip: padding-box, border-box;
	-webkit-mask-composite: xor;
	mask-composite: exclude;
}
@media print, (min-width: 768px) {
	.allabout_field .item {
		align-items: center;
		column-gap: 2.25em;
	}
	.p-allabout_field .image {
		justify-content: center;
	}
	.allabout_field dt,
	.allabout_field dd {
		grid-column: 2;
	}
	.allabout_field .ico {
		grid-area: 1 / 1 / 3 / 2;
	}
}
@media screen and (max-width: 767.98px) {
	.allabout_field {
		margin-top: var(--basisgap);
	}
	.allabout_field .item {
		justify-items: center;
	}
	.allabout_field .ico {
		order: -1;
	}
	.allabout_field dt {
		margin-top: .25em;
		font-size: 128.5714%; /* 18px */
	}
	.allabout_field dd {
		margin-top: 1em;
	}
	.p-allabout_field .image {
		padding-inline: calc(var(--basisgap) * .3);
	}
	.p-allabout_field .image img {
		width: 100%;
	}
}

/**
 * 代表メッセージ
 * -------------------------------------------------- */
.p-message_title {
	display: grid;
	margin: 0 auto;
}
.p-message_title .text {
	z-index: 1;
	padding: calc(var(--basisgap) * .75) calc(var(--basisgap) * .675);
	border-radius: var(--radius);
	color: white;
	background: var(--gradient2);
}
.p-message_title .title {
	--fontMin: 24;
	--fontMax: 28;
	line-height: 1.6;
}
.p-message_title .author {
	margin-top: 2em;
	font-weight: 600;
	--fontMin: 12;
	--fontMax: 12;
}
.p-message_title .author dd {
	font-size: 150%;
}
.p-message_title .image img {
	width: 100%;
	object-fit: cover;
}
.p-message_title .c-signature {
	place-self: start end;
	margin: 1em -1em 0 0;
}
@media print, (min-width: 768px) {
	.p-message_title {
		align-items: center;
		width: calc(var(--cw) * 1200 / var(--aspect));
	}
	.p-message_title > * {
		grid-area: 1 / 1;
	}
	.p-message_title .text {
		justify-self: start;
	}
	.p-message_title .image {
		padding-left: calc(var(--basisgap) * 1.5);
	}
	.p-message_title .image img {
		border-radius: calc(var(--radius) * 2);
	}
}
@media screen and (max-width: 767.98px) {
	.p-message_title {
		width: var(--contentWidth);
	}
	.p-message_title :where(.image, .c-signature) {
		grid-area: 1 / 1;
	}
	.p-message_title .text {
		margin: calc(var(--basisgap) * -2) auto 0;
		padding: var(--basisgap) calc(var(--basisgap) / 2);
		border-radius: calc(var(--radius) * 2);
		text-align: center;
	}
	.p-message_title .image {
		order: -1;
	}
	.p-message_title .author dd {
		font-size: 133.3333%;
	}
	.p-message_title .c-signature {
		margin: .75em -.4em 0 0;
	}
}

/* Inview */
.p-message_title .text.is-standby {
	opacity: 0;
	translate: calc(var(--basisgap) * -1) 0;
}
.p-message_title .c-signature.is-standby {
	opacity: 0;
	clip-path: inset(0 99% 0 0);
}
.p-message_title .text.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}
.p-message_title .c-signature.is-inview {
	clip-path: inset(0);
	transition: opacity var(--inviewDur) var(--easeOut), clip-path var(--inviewDur) var(--easeOut);
	transition-delay: .2s;
}
@media screen and (max-width: 767.98px) {
	.p-message_title .text.is-standby {
		translate: 0 var(--basisgap);
	}
}

/* :::::: インタビュー部分 :::::: */
.c-interview_container {
	display: grid;
	z-index: 0;
	position: relative;
	margin: var(--sectiongap) auto 0;
}
.interview_section {
	color: white;
}
.interview_section:not(:first-child) {
	margin-top: var(--sectiongap);
}
.interview_section .c-subject {
	margin-top: calc(1em / 2 - 1lh / 2);
	--fontMin: 20;
	--fontMax: 24;
	line-height: 1.6;
}
.interview_section .c-subject:not(:first-child) {
	margin-top: var(--sectiongap);
}
.interview_section .c-paragraph {
	margin-top: 1.5em;
	text-indent: 1em;
}
.interview_section .c-paragraph + .c-paragraph {
	margin-top: .5em;
}
.interview_section .c-paragraph .dash {
	padding-right: .2em;
	letter-spacing: -.2em;
}
.interview_image {
	--deg: -4;
	position: relative;
}
.interview_image img {
	display: block;
	border-radius: calc(var(--radius) * 2);
}
.interview_image.p-message3 {
	z-index: 1;
}
.interview_image.p-message2 {
	z-index: 2;
}
.interview_image.p-message1 {
	z-index: 3;
}
.interview_image.is-hide img {
	opacity: 0;
	transform: translateY(calc(var(--basisgap) * -1)) rotate(calc(var(--deg) * 1deg));
}
.interview_image.is-motion img {
	transition: opacity var(--dur) var(--easeOut), transform var(--dur) var(--easeOut);
}
@media print, (min-width: 768px) {
	.c-interview_container {
		max-width: calc(var(--cw) * 1120 / var(--aspect));
		grid-template-columns: calc(var(--cw) * 440 / var(--aspect)) 1fr;
		column-gap: var(--basisgap);
	}
	.interview_section {
		grid-column: 2;
	}
	.interview_image {
		grid-row: 1 / 4;
		grid-column: 1;
		padding-inline: calc(var(--basisgap) / 2);
	}
}
@media screen and (max-width: 767.98px) {
	.c-interview_container {
		width: var(--contentWidth);
	}
	.interview_section .c-subject {
		text-align: center;
	}
	.interview_section:not(:first-child),
	.interview_image {
		margin-top: calc(var(--sectiongap) * .75);
	}
	.interview_image img {
		border-radius: var(--radius);
	}
}

/**
 * インターンシップ
 * -------------------------------------------------- */
.page-internship .c-lead {
	color: white;
}
.p-internship {
	position: relative;
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
	padding-block: var(--sectiongap);
}
.p-internship::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: white;
	border-radius: calc(var(--radius) * 5);
}
@media screen and (max-width: 767.98px) {
	.p-internship::before {
		border-radius: calc(var(--radius) * 4);
	}
	.page-internship .c-lead {
		text-align: left;
	}
}

/* :::::: COURSE :::::: */
.internship_head {
	row-gap: 1.4em;
	padding-inline: calc(var(--basisgap) * .625); /* 50px */
	font-family: 600;
	--fontMin: 12;
	--fontMax: 12;
	line-height: 1.6;
}
@media print, (min-width: 768px) {
	.internship_container {
		--headH: calc(var(--cw) * 160 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.internship_head {
		padding-top: var(--basisgap);
	}
}
.internship_head .label {
	width: calc(var(--cw) * 200 / var(--aspect));
	padding: 1em;
	border-radius: 1em;
	color: white;
	font-family: var(--fontEn);
	line-height: 1.2;
	background: var(--gradient1);
}
.internship_head .main {
	font-size: 166.6666%; /* 20px */
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.internship_head .capsule {
	padding: 1em 2.4em;
	border: 1px solid currentcolor;
	border-radius: 4.8em;
	font-family: var(--fontEn);
	line-height: 1.2;
}
.internship_body .c-note {
	margin-top: 1.5em;
}
.internship_body .c-paragraph {
	margin-top: 1.5em;
}
@media print, (min-width: 768px) {
	.internship_body .c-voice .c-paragraph {
		margin-top: 0;
	}
}
@media screen and (max-width: 767.98px) {
	.internship_head .main {
		font-size: 200%; /* 24px */
	}
	.internship_head .label {
		padding: .75em;
	}
	.internship_body .image {
		margin-top: var(--basisgap);
	}
}

/* Inview */
.internship_body.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.internship_body.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}

/* Motion */
@media print, (min-width: 768px) {
	.internship_head :is(.label, .main, .capsule) {
		clip-path: inset(0);
	}
	.internship_head:not(.is-active) :is(.label, .main, .capsule) {
		opacity: 0;
		transform: translateY(-16px);
		clip-path: inset(0 0 100%);
	}
	.internship_head:not(.is-active)[data-dir="backward"] :is(.label, .main, .capsule) {
		transform: translateY(16px);
		clip-path: inset(100% 0 0);
	}
	.internship_head.is-motion :is(.label, .main, .capsule) {
		transition-propery: opacity, transform, clip-path;
		transition-duration: var(--dur);
		transition-timing-function: var(--easeOut);
	}
}

/* :::::: 開催情報 :::::: */
.internship_body .c-datatable {
	margin-top: calc(var(--basisgap) / 2);
}

/* :::::: 参加者の声 :::::: */
.internship_voice {
	margin-top: calc(var(--basisgap) * .75);
}
.internship_voice .c-subject {
	--fontMin: 20;
	--fontMax: 18;
	text-align: center;
}
.internship_voice .c-voice {
	margin-top: calc(var(--basisgap) * .35);
}
.internship_voice .c-voice + .c-voice {
	margin-top: calc(var(--basisgap) * .7);
}
@media screen and (max-width: 767.98px) {
	.internship_voice .c-voice + .c-voice {
		margin-top: var(--basisgap);
	}
}

/* :::::: マーキー :::::: */
.p-internship .c-marquee {
	--interval: 1200;
}
.p-internship .c-marquee .wrap {
	width: 48ch;
}
.p-internship .c-marquee .wrap > * {
	width: 12ch;
	padding-left: 1ch;
}

/* :::::: ENTRY :::::: */
.page-internship .p-entry {
	margin-block: calc(var(--basisgap) * 1.5);
}

/* :::::: 就活お役立ち講座 :::::: */
.p-useful {
	width: var(--contentWidth);
	margin: var(--basisgap) auto 0;
	color: white;
}
.useful_title {
	--fontMin: 20;
	--fontMax: 22;
	text-align: center;
}
.useful_section {
	display: grid;
	margin-top: var(--basisgap);
}
.useful_section .c-subject {
	display: grid;
	--fontMin: 12;
	--fontMax: 12;
}
.useful_section .c-subject .label {
	font-family: var(--fontEn);
}
.useful_section .c-subject .main {
	font-size: 166.6666%; /* 20px */
}
.useful_section .c-datatable dd {
	color: black;
	background: white;
}
@media print, (min-width: 768px) {
	.useful_section {
		grid-template-rows: auto auto 1fr;
		grid-template-columns: calc(var(--cw) * 360 / var(--aspect)) 1fr;
		column-gap: calc(var(--basisgap) * .75);
	}
	.useful_section .c-subject .main {
		margin-top: .4em;
	}
	.useful_section .image {
		grid-row: 1 / 4;
		grid-column: 1;
	}
	.useful_section .c-subject,
	.useful_section .c-list,
	.useful_section .c-datatable {
		grid-column: 2;
	}
	.useful_section .c-list {
		margin-top: .8em;
	}
	.useful_section .c-datatable {
		margin-top: auto;
	}
	.useful_section .c-datatable :where(dt,dd) {
		padding: .75em;
	}
}
@media screen and (max-width: 767.98px) {
	.useful_section + .useful_section {
		margin-top: var(--sectiongap);
	}
	.useful_section .c-subject {
		order: -1;
		row-gap: 1em;
		text-align: center;
	}
	.useful_section .image,
	.useful_section .c-list {
		margin-top: calc(var(--basisgap) * .7); /* 28px */
	}
	.useful_section .c-datatable {
		margin-top: var(--basisgap);
	}
}

/* Inview */
.useful_section.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.useful_section.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}

/**
 * インタビュー
 * -------------------------------------------------- */
.p-interview_visual {
	display: grid;
	width: calc(var(--cw) * 1200 / var(--aspect));
	margin: 0 auto;
}
.p-interview_visual > * {
	grid-area: 1 / 1;
}
.p-interview_visual .title {
	place-self: end start;
	margin: 0 0 1em 1.5em;
	color: white;
	--fontMin: 23;
	--fontMax: 32;
}
.p-interview_visual .title .t {
	padding: .075em .3em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background: var(--gradient2);
}
.p-interview_visual .c-signature {
	place-self: start end;
	margin: 1.5em -1em 0 0;
	--fontMin: 10;
	--fontMax: 20;
}
.p-interview_visual .c-personal {
	display: grid;
	place-content: center;
	border-radius: 1em;
	background: white;
	box-shadow: 0 1em 1em .8em #00000008;
}
.p-interview_visual .image {
	z-index: -1;
	position: relative;
	height: max(100svh - var(--headerHeight) - var(--basisgap) * .75, var(--cw) * 440 / var(--aspect));
}
.p-interview_visual .image * {
	width: 100%;
	height: inherit;
}
.p-interview_visual .image img {
	position: absolute;
	border-radius: calc(var(--radius) * 2);
	object-fit: cover;
	object-position: center;
}
.p-interview_visual.-interview02 .image img {
	object-position: center 40%;
}
.p-interview_visual.-interview03 .image img {
	object-position: center 40%;
}
@media print, (min-width: 768px) {
	.p-interview_visual .title {
		line-height: 2;
	}
	.p-interview_visual .c-personal {
		place-self: center end;
		width: calc(var(--cw) * 230 / var(--aspect));
		height: calc(var(--cw) * 184 / var(--aspect));
		margin-right: var(--basisgap);
	}
	.p-interview_visual .c-personal dt {
		font-size: 150%; /* 18px */
	}
}
@media screen and (max-width: 767.98px) {
	.p-interview_visual {
		width: calc(var(--cw) - var(--basisgap) * .8);
	}
	.p-interview_visual .title {
		margin: 0 0 3em 1em;
	}
	.p-interview_visual .title .t {
		white-space: nowrap;
	}
	.p-interview_visual .c-personal {
		grid-area: 2 / 1;
		margin: -3.3em 2em 0;
		padding: 2.2em;
	}
}


/* Inview */
.p-interview_visual .title.is-standby {
	opacity: 0;
	clip-path: inset(0 99% 0 0);
}
.p-interview_visual .c-personal.is-standby {
	opacity: 0;
	translate: -40px 0;
}
.p-interview_visual .c-signature.is-standby {
	opacity: 0;
	clip-path: inset(0 99% 0 0);
}
.p-interview_visual .title.is-inview,
.p-interview_visual .c-signature.is-inview {
	clip-path: inset(0);
	transition: opacity var(--inviewDur) var(--easeOut), clip-path var(--inviewDur) var(--easeOut);
}
.p-interview_visual .c-personal.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
	transition-delay: .2s;
}
.p-interview_visual .c-signature.is-inview {
	transition-delay: .3s;
	transition-timing-function: var(--easeOut);
}
@media screen and (max-width: 767.98px) {
	.p-interview_visual .c-personal.is-standby {
		translate: 0 40px;
	}
}

/* :::::: CAREER/PROFILE :::::: */
.p-interview_info {
	width: var(--contentWidth);
	margin: calc(var(--sectiongap) * 2) auto 0;
	color: white;
}
.p-interview_info .c-subject {
	--fontMin: 18;
	--fontMax: 20;
	font-family: var(--fontEn);
}
.career_list,
.interview_career_now {
	margin-top: calc(var(--basisgap) * .35);
	--fontMin: 12;
	--fontMax: 14;
}
.career_list {
	display: grid;
	row-gap: calc(var(--basisgap) * .4);
	color: black;
}
.career_list .item,
.interview_career_now {
	display: flex;
	padding: 1em;
	border-radius: 1em;
	background: white;
}
.career_list .item,
.interview_career_now {
	position: relative;
}
.career_list .item:not(:first-child)::before,
.interview_career_now::before {
	content: "";
	z-index: -1;
	position: absolute;
	bottom: 100%;
	left: 3.8em;
	height: calc(var(--basisgap) * .4);
	border-left: 1px solid white;
}
.interview_career_now {
	color: inherit;
	font-weight: 600;
	justify-content: center;
	background: var(--gradient2);
}
.interview_career .career_list dt {
	font-weight: 600;
}
.interview_profile {
	margin-top: var(--basisgap);
}
.interview_profile .c-paragraph {
	margin-top: 2em;
	--fontMin: 12;
	--fontMax: 14;
}
@media print, (min-width: 768px) {
	.p-interview_info {
		padding-left: calc(var(--cw) * 520 / var(--aspect));
	}
	.career_list .item,
	.interview_career_now {
		padding-inline: 2.4em;
	}
	.interview_career .career_list dt {
		flex-basis: 6em;
	}
	.career_folding {
		display: none;
	}
}
@media screen and (max-width: 767.98px) {
	.p-interview_info {
		margin-top: var(--sectiongap);
	}
	.career_list {
		text-align: center;
	}
	.career_list .item {
		flex-direction: column;
		padding-block: 1.5em;
	}
	.career_list .item:not(:first-child)::before,
	.interview_career_now::before {
		left: 50%;
	}
	.career_list dt {
		font-size: 116.6666%; /* 14px */
	}
	.p-interview_info .c-subject {
		text-align: center;
	}
	.interview_profile .c-paragraph {
		margin-top: 1em;
	}
}

/* :::::: キャリアを折りたたむ :::::: */
@media screen and (max-width: 767.98px) {
	.career_list {
		overflow: hidden;
	}
	.interview_career_now:not(.is-open)::before {
		height: calc(var(--basisgap) * .8 + var(--cw) * 44 / var(--aspect));
	}
	.career_folding {
		--size: calc(var(--cw) * 44 / var(--aspect));
		display: grid;
		place-items: center;
		width: var(--size);
		height: var(--size);
		margin: calc(var(--basisgap) * .4) auto 0;
		border-radius: var(--size);
		background: white;
	}
	.career_folding::before,
	.career_folding::after {
		content: "";
		grid-area: 1 / 1;
		width: 33.3409%;
		border-top: 1px solid black;
	}
	.career_folding::after {
		rotate: -90deg;
	}
	.career_folding.is-open {
		height: 0;
		margin-top: 0;
		opacity: 0;
		scale: .8;
	}
	.career_list.is-motion,
	.interview_career_now.is-motion::before {
		transition: height var(--dur) var(--easeOut);
	}
	.career_folding.is-motion {
		transition: opacity, height, margin-top, scale;
		transition-duration: var(--dur);
		transition-timing-function: var(--easeOut);
	}
	.career_list.is-motion.is-open,
	.interview_career_now.is-motion.is-open::before,
	.career_folding.is-motion.is-open {
		transition-timing-function: var(--easeInOut);
	}
}

/* :::::: 記事 :::::: */
.p-interview {
	z-index: 0;
	position: relative;
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
	padding-block: var(--sectiongap);
}
.p-interview::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: white;
	border-radius: calc(var(--radius) * 5) calc(var(--radius) * 5) 0 0;
}
.p-interview .interview_section {
	color: black;
}
.interview_image.p-interview3 {
	z-index: 1;
}
.interview_image.p-interview2 {
	z-index: 2;
}
.interview_image.p-interview1 {
	z-index: 3;
}
.interview_last_image {
	margin-top: calc(var(--basisgap) * 1.5);
}
.interview_last_image img {
	border-radius: calc(var(--radius) * 2);
}
@media print, (min-width: 768px) {
	.interview_last_image {
		grid-column: span 2;
	}
}

/* :::::: コラム :::::: */
.p-interview_column,
.p-interview_relation {
	width: var(--contentWidth);
	margin-inline: auto;
	padding: calc(var(--sectiongap) / 1.2) 0;
}
.p-interview_column {
	z-index: 0;
	position: relative;
}
.p-interview_column::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: var(--gradient2);
	background-attachment: fixed;
}
.p-interview_column .item {
	display: grid;
	grid-template-rows: auto 1fr;
}
.p-interview_column .image {
	text-align: center;
}
.p-interview_column .image figcaption {
	margin-top: .5em;
	color: white;
	font-weight: 600;
	--fontMin: 16;
	--fontMax: 14;
}
.p-interview_column.-interview02 .image figcaption {
	margin-top: -.25em;
}
.p-interview_column .c-subject,
.p-interview_relation .c-subject {
	color: white;
	font-weight: 600;
	--fontMin: 20;
	--fontMax: 28;
	font-family: var(--fontEn);
	text-align: center;
}
.p-interview_column .pointbox {
	display: grid;
	justify-items: center;
	padding: calc(var(--basisgap) * .4) calc(var(--basisgap) * .5);
	border-radius: var(--radius);
	background: white;
}
.favorite_items .pointbox,
.p-interview_column.-interview02 .pointbox {
	margin-top: calc(var(--basisgap) * .4);
}
.p-interview_column .pointbox .title {
	--fontMin: 18;
	--fontMax: 18;
	line-height: 1.2;
	font-family: var(--fontEn);
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-interview_column .pointbox .c-paragraph {
	margin-top: 1em;
	--fontMin: 14;
	--fontMax: 14;
}
.p-interview_relation .c-people_list {
	margin-top: 0;
	color: white;
}
.p-interview_column .cursive {
	z-index: 1;
	position: relative;
	width: fit-content;
	--fontMin: 40;
	--fontMax: 48;
	line-height: 0;
}
/* .p-interview_column.-interview02 .cursive {
	margin-bottom: -1em;
} */
@media print, (min-width: 768px) {
	.p-interview_column.-interview01 .cursive {
		position: absolute;
		inset: 24% 0 auto;
		margin-inline: auto;
	}
	.p-interview_column.-interview02,
	.p-interview_column.-interview03 {
		max-width: calc(var(--cw) * 800 / var(--aspect));
		margin: 0 auto;
	}
	.p-interview_column.-interview02 .cursive {
		position: absolute;
		right: 7%;
		top: 46%;
	}
	.p-interview_column.-interview03 .cursive {
		margin: 1em 0 -2.4em -.4em;
	}
	.p-interview_column.-interview03 .pointbox {
		margin-top: calc(var(--basisgap) * .35);
	}
}
@media screen and (max-width: 767.98px) {
	.p-interview_column .cursive img {
		width: calc(var(--cw) * var(--w) * .6 / var(--aspect));
	}
	.p-interview_column.-interview01 .cursive {
		margin-block: .75em -2em;
		margin-left: auto;
	}
	.p-interview_column.-interview02 .cursive,
	.p-interview_column.-interview03 .cursive {
		margin: var(--basisgap) auto 0;
	}
	.p-interview_relation .c-people_list {
		margin-inline: calc(var(--basisgap) * -.4);
	}
	.p-interview_column .pointbox {
		margin-top: calc(var(--basisgap) / 2);
		padding-block: calc(var(--basisgap) * .75);
		border-radius: calc(var(--radius) * 2);
	}
	.p-interview_column.-interview02 .pointbox {
		margin-top: calc(var(--basisgap) * .5);
	}
	.p-interview_column .item + .item .image figcaption {
		margin-top: -.75em;
	}
	.p-interview_column.-interview02 .image {
		margin-inline: calc9var(--basisgap) * -.8);
	}
	.p-interview_column.-interview02 .image img {
		width: 100%;
	}
	.p-interview_column.-interview03 .image img {
		width: calc(var(--cw) * var(--w) * .42 / var(--aspect));
	}
}

/* :::::: お気に入りアイテム :::::: */
.p-interview_column .favorite_items,
.p-interview_column .favorite_outfit {
	display: grid;
}
.p-interview_column .favorite_outfit {
	position: relative;
}
.p-interview_column .favorite_details {
	color: white;
	--fontMin: 14;
	--fontMax: 14;
}
.p-interview_column .favorite_outfit .image img {
	border-radius: calc(var(--radius) * 2);
}
.p-interview_column .favorite_details dd + dt {
	margin-top: 1lh;
}
.p-interview_column .favorite_details dd {
	font-weight: 600;
}
@media print, (min-width: 768px) {
	.p-interview_column .favorite_items,
	.p-interview_column .favorite_outfit {
		grid-template-columns: 1fr 1fr;
		column-gap: var(--basisgap);
		margin-top: calc(var(--basisgap) / 2);
	}
	.p-interview_column .favorite_outfit {
		align-items: center;
	}
	.favorite_outfit .pointbox {
		margin-top: calc(var(--basisgap) / 2);
	}
}
@media screen and (max-width: 767.98px) {
	.p-interview_column .favorite_items .item,
	.p-interview_column .favorite_outfit {
		margin-top: var(--basisgap);
	}
	.p-interview_column .favorite_items .image img,
	.p-interview_column .favorite_outfit .image img {
		width: 100%;
	}
	.p-interview_column .favorite_details {
		text-align: center;
	}
	.p-interview_column .favorite_details dt {
		font-size: 85.7143%; /* 12px */
	}
	.favorite_outfit .text {
		margin-top: var(--basisgap); /* 40px */
	}
}

/* Inview */
.p-interview_column .image.is-standby,
.p-interview_column .text.is-standby,
.p-interview_column .pointbox.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.p-interview_column .cursive.is-standby {
	opacity: 0;
	clip-path: inset(0 99% 0 0);
}
.p-interview_column .image.is-inview,
.p-interview_column .text.is-inview,
.p-interview_column .pointbox.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}
.p-interview_column .cursive.is-inview {
	clip-path: inset(0);
	transition: opacity var(--inviewDur) var(--easeOut), clip-path var(--inviewDur) var(--easeOut);
	transition-delay: .2s;
}

/**
 * 部署紹介
 * -------------------------------------------------- */
.page-department .c-pagetitle .image {
	display: flex;
}
.page-department .c-lead {
	color: white;
}

.department_lineup {
	display: grid;
	row-gap: calc(var(--basisgap) / 2);
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
}
.department_lineup .text {
	max-width: calc(var(--cw) * 800 / var(--aspect));
	margin: calc(var(--basisgap) * .75) auto 0;
}
.department_lineup .c-paragraph {
	text-indent: 1em;
}
.department_lineup .c-paragraph,
.department_lineup .c-numlist,
.department_lineup .c-list {
	margin-top: 1em;
	--fontMin: 14;
	--fontMax: 16;
}
.department_lineup .c-pull_head .inner {
	justify-items: center;
}
.department_lineup .c-pull_head .ico {
	align-self: center;
	position: relative;
	top: -.1em;
	width: 1.44em;
	height: auto;
	fill: url("#svg-grad1");
	vertical-align: middle;
	transition: fill .2s var(--easeOut);
}
.department_lineup .c-pull_head button.is-open .ico {
	fill: white;
}
.department_lineup .c-pull_body .wrap {
	padding: var(--basisgap);
	padding-top: calc(var(--basisgap) + var(--radius));
}
@media (hover) {
	.department_lineup .c-pull_head button:hover .ico {
		fill: white;
	}
}
@media screen and (max-width: 767.98px) {
	.department_lineup .c-pull_head button {
		min-height: calc(var(--cw) * 100 / var(--aspect));
		padding-inline: calc(var(--basisgap) * .75);
		line-height: 1.6;
		text-align: center;
	}
	.department_lineup .text {
		margin-top: calc(var(--basisgap) / 2);
	}
	.department_lineup .c-pull_body .wrap {
		padding: calc(var(--basisgap) / 2);
		padding-top: calc(var(--basisgap) / 2 + var(--radius));
	}
}

/* :::::: 営業部の社員を見る :::::: */
.department_lineup .people_title {
	margin-top: calc(var(--basisgap) * .75);
	--fontMin: 16;
	--fontMax: 18;
	text-align: center;
}
.department_lineup .people_items {
	display: flex;
	gap: calc(var(--basisgap) * .4);
	margin-top: calc(var(--basisgap) * .4);
}
.department_lineup .people_item {
	max-width: calc(var(--cw) * 440 / var(--aspect));
}
.department_lineup .people_item a {
	display: grid;
	grid-template-columns: 1fr 1fr;
}
.department_lineup .people_item .image {
	border-radius: var(--radius) 0 0 var(--radius);
}
.department_lineup .people_item .image img {
	border-radius: inherit;
}
.department_lineup .people_item .c-personal {
	display: grid;
	place-content: center;
	width: 100%;
	height: 100%;
	margin: 0;
	border: 1px solid var(--gray);
	border-left: 0;
	border-radius: 0 var(--radius) var(--radius) 0;
	color: black;
	--fontMin: 10;
	--fontMax: 10;
	background: white;
}
.department_lineup .people_item dt {
	font-weight: 600;
	font-size: 140%;
}
@media (hover) {
	.department_lineup .c-personal {
		position: relative;
	}
	.department_lineup .image,
	.department_lineup .c-personal {
		z-index: 0;
		position: relative;
	}
	.department_lineup .image::before,
	.department_lineup .c-personal::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: var(--gradient2);
		opacity: 0;
		transition: opacity var(--dur) var(--easeOut);
	}
	.department_lineup .c-personal::before {
		z-index: -1;
		border-radius: 0 calc(var(--radius) - 1px) calc(var(--radius) - 1px) 0;
	}
	.department_lineup .c-personal {
		transition: color var(--dur) var(--easeOut);
	}
	.department_lineup a:hover .c-personal {
		color: white;
	}
	.department_lineup a:hover .c-personal {
		transition-duration: .2s;
	}
	.department_lineup a:hover .image::before,
	.department_lineup a:hover .c-personal::before {
		opacity: 1;
		transition-duration: .2s;
	}
	.department_lineup a:hover .image::before {
		opacity: .5;
	}
}
@media print, (min-width: 768px) {
	.department_lineup .people_items {
		justify-content: space-between;
	}
	.department_lineup .people_items.-single {
		justify-content: center;
	}
}
@media screen and (max-width: 767.98px) {
	.department_lineup .people_items {
		flex-direction: column;
	}
	.department_lineup .people_item a {
		grid-template-columns: 2fr 3fr;
	}
	.department_lineup .people_item .image img {
		min-height: calc(var(--cw) * 160 / var(--aspect));
		object-fit: cover;
	}
}

/**
 * PROJECT
 * -------------------------------------------------- */
.page-project {
	padding-top: 0;
}
.p-project {
	padding-top: var(--headerHeight);
	color: black;
	background: white;
	border-radius: 0 0 calc(var(--radius) * 5) calc(var(--radius) * 5);
}
.p-project_title {
	position: relative;
	margin: 0 auto;
}
.p-project_title > * {
	grid-area: 1 / 1;
}
.p-project_title .label {
	position: relative;
	margin-right: 1em;
	font-weight: 600;
	--fontMin: 12;
	--fontMax: 20;
	line-height: 1.2;
	font-family: var(--fontEn);
}
.p-project_title .label .t,
.p-project_title .label .num {
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.p-project_title .label .t::before {
	content: "";
	display: inline-block;
	position: relative;
	top: -.1em;
	aspect-ratio: var(--symbolAspect);
	width: auto;
	height: 1em;
	margin-right: .75em;
	vertical-align: middle;
	background: var(--red);
	transform: skewX(var(--symbolSkew));
}
.p-project_title .label .num {
	font-weight: inherit;
	font-size: 600%; /* 120px */
}
.p-project_title .lead {
	place-self: end start;
	z-index: 0;
	position: relative;
	border-radius: var(--radius);
	color: white;
	--fontMin: 14;
	--fontMax: 16;
	text-align: center;
	background: linear-gradient(to right top, #0550ace6, #00ccc0e6);
	/* backdrop-filter: blur(4px); */
}
.p-project_title .lead dt {
	font-weight: 600;
	font-size: 137.5%; /* 22px */
}
.p-project_title .image img {
	width: 100%;
	object-fit: cover;
	border-radius: calc(var(--radius) * 2);
}
@media print, (min-width: 768px) {
	.p-project_title {
		display: grid;
		width: calc(var(--cw) * 1200 / var(--aspect));
	}
	.p-project_title .label {
		place-self: end;
		margin-bottom: calc(var(--basisgap) * -1);
	}
	.p-project_title .lead {
		width: calc(var(--cw) * 460 / var(--aspect));
		margin-bottom: calc(var(--basisgap) * -1);
		padding: calc(var(--basisgap)  / 2);
	}
	.p-project_title .image {
		max-height: calc(100dvh - var(--headerHeight) - var(--basisgap));
		padding-left: calc(var(--basisgap) * 1.5);
	}
	.p-project_title .image picture,
	.p-project_title .image img {
		width: 100%;
		height: 100%;
	}
}
@media screen and (max-width: 767.98px) {
	.p-project_title {
		width: calc(100% - var(--basisgap) * .8); /* 32px */
		padding-top: var(--basisgap);
	}
	.p-project_title .title .num {
		font-size: 666.6666%; /* 80px */
	}
	.p-project_title .label {
		display: grid;
		position: absolute;
		inset: 0 0 auto;
		width: 90%;
		margin-inline: auto;
	}
	.p-project_title .label > * {
		grid-area: 1 / 1;
		justify-self: end;
		line-height: 1;
	}
	.p-project_title .label .t {
		justify-self: center;
		margin-top: 1em;
		padding-left: 3em;
	}
	.p-project_title .image {
		margin-inline: calc(var(--basisgap) * .4166); /* 20px */
	}
	.p-project_title .lead {
		width: 100%;
		margin-top: calc(var(--basisgap) * -1.25); /* -60px */
		padding: calc(var(--basisgap) * .5833); /* 28px */
		border-radius: calc(var(--radius) * 2);
	}
	.p-project_title .lead dt {
		font-size: 128.5714%; /* 18px */
	}
	.p-project_title .lead dd {
		margin-top: .5em;
	}
}

/* モチーフ */
.project_article {
	z-index: 0;
	position: relative;
}
.c-motif {
	z-index: -1;
	position: absolute;
	aspect-ratio: 1 / 1;
	width: calc(var(--cw) * var(--w) / var(--aspect));
}
.c-motif.-dots {
	aspect-ratio: 1 / .42;
}
.c-motif.-stripe { --w: 382; }
.c-motif.-circle { --w: 426; }
.c-motif.-kamaboko { --w: 460; }
.c-motif.-check { --w: 560; }
.c-motif.-dots { --w: 400; }
.c-motif.-giza { --w: 593; }
.c-motif img {
	width: 100%;
	height: auto;
}
.p-project01_1 .c-motif.-circle {
	top: 4%;
	right: -10%;
}
.p-project01_1 .c-motif.-kamaboko {
	bottom: 6%;
	left: -10%;
}
.p-project01_2 .c-motif.-check {
	top: 15%;
	left: 30%;
}
.p-project01_3 .c-motif.-dots {
	top: 16%;
	left: 53%;
}
.p-project01_3 .c-motif.-giza {
	bottom: -4%;
	left: 12%;
}
.p-project02_1 .c-motif.-stripe {
	top: -4%;
	left: 52%;
}
.p-project02_2 .c-motif.-giza {
	top: 4%;
	left: 30%;
}
.p-project02_3 .c-motif.-circle {
	top: 20%;
	left: -10%;
}
.p-project02_4 .c-motif.-kamaboko {
	top: 34%;
	right: 6%;
}
@media print, (min-width: 768px) {
	.p-project01_2 .c-motif.-stripe {
		display: none;
	}
}
@media screen and (max-width: 767.98px) {
	.c-motif {
		width: calc(var(--cw) * var(--w) * .7 / var(--aspect));
	}
	.p-project01_1 .c-motif.-circle {
		top: 12%;
		right: -32%;
	}
	.p-project01_2 .c-motif.-check {
		left: -30%;
	}
	.p-project01_2 .c-motif.-stripe {
		bottom: 10%;
		right: -10%;
	}
	.p-project01_3 .c-motif.-dots {
		top: 24%;
	}
	.p-project01_3 .c-motif.-giza {
		bottom: 10%;
		left: -40%;
	}
	.p-project02_1 .c-motif.-stripe {
		top: 40%;
	}
	.p-project02_2 .c-motif.-giza {
		top: 50%;
		left: -40%;
	}
	.p-project02_3 .c-motif.-circle {
		top: 50%;
		left: 40%;
	}
	.p-project02_4 .c-motif.-kamaboko {
		top: 50%;
		right: 30%;
	}
}

/* コンテンツ */
.project_article,
.project_interlude {
	width: var(--contentWidth);
	margin-inline: auto;
}
.project_outline .c-label {
	font-weight: 600;
	--fontMin: 20;
	--fontMax: 28;
	font-family: var(--fontEn);
	text-align: center;
}
.project_article .c-subject {
	font-weight: 600;
	--fontMin: 24;
	--fontMax: 24;
	line-height: 1.2;
}

/* Inview */
.project_outline.is-standby,
.project_article .image.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.project_outline.is-inview,
.project_article .image.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}

/* :::::: OUTLINE :::::: */
.project_outline {
	display: grid;
	margin-top: calc(var(--sectiongap) * 1.6667); /* 200px */
	padding: var(--basisgap) calc(var(--basisgap) / 2);
	border-radius: calc(var(--cw) * 40 / var(--aspect));
	color: white;
	background: var(--gradient1);
}
@media print, (min-width: 768px) {
	.project_outline {
		grid-auto-flow: dense;
		width: var(--contentWidth);
		margin-inline: auto;
	}
	.p-project01 .project_outline {
		grid-template-columns: repeat(3, auto);
		justify-content: space-between;
	}
	.p-project01 .project_outline .c-label {
		grid-column: 1 / 4;
	}
	.project_outline .image {
		display: grid;
		align-content: center;
		justify-items: center;
	}
	.p-project01 .project_outline .image:first-of-type {
		grid-row: 2 / 5;
		grid-column: 1;
	}
	.project_outline .c-paragraph {
		justify-self: center;
	}
	.p-project01 .project_outline .c-paragraph {
		grid-column: 2;
		width: calc(var(--cw) * 500 / var(--aspect));
	}
	.p-project02 .project_outline .c-paragraph {
		width: calc(var(--cw) * 800 / var(--aspect));
	}
	.project_outline .c-paragraph {
		margin-top: 1em;
		text-indent: 1em;
	}
	.project_outline .c-paragraph:nth-of-type(1) {
		grid-row: 2;
	}
	.project_outline .c-paragraph:nth-of-type(2) {
		grid-row: 3;
	}
	.project_outline .c-paragraph:nth-of-type(3) {
		grid-row: 4;
	}
	.project_outline .image:last-of-type {
		grid-row: 2 / 5;
		grid-column: 3;
	}
}
@media screen and (max-width: 767.98px) {
	.project_outline {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: calc(var(--basisgap) * .5);
		margin-top: calc(var(--basisgap) * 2); /* 80px */
		padding-block: var(--sectiongap);
	}
	.project_outline .image {
		grid-row: 3;
		display: grid;
		justify-items: center;
		padding-block: var(--basisgap);
	}
	.project_outline .image img {
		width: calc(var(--cw) * var(--w) * .3 / var(--aspect));
	}
	.project_outline .image:first-of-type {
		justify-self: end;
	}
	.project_outline .image:last-of-type {
		justify-self: start;
	}
	.project_outline .c-label,
	.project_outline .c-paragraph {
		grid-column: 1 / 3;
	}
	.project_outline .c-paragraph:first-of-type {
		margin-top: var(--basisgap);
	}
	.project_outline .c-paragraph:last-of-type {
		margin-top: 1lh;
	}
}

/* :::::: MEMBER :::::: */
@media print, (min-width: 768px) {
	.p-project01 .member_list {
		width: calc(var(--cw) * 480 / var(--aspect));
	}
	.p-project02 .member_list {
		width: calc(var(--cw) * 980 / var(--aspect));
	}
}
/* 記事 */
.project_article {
	margin-top: var(--sectiongap);
}
.project_article .c-subject {
	--fontMin: 24;
	--fontMax: 24;
	line-height: 1.6;
	text-align: center;
}
.project_article .c-paragraph {
	text-indent: 1em;
}
.project_article .c-paragraph:has(.speaker) {
	text-indent: 0;
}
.project_article .speaker {
	font-weight: 600;
	color: var(--aokiBlue);
}
@media print, (min-width: 768px) {
	.project_article .image img {
		border-radius: calc(var(--radius) * 2);
	}
}
/* 間奏 */
.project_interlude {
	margin-block: var(--sectiongap);
	padding: calc(var(--basisgap) * .75) calc(var(--basisgap) * 1.25); /* 60px 100px */
	border-radius: calc(var(--radius) * 2);
	color: white;
	background: var(--gradient1);
}
@media print, (min-width: 768px) {
	.project_interlude {
		width: calc(var(--cw) * 960 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.project_interlude {
		padding: calc(var(--basisgap) * .7) calc(var(--basisgap) * .5625); /* 28px 22.5px */
	}
}
/* マーキー */
.p-project .c-marquee {
	--interval: 800;
	overflow: hidden;
	margin-inline: var(--breakout);
}
.p-project .c-marquee .wrap {
	margin-block: .75em;
	font-weight: 600;
	--fontMin: 72;
	--fontMax: 120;
	font-family: var(--fontEn);
	white-space: nowrap;
}
.p-project .c-marquee .wrap {
	width: 44ch; /* (文字数 + 1) * 4 */
}
.p-project .c-marquee .wrap > * {
	width: 11ch; /* 文字数 + 1 */
	padding-left: 1ch;
}

/* :::::: PROJECT 01 :::::: */
@media print, (min-width: 768px) {
	:where(.p-project01) .project_article::after {
		content: "";
		display: block;
		clear: both;
	}
	:where(.p-project01) .project_article .image {
		width: calc(var(--cw) * 600 / var(--aspect));
	}
	:where(.p-project01) .project_article .text {
		width: calc(var(--cw) * 460 / var(--aspect));
	}
	:where(.p-project01) .project_article :where(.image, .text).-l {
		float: left;
	}
	:where(.p-project01) .project_article :where(.image, .text).-r {
		float: right;
	}
	:where(.p-project01) .project_article .image,
	:where(.p-project01) .project_article .text {
		margin-top: calc(var(--sectiongap) * .6666); /* 80px */
	}
	:where(.p-project01) .project_article .image:first-of-type {
		margin-top: calc(var(--sectiongap) * .5); /* 60px */
	}
	:where(.p-project01) .project_article .image:last-of-type {
		clear: both;
	}
	:where(.p-project01) .project_article .text:first-of-type {
		margin-top: calc(var(--sectiongap) * 1.6666); /* 200px */
	}
	:where(.p-project01) .project_article .image:last-of-type {
		margin-top: calc(var(--sectiongap) * 2); /* 240px */
	}
	.p-project01_2 .text:first-of-type,
	.p-project01_3 .text:first-of-type {
		margin-top: calc(var(--sectiongap) * 2.5); /* 300px */
	}
}
@media screen and (max-width: 767.98px) {
	:where(.p-project01) .project_article {
		display: grid;
		row-gap: calc(var(--basisgap) * .7);
	}
	:where(.p-project01) .project_article .image {
		margin-top: calc(var(--basisgap) * .4);
	}
	:where(.p-project01) .project_article .text + .image {
		margin-top: calc(var(--basisgap) * .8);
	}
	:where(.p-project01) .project_article .image.-r {
		justify-self: end;
	}
	:where(.p-project01) .project_article .image img {
		width: calc(var(--cw) - var(--basisgap));
	}
	:where(.p-project01) .project_article .image.-l img {
		margin-left: calc(var(--basisgap) * -.4);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	:where(.p-project01) .project_article .image.-r img {
		margin-right: calc(var(--basisgap) * -.4);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
}

/* :::::: PROJECT 02 :::::: */
@media print, (min-width: 768px) {
	:where(.p-project02_1, .p-project02_2, .p-project02_3, .p-project02_4) .image,
	:where(.p-project02_1, .p-project02_2, .p-project02_3, .p-project02_4) .text {
		width: calc(var(--cw) * var(--w) / var(--aspect));
	}
	:where(.p-project02_1) .image { --w: 660; }
	:where(.p-project02_2) .image { --w: 520; }
	:where(.p-project02_3) .image { --w: 800; }
	:where(.p-project02_4) .image { --w: 660; }
	:where(.p-project02_1) .text { --w: 720; }
	:where(.p-project02_2) .text { --w: 540; }
	:where(.p-project02_3) .text { --w: 800; }
	:where(.p-project02_4) .text { --w: 720; }
	:is(.p-project02_1, .p-project02_2, .p-project02_4) .c-subject {
		text-align: left;
	}
	:is(.p-project02_1, .p-project02_2, .p-project02_3, .p-project02_4) .c-subject + .c-paragraph {
		margin-top: calc(var(--basisgap) * .35);
	}
	:where(.p-project02_1, .p-project02_3) .text {
		margin-top: calc(var(--basisgap) * .75);
	}
	:where(.p-project02_1) .text {
		margin-left: auto;
	}
	:where(.p-project02_2) .image {
		float: right;
	}
	:where(.p-project02_2) .text {
		padding-top: calc(var(--sectiongap) * 2);
	}
	:where(.p-project02_3) :is(.image, .text) {
		margin-inline: auto;
	}
	:where(.p-project02_4) .image {
		margin-left: auto;
	}
	:where(.p-project02_5, .p-project02_6, .p-project02_7, .p-project02_8) {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: calc(var(--basisgap) / 2);
	}
	:where(.p-project02_5, .p-project02_7) {
		padding-right: calc(var(--sectiongap) * 2);
	}
	:where(.p-project02_6, .p-project02_8) {
		padding-left: calc(var(--sectiongap) * 2);
	}
	:is(.p-project02_6, .p-project02_7, .p-project02_8) {
		margin-top: var(--basisgap);
	}
	:where(.p-project02_5, .p-project02_6, .p-project02_7, .p-project02_8) .c-paragraph {
		padding-left: calc(var(--basisgap) / 4);
	}
}
@media screen and (max-width: 767.98px) {
	:where(.p-project02) .project_article {
		display: grid;
		row-gap: calc(var(--basisgap) * .5833); /* 28px */
	}
	:where(.p-project02) .project_article .text {
		display: contents;
	}
	:where(.p-project02) .project_article .c-subject,
	:where(.p-project02) .project_article .c-paragraph {
		order: -1;
	}
	:where(.p-project02) .project_article .c-paragraph:last-of-type,
	:where(.p-project02_2).project_article .c-paragraph:nth-last-of-type(2),
	:where(.p-project02_3).project_article .c-paragraph:nth-last-of-type(2),
	:where(.p-project02_4).project_article .c-paragraph:nth-last-of-type(2),
	:where(.p-project02_4).project_article .c-paragraph:nth-last-of-type(3) {
		order: 1;
	}
	:where(.p-project02_1, .p-project02_3) .image {
		margin-left: calc(var(--basisgap) * -.4);
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	:where(.p-project02_2, .p-project02_4) .image {
		justify-self: end;
		margin-right: calc(var(--basisgap) * -.4);
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	:where(.p-project02_5, .p-project02_6, .p-project02_7, .p-project02_8) .image img {
		width: 100%;
	}
	:is(.p-project02_6, .p-project02_7, .p-project02_8) {
		margin-top: calc(var(--sectiongap) * .75);
	}
}

/* :::::: Other PROJECT :::::: */
.p-project_other {
	margin-top: var(--sectiongap);
	margin-inline: auto;
}
.p-project_other a {
	display: grid;
}
.p-project_other .text {
	position: relative;
	padding: calc(var(--basisgap) / 2);
	color: black;
	text-align: center;
	background: white;
}
.p-project_other .label {
	font-weight: 600;
	--fontMin: 14;
	--fontMax: 12;
	font-family: var(--fontEn);
}
.p-project_other .title {
	margin-top: .4em;
	font-weight: 600;
	--fontMin: 18;
	--fontMax: 20;
}
.p-project_other .lead {
	margin-top: .5em;
	--fontMin: 12;
	--fontMax: 12;
}
.p-project_other .arr {
	position: absolute;
	top: calc(50% - .6em);
	right: calc(var(--basisgap) / 2);
	width: 1.2em;
	height: 1.2em;
	line-height: 1;
}
.p-project_other .arr svg {
	width: inherit;
	height: inherit;
	stroke-width: 2;
}
@media (hover) {
	.p-project_other .text,
	.p-project_other .image {
		z-index: 0;
		position: relative;
	}
	.p-project_other .text::before,
	.p-project_other .image::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: var(--gradient2);
		opacity: 0;
		transition: opacity var(--dur) var(--easeOut);
	}
	.p-project_other .text::before {
		z-index: -1;
	}
	.p-project_other .image::before {
		border-radius: var(--radius) 0 0 var(--radius);
	}
	.p-project_other .text > * {
		transition: var(--dur) var(--easeOut);
	}
	.p-project_other .label {
		background: linear-gradient(to right, white 40%, #0550ac 50%, #00ccc0) right center / 400% 100%;
		-webkit-background-clip: text;
		transition-property: background-position;
	}
	.p-project_other .text :is(.title, .lead, .arr) {
		transition-property: color;
	}
	.p-project_other a:hover .label {
		background-position: left center;
	}
	.p-project_other a:hover .text :is(.title, .lead, .arr) {
		color: white;
	}
	.p-project_other a:hover .text > * {
		transition-duration: .2s;
	}
	.p-project_other a:hover .text::before,
	.p-project_other a:hover .image::before {
		opacity: 1;
		transition-duration: .2s;
	}
	.p-project_other a:hover .image::before {
		opacity: .5;
	}
}
@media print, (min-width: 768px) {
	.p-project_other {
		width: calc(var(--cw) * 860 / var(--aspect));
	}
	.p-project_other a {
		grid-template-columns: 1fr 1fr;
	}
	.p-project_other .image img {
		border-radius: var(--radius) 0 0 var(--radius);
	}
	.p-project_other .text {
		display: grid;
		place-content: center;
		border-radius: 0 var(--radius) var(--radius) 0;
	}
}
@media screen and (max-width: 767.98px) {
	.p-project_other {
		width: var(--contentWidth);
	}
	.p-project_other .image img {
		border-radius: var(--radius) var(--radius) 0 0;
	}
	.p-project_other .text {
		padding: calc(var(--basisgap) * .75);
		border-radius: 0 0 var(--radius) var(--radius);
	}
	.p-project_other .title {
		margin-top: .25em;
	}
}

/**
 * キャリアプラン座談会
 * -------------------------------------------------- */
.page-crosstalk .c-lead {
	color: white;
}
.talk_section,
.talk_interlude {
	width: var(--contentWidth);
	margin: var(--sectiongap) auto 0;
}
.talk_column {
	margin-top: var(--sectiongap);
}
[class^="p-talk01"] .-c1 { --c: #7f0; --t: url(../img/crosstalk/member_1.webp); }
[class^="p-talk01"] .-c2 { --c: #f80; --t: url(../img/crosstalk/member_2.webp); }
[class^="p-talk01"] .-c3 { --c: #70f; --t: url(../img/crosstalk/member_3.webp); }

.talk_member {
	color: white;
}
.talk_member .image img {
	border: 4px solid var(--c);
	border-width: calc(var(--cw) * 4 / var(--aspect));
}
@media print, (min-width: 768px) {
	.p-talk01 .member_list {
		width: calc(var(--cw) * 720 / var(--aspect));
	}
	.talk_column {
		width: var(--contentWidth);
		margin: var(--sectiongap) auto 0;
	}
}

/* :::::: 対談 :::::: */
.talk_section {
	display: grid;
}
.talk_title {
	display: grid;
	justify-items: center;
	color: white;
	font-weight: 600;
	--fontMin: 18;
	--fontMax: 18;
	text-align: center;
}
.talk_title .label {
	padding: .5em;
	border-radius: .6666em; /* 12px */
	background: var(--gradient2);
}
.talk_title .q {
	margin-top: .8em;
	font-size: 133.3333%;
}
.talk_title .q::before {
	content: "Q.";
	margin-right: .25em;
	font-size: 108%;
	font-family: var(--fontEn);
}
@media print, (min-width: 768px) {
	.talk_title .label {
		min-width: calc(var(--cw) * 400 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.talk_title .label {
		width: 100%;
	}
	.talk_title .q {
		line-height: 1.6;
	}
}
.c-talk {
	--fontMin: 14;
	--fontMax: 16;
	--speakerSize: calc(var(--cw) * 100 / var(--aspect));
	display: grid;
	column-gap: 3em;
	margin-top: var(--basisgap);
}
.c-talk + .c-talk {
	margin-top: calc(var(--basisgap) / 2);
}
.c-talk.-l {
	grid-template-columns: auto 1fr;
	justify-self: start;
}
.c-talk.-r {
	grid-template-columns: 1fr auto;
	justify-self: end;
}
.c-talk .speaker {
	display: block;
	width: var(--speakerSize);
	border-radius: var(--speakerSize);
	color: white;
	font-weight: 600;
	text-align: center;
}
.c-talk.-r .speaker {
	order: 1;
}
.c-talk .speaker::before {
	content: "";
	width: inherit;
	display: block;
	height: var(--speakerSize);
	border: 4px solid var(--c);
	border-width: calc(var(--cw) * 4 / var(--aspect));
	border-radius: var(--speakerSize);
	background: var(--t) center / cover no-repeat;
}
.c-talk .balloon {
	display: block;
	position: relative;
	padding: calc(var(--basisgap) * .35) calc(var(--basisgap) * .5);
	border-radius: var(--radius);
	background: white;
}
.c-talk .balloon::after {
	content: "";
	top: calc(var(--speakerSize) / 2);
	width: 1.75em;
	height: 1.25em;
	position: absolute;
	background: white;
}
.c-talk.-l .balloon::after {
	right: calc(100% - 1px);
	clip-path: polygon(0 0, 100% 0, 100% 100%);
}
.c-talk.-r .balloon::after {
	left: calc(100% - 1px);
	clip-path: polygon(0 0, 100% 0, 0 100%);
}
@media print, (min-width: 768px) {
	.talk_section .balloon {
		width: calc(var(--cw) * 720 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.c-talk {
		--speakerSize: calc(var(--cw) * 50 / var(--aspect));
		column-gap: 1.5em;
	}
	.c-talk.-l {
		margin-right: calc(var(--basisgap) * .3)
	}
	.c-talk.-r {
		margin-left: calc(var(--basisgap) * .3)
	}
	.c-talk .speaker {
		font-size: 85.7143%;
	}
	.c-talk .speaker::before {
		border-width: calc(var(--cw) * 2 / var(--aspect));
	}
	.c-talk .balloon {
		margin-top: 1.1428em;
		padding: calc(var(--basisgap) * .5);
	}
	.c-talk .balloon::after {
		top: var(--radius);
		width: 1em;
		height: .75em;
	}
}

/* :::::: 間奏 :::::: */
.talk_interlude {
	display: grid;
}
.talk_interlude .image img {
	width: calc(var(--cw) * var(--w) * .5 / var(--aspect));
	border-radius: calc(var(--radius) * 2);
}
.talk_interlude .image.-i2,
.talk_interlude .image.-i3 {
	justify-self: end;
}
.talk_interlude .image.-i3 {
	z-index: 1;
}
.talk_interlude .image.-i1 img { --w: 1320; }
.talk_interlude .image.-i2 img { --w: 640; }
.talk_interlude .image.-i3 img { --w: 640; }
.talk_interlude .image.-i4 img { --w: 2240; }
@media print, (min-width: 768px) {
	.talk_interlude .image.-i2 {
		margin-top: calc(var(--basisgap) * -1.25);
	}
	.talk_interlude .image.-i3 {
		margin-top: calc(var(--basisgap) * -1.65);
		margin-right: calc(var(--basisgap) * 3);
	}
	.talk_interlude .image.-i4 {
		margin-top: calc(var(--basisgap) * 1.25);
	}
}
@media screen and (max-width: 767.98px) {
	.talk_interlude .image.-i1 img { --w: 560; }
	.talk_interlude .image.-i2 img { --w: 240; }
	.talk_interlude .image.-i3 img { --w: 240; }
	.talk_interlude .image.-i4 img { --w: 686; }
	.talk_interlude .image.-i2 {
		margin-top: calc(var(--basisgap) * .75);
	}
	.talk_interlude .image.-i3 {
		margin-top: calc(var(--basisgap) * -1);
		margin-right: calc(var(--basisgap) * 2.5);
	}
	.talk_interlude .image.-i4 {
		margin-top: calc(var(--basisgap) * .75);
	}
}

/* :::::: コラム :::::: */
.talk_column {
	padding: calc(var(--basisgap) * .75);
	border-radius: calc(var(--radius) * 2);
	background: white;
}
.talk_column .c-subject {
	--fontMin: 20;
	--fontMax: 24;
}
.talk_column .c-subject,
.talk_column .c-note {
	text-align: center;
}
.talk_column .c-paragraph {
	margin-top: calc(var(--basisgap) * .35);
}
.talk_column .image {
	margin-top: calc(var(--basisgap) * .5);
}
.talk_column .image img {
	width: 100%;
	border-radius: 0;
}
.talk_column .image + .c-note {
	margin-top: 2em;
}
.talk_column .legend {
	display: grid;
	align-items: center;
	gap: 1em;
	margin-top: 2em;
	--fontMin: 12;
	--fontMax: 12;
}
.talk_column .legend dt {
	padding: .25em 1em;
	font-weight: 600;
}
.talk_column .legend .gold {
	color: white;
	background: linear-gradient(to top right, #946c00, #c8bb7c 46%, #a7932d);
}
.talk_column .legend .silver {
	color: white;
	background: linear-gradient(to top right, #727272, #c9c9c9 54%, #7c7c7c);
}
@media print, (min-width: 768px) {
	.talk_column .legend dt {
		grid-column: 1;
	}
	.talk_column .legend dd {
		grid-column: 2;
	}
}
@media screen and (max-width: 767.98px) {
	.talk_column {
		padding: var(--basisgap) calc(var(--basisgap) * .4);
	}
	.talk_column .c-paragraph {
		margin-top: calc(var(--basisgap) * .5);
	}
	.talk_column .legend {
		justify-items: center;
	}
	.talk_column .legend dd {
		font-size: 83.3333%; /* 10px */
	}
	.talk_column .image {
		overflow: auto;
		margin-top: calc(var(--basisgap) * .7);
		margin-inline: calc(var(--basisgap) * -.75);
		padding-inline: calc(var(--basisgap) * .75);
	}
	.talk_column .image img {
		min-width: calc(var(--cw) * 680 / var(--aspect));
	}
}

/* Inview */
.talk_member .splide.is-standby,
.c-talk .balloon.is-standby,
.talk_column.is-standby {
	opacity: 0;
	translate: 0 40px;
}
.talk_interlude .image.is-standby {
	opacity: 0;
}
.c-talk .speaker.is-standby {
	opacity: 0;
	scale: .8;
}
.talk_member .splide.is-inview,
.c-talk .balloon.is-inview,
.talk_column.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), translate var(--inviewDur) var(--easeOut);
}
.talk_interlude .image.is-inview {
	transition: opacity var(--inviewDur);
}
.c-talk .speaker.is-inview {
	transition: opacity var(--inviewDur) var(--easeOut), scale var(--inviewDur) var(--easeBack);
}
.c-talk .balloon.is-inview {
	transition-delay: .1s;
}

/**
 * Header
 * -------------------------------------------------- */
.l-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
	position: absolute;
	inset: calc(var(--basisgap) * .35);
	bottom: auto;
	color: white;
}
.l-header.is-fixed {
	position: fixed;
}
.l-header .logo {
	--fontMin: 14;
	--fontMax: 14;
}
.l-header .logo a {
	display: flex;
	align-items: center;
	font-weight: 600;
	fill: currentcolor;
}
.l-header .logo .orihica {
	align-self: end;
}
.l-header .logo svg {
	height: auto;
}
.l-header.is-fixed::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: calc(var(--basisgap) * -.35);
	bottom: auto;
	height: var(--headerHeight);
	border-radius: 0 0 var(--radius) var(--radius);
	background: linear-gradient(to right top, #0550ace6, #00ccc0e6);
	/* backdrop-filter: blur(4px); */
}
body:has(.page-project) .l-header {
	color: black;
}
body:has(.page-project) .l-header::before {
	background: #ffffffe6;
}
@media print, (min-width: 768px) {
	.l-header .logo a {
		column-gap: calc(var(--cw) * 24 / var(--aspect));
	}
	.l-header .logo .aoki {
		width: calc(var(--cw) * 76 / var(--aspect));
	}
	.l-header .logo .orihica {
		width: calc(var(--cw) * 69 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.l-header {
		inset: calc(var(--basisgap) * .4);
		bottom: auto;
	}
	.l-header.is-fixed::before {
		inset: calc(var(--basisgap) * -.4);
	}
	.l-header .logo {
		width: calc(var(--cw) * 132 / var(--aspect));
		--fontMin: 10;
		--fontMax: 10;
		line-height: 1.2;
	}
	.l-header .logo a {
		flex-wrap: wrap;
		justify-content: space-between;
		row-gap: .5em;
	}
	.l-header .logo .aoki {
		width: calc(var(--cw) * 63 / var(--aspect));
	}
	.l-header .logo .orihica {
		width: calc(var(--cw) * 57 / var(--aspect));
	}
	.l-header .logo .label {
		margin-inline: auto;
	}
}
.l-header .cv {
	--fontMin: 12;
	--fontMax: 12;
	display: flex;
	position: relative;
	right: calc(var(--cw) * 64 / var(--aspect));
}
.l-header .cv a {
	display: grid;
	place-items: center;
	position: relative;
	width: calc(var(--cw) * 120 / var(--aspect));
	height: calc(var(--cw) * 32 / var(--aspect));
	border: 1px solid currentcolor;
	font-weight: 600;
}
.l-header .cv .label {
	position: relative;
}
.l-header .cv .arr {
	display: none;
}
@media (hover) {
	.l-header .cv a {
		overflow: hidden;
	}
	.l-header .cv a::before {
		content: "";
		position: absolute;
		inset: 0;
		border-radius: inherit;
		background: var(--gradient2);
		transition: transform var(--dur) var(--easeInOut);
	}
	.l-header .cv a:not(:hover)::before {
		transform: translateX(-100%);
	}
	.l-header .cv a:hover::before {
		transition-duration: .3s;
		transition-timing-function: var(--easeOut);
	}
}
@media print, (min-width: 768px) {
	.l-header .cv {
		column-gap: calc(var(--cw) * 16 / var(--aspect));
	}
}
@media screen and (max-width: 767.98px) {
	.l-header .cv {
		flex-direction: column;
		right: calc(var(--cw) * 48 / var(--aspect));
		--fontMin: 10;
		--fontMax: 10;
	}
	.l-header .cv li + li {
		margin-top: -1px;
	}
	.l-header .cv a {
		width: calc(var(--cw) * 136 / var(--aspect));
		height: calc(var(--cw) * 21 / var(--aspect));
	}
}
/* Motion */
:is(.l-header, .l-drawer).is-fixed.is-hide {
	opacity: 0;
	translate: 0 calc(var(--basisgap) * -.5);
	pointer-events: none;
}
:is(.l-header, .l-drawer).is-motion {
	transition: opacity var(--dur), translate var(--dur) var(--easeOut);
}
:is(.l-header, .l-drawer).is-motion.is-hide {
	transition-duration: .1s;
}

/**
 * Drawer
 * -------------------------------------------------- */
.l-drawer {
	--size: calc(var(--cw) * 48 / var(--aspect));
	--shift: calc(var(--cw) * 15.5 / var(--aspect));
	display: grid;
	place-items: center;
	z-index: 3;
	position: absolute;
	right: calc(var(--cw) * 22 / var(--aspect));
	top: calc(var(--cw) * 20 / var(--aspect));
	width: var(--size);
	height: var(--size);
	color: white;
}
.l-drawer.is-fixed {
	position: fixed;
}
body:has(.page-project) .l-drawer {
	color: black;
}
@media screen and (max-width: 767.98px) {
	.l-drawer {
		--size: calc(var(--cw) * 40 / var(--aspect));
		--shift: calc(var(--cw) * 11 / var(--aspect));
		top: calc(var(--cw) * 17.5 / var(--aspect));
		right: calc(var(--basisgap) * .4 - 5px);
	}
}
.l-drawer > * {
	grid-area: 1 / 1;
	width: 75%;
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-linecap: round;
	transition: stroke var(--dur);
}
.l-drawer svg:first-child {
	transform: translateY(var(--shift));
}
.l-drawer svg:last-child {
	transform: translateY(calc(var(--shift) * -1));
}
.l-drawer.is-active svg {
	stroke: black;
}
.l-drawer.is-active svg:first-child {
	transform: rotate(45deg) scaleX(1.28);
}
.l-drawer.is-active svg:nth-child(2) {
	transform: scaleX(0);
}
.l-drawer.is-active svg:last-child {
	transform: rotate(-45deg) scaleX(1.28);
}
.l-drawer.is-anim svg {
	animation: .4s var(--easeBack) both;
}
.l-drawer.is-anim svg:nth-child(2) {
	animation-timing-function: var(--easeOut);
}
.l-drawer.is-anim svg:first-child { animation-name: closeBar1; }
.l-drawer.is-anim svg:nth-child(2) { animation-name: closeBar2; }
.l-drawer.is-anim svg:last-child { animation-name: closeBar3; }
.l-drawer.is-anim.is-active svg:first-child { animation-name: openBar1; }
.l-drawer.is-anim.is-active svg:nth-child(2) { animation-name: openBar2; }
.l-drawer.is-anim.is-active svg:last-child { animation-name: openBar3; }
@keyframes closeBar1 {
	from { transform: rotate(45deg) scaleX(1.28); }
	50% { transform: none; }
	to { transform: translateY(calc(var(--cw) * 15.5 / var(--aspect))); }
}
@keyframes closeBar2 {
	from { transform: scaleX(0); }
	50%, to { transform: none; }
}
@keyframes closeBar3 {
	from { transform: rotate(-45deg) scaleX(1.28); }
	50% { transform: none; }
	to { transform: translateY(calc(var(--cw) * -15.5 / var(--aspect))); }
}
@keyframes openBar1 {
	from { transform: translateY(calc(var(--cw) * 15.5 / var(--aspect))); }
	50% { transform: none; }
	to { transform: rotate(45deg) scaleX(1.28); }
}
@keyframes openBar2 {
	from, 50% { transform: none; }
	to { transform: scaleX(0); }
}
@keyframes openBar3 {
	from { transform: translateY(calc(var(--cw) * -15.5 / var(--aspect))); }
	50% { transform: none; }
	to { transform: rotate(-45deg) scaleX(1.28); }
}
@media screen and (max-width: 767.98px) {
	@keyframes closeBar1 {
		from { transform: rotate(45deg) scaleX(1.28); }
		50% { transform: none; }
		to { transform: translateY(calc(var(--cw) * 11 / var(--aspect))); }
	}
	@keyframes closeBar2 {
		from { transform: scaleX(0); }
		50%, to { transform: none; }
	}
	@keyframes closeBar3 {
		from { transform: rotate(-45deg) scaleX(1.28); }
		50% { transform: none; }
		to { transform: translateY(calc(var(--cw) * -11 / var(--aspect))); }
	}
	@keyframes openBar1 {
		from { transform: translateY(calc(var(--cw) * 11 / var(--aspect))); }
		50% { transform: none; }
		to { transform: rotate(45deg) scaleX(1.28); }
	}
	@keyframes openBar2 {
		from, 50% { transform: none; }
		to { transform: scaleX(0); }
	}
	@keyframes openBar3 {
		from { transform: translateY(calc(var(--cw) * -11 / var(--aspect))); }
		50% { transform: none; }
		to { transform: rotate(-45deg) scaleX(1.28); }
	}
}

/**
 * Navigation
 * -------------------------------------------------- */
.l-nav {
	z-index: 2;
	position: fixed;
	inset: 0;
	width: 100%;
	max-height: 100lvh;
	overflow-y: auto;
	/* scroll-behavior: auto;
	scrollbar-width: none;
	overscroll-behavior: contain; */
}
.l-nav::-webkit-scrollbar {
	display: none;
}
.l-nav .overlay {
	z-index: -1;
	position: fixed;
	inset: 0;
	background: white;
}
.l-nav .contentinfo {
	max-width: calc(var(--cw) * 1280 / var(--aspect));
	margin-inline: auto;
}

/** Motion */
.l-nav .overlay {
	clip-path: inset(0);
}
.l-nav:not(.is-active) {
	display: none;
}
.l-nav .overlay:not(.is-active),
.l-nav .contentinfo:not(.is-active) {
	opacity: 0;
}
.l-nav .overlay:not(.is-active) {
	clip-path: inset(0 0 100%);
}
.l-nav .contentinfo:not(.is-active) {
	scale: .94;
}
.l-nav .overlay.is-motion {
	transition: opacity .2s .1s, clip-path 0s .4s;
}
.l-nav .contentinfo.is-motion {
	transition: opacity .2s, scale .2s var(--easeOut);
}
.l-nav .overlay.is-motion.is-active {
	transition-duration: .4s;
	transition-delay: 0s;
}
.l-nav .contentinfo.is-motion.is-active {
	transition-duration: .4s;
	transition-delay: .2s;
}

/**
 * Footer
 * -------------------------------------------------- */
.l-footer {
	max-width: calc(var(--cw) * 1280 / var(--aspect));
	margin-inline: auto;
	padding: var(--sectiongap) var(--sidegap);
	border-image: linear-gradient(white, white) 0 fill / 0 / 0 50vw;
}
@media screen and (max-width: 767.98px) {
	.l-footer .contentinfo {
		padding-top: var(--sectiongap);
		padding-bottom: calc(var(--sectiongap) * .75);
	}
}

/* :::::: loader :::::: */
.l-loader {
	z-index: 5;
	position: fixed;
	inset: 0;
	background: white;
}
.l-loader.is-standby {
	pointer-events: none;
	transform: translateX(-100%);
	transform-origin: center top;
}
.l-loader.is-fadein,
.l-loader.is-fadeout {
	transform: none;
	transition: transform .2s;
}
.l-loader.is-fadeout {
	transform: translateX(100%);
	transition-duration: .4s;
}

/**
 * Content info
 * -------------------------------------------------- */
.contentinfo {
	display: grid;
	padding: var(--headerHeight) var(--basisgap) calc(var(--basisgap) / 2);
}
@media print, (min-width: 768px) {
	.contentinfo {
		--logoSpace: calc(var(--cw) * 144 / var(--aspect));
		column-gap: calc(var(--basisgap) * .5);
		grid-template-columns: auto 1fr;
	}
	.contentinfo .logo {
		grid-area: 1 / 1;
		width: var(--logoSpace);
	}
	.contentinfo .sitemap {
		grid-area: 1 / 2;
	}
	.contentinfo .cv {
		grid-area: 2 / 2;
		gap: 48px;
	}
	.contentinfo .external {
		grid-area: 3 / 2;
		gap: 27px 32px;
		display: grid;
	}
	.contentinfo .sns {
		grid-row: 2 / 4;
		grid-column: 1;
		align-self: flex-start;
	}
	.contentinfo .bottomline {
		grid-area: 4 / 2;
	}
}
@media screen and (max-width: 767.98px) {
	.contentinfo {
		padding-inline: calc(var(--basisgap) * .4); /* 16 */
	}
	.contentinfo .sitemap,
	.contentinfo .cv,
	.contentinfo .external {
		margin-top: calc(var(--basisgap) * 1.5);
	}
	.contentinfo .bottomline {
		margin-top: var(--basisgap);
	}
	.contentinfo .external {
		display: flex;
		flex-direction: column;
		row-gap: calc(var(--basisgap) * .5);
	}
	.contentinfo .sns {
		margin-top: var(--basisgap);
	}
}

/** Logo */
.contentinfo .logo {
	align-self: start;
	display: flex;
	align-items: center;
	gap: calc(var(--basisgap) * .25); /* 20 */
	--fontMin: 12;
	--fontMax: 12;
}
.contentinfo .logo svg {
	width: calc(var(--cw) * var(--w) / var(--aspect));
	height: auto;
}

/** Sitemap */
.contentinfo .sitemap .list {
	--gap: calc(var(--basisgap) * .35); /* 28 */
	display: flex;
	gap: var(--gap);
	--fontMin: 14;
	--fontMax: 14;
	line-height: 1.4;
}
.contentinfo .sitemap .item {
	width: 20%;
}
.contentinfo .sitemap .label {
	display: block;
	margin-top: -.2lh;
	padding-bottom: .5em;
	border-bottom: 1px solid var(--gray);
	color: var(--gray);
	font-weight: 600;
}
.contentinfo .sitemap .links {
	margin-top: 1.3em;
	--fontMin: 12;
	--fontMax: 12;
}
.contentinfo .sitemap .links a {
	display: inline-block;
	padding: .25em 0;
}
.contentinfo .sitemap .links a[target="_blank"] .ico {
	position: relative;
	top: -.12em;
	width: .8em;
	height: auto;
	margin-left: .4em;
	vertical-align: middle;
}
.contentinfo .sitemap .links a {
	background: linear-gradient(currentcolor, currentcolor) right bottom .3em / 0 1px no-repeat;
}
@media (hover) {
	.contentinfo .sitemap .links a {
		transition: background-size var(--dur) var(--easeOut);
	}
	.contentinfo .sitemap .links a:hover {
		background-position: left bottom .3em;
		background-size: 100% 1px;
		transition-duration: .2s;
	}
}
@media print, (min-width: 768px) {
	.contentinfo .logo {
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(var(--cw) * 136 / var(--aspect));
	}
	.contentinfo .logo svg:nth-child(1) {
		--w: 60;
	}
	.contentinfo .logo svg:nth-child(2) {
		--w: 55;
	}
	.contentinfo .logo .label {
		flex-basis: 100%;
		text-align: center;
	}
}
@media screen and (max-width: 767.98px) {
	.contentinfo .logo {
		justify-content: start;
		gap: calc(var(--basisgap) * .5); /* 20 */
	}
	.contentinfo .logo svg {
		width: calc(var(--cw) * var(--w) / var(--aspect));
	}
	.contentinfo .logo svg:nth-child(1) {
		--w: 76;
	}
	.contentinfo .logo svg:nth-child(2) {
		--w: 57;
	}
	.contentinfo .sitemap .list {
		flex-wrap: wrap;
		--gap: var(--basisgap);
	}
	.contentinfo .sitemap .item {
		flex-basis: calc(50% - var(--gap) / 2);
	}
}

/** Conversion */
.contentinfo .cv {
	display: grid;
	--fontMin: 18;
	--fontMax: 18;
}
.contentinfo .cv a {
	display: grid;
	grid-template-columns: auto 1fr auto;
	place-items: center;
	position: relative;
	height: calc(var(--cw) * 100 / var(--aspect));
	padding-inline: calc(var(--basisgap) * .4); /* 32 */
	border-radius: var(--radius);
	font-weight: 600;
}
.contentinfo .cv a::after {
	content: "";
	position: absolute;
	inset: 0;
	border: 1px solid var(--gray);
	border-radius: inherit;
}
.contentinfo .cv a .label {
	grid-column: 2;
}
.contentinfo .cv a .arr {
	grid-column: 3;
	z-index: 1;
	width: calc(var(--cw) * 22 / var(--aspect));
	height: auto;
}
@media (hover) {
	.contentinfo .cv a {
		z-index: 0;
		overflow: hidden;
		transition: color var(--dur) var(--easeInOut);
	}
	.contentinfo .cv a::before {
		content: "";
		position: absolute;
		inset: -1px;
		background: var(--gradient2);
		transition: transform var(--dur) var(--easeInOut);
	}
	.contentinfo .cv a::after {
		z-index: -1;
	}
	.contentinfo .cv .label {
		z-index: 1;
	}
	.contentinfo .cv .c-splitstrings .c {
		text-shadow: 0 1em 0 #fff0;
	}
	.contentinfo .cv a:not(:hover)::before {
		transform: translateX(-100%);
	}
	.contentinfo .cv a:hover {
		color: white;
		transition-duration: .3s;
	}
	.contentinfo .cv a:hover::before {
		transition-duration: .3s;
		transition-timing-function: var(--easeOut);
	}
	.contentinfo .cv a:hover .c-splitstrings .c {
		color: #fff0;
		text-shadow: 0 1em 0 #fff;
	}
}
@media print, (min-width: 768px) {
	.contentinfo .cv {
		grid-template-columns: 1fr 1fr;
		column-gap: calc(var(--basisgap) * .6); /* 48 */
		margin-top: calc(var(--basisgap) * .6); /* 48 */
	}
}
@media screen and (max-width: 767.98px) {
	.contentinfo .cv {
		row-gap: calc(var(--basisgap) * .5); /* 20 */
	}
	.contentinfo .cv a {
		height: calc(var(--cw) * 100 / var(--aspect));
	}
}

/** External */
.contentinfo {
	--fontMin: 10;
	--fontMax: 10;
	line-height: 1.2;
}
.contentinfo .external img {
	border: 1px solid var(--gray);
}
.contentinfo .external figcaption {
	display: inline-block;
	margin-top: 1em;
}
.contentinfo .sns {
	display: grid;
	width: 100%;
	font-weight: 600;
	--fontMin: 12;
	--fontMax: 12;
	font-family: var(--fontEn);
	text-align: center;
}
.contentinfo .sns .item {
	display: grid;
	grid-column: 1;
	row-gap: .5em;
	align-items: center;
}
.contentinfo .sns .item dt {
	flex-basis: 100%;
}
.contentinfo .sns .item ul {
	align-self: center;
	justify-content: center;
	display: flex;
	flex-wrap: wrap;
	margin-inline: auto;
	line-height: 1;
}
.contentinfo .sns .item a {
	display: inline-grid;
	place-items: center;
	padding: .75em;
}
.contentinfo .sns .item svg,
.contentinfo .sns .item img {
	grid-area: 1 / 1;
	width: 1.6em;
	height: auto;
}
.contentinfo .sns .item img {
	opacity: 0;
}
@media (hover) {
	.contentinfo .external a img,
	.contentinfo .sns .item svg,
	.contentinfo .sns .item img {
		transition: opacity var(--dur) var(--easeOut);
	}
	.contentinfo .external a:hover img {
		opacity: .5;
		transition-duration: .3s;
	}
	.contentinfo .sns .item a:hover svg {
		opacity: 0;
		transition-duration: .3s;
	}
	.contentinfo .sns .item a:hover img {
		opacity: 1;
		transition-duration: .3s;
	}
}
@media print, (min-width: 768px) {
	.contentinfo .external {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		row-gap: calc(var(--basisgap) * .4);
		column-gap: calc(var(--basisgap) * .3375); /* 27 */
		margin-top: calc(var(--basisgap) * .75); /* 60 */
	}
	.contentinfo .sns {
		align-content: center;
		justify-content: space-around;
		row-gap: calc(var(--basisgap) * .4);
		margin-top: calc(var(--basisgap) * -.4);
		padding-top: calc(var(--basisgap) * .5);
		border-top: 1px solid var(--gray);
	}
	.contentinfo .sns .item.-orihica {
		padding-inline: .4em;
	}
	.contentinfo .sns .item ul {
		max-width: 12em;
	}
	.contentinfo .sns .item.-orihica ul {
		max-width: 8em;
	}
}
@media screen and (max-width: 767.98px) {
	.contentinfo .sns {
		flex-direction: column;
		row-gap: calc(var(--basisgap) / 2);
	}
	.contentinfo .sns .item {
		justify-content: center;
	}
	.contentinfo .sns a {
		display: block;
		padding: 1em;
	}
	.contentinfo .sns .item.-orihica {
		margin-top: .5em;
	}
}

/** Copyright */
.contentinfo .bottomline {
	display: flex;
	align-items: center;
	justify-content: center;
	column-gap: calc(var(--basisgap) * .25); /* 20 */
	margin-top: calc(var(--basisgap) * 1.25);
	line-height: 1;
}
.contentinfo .copyright {
	--fontMin: 10;
	--fontMax: 10;
}
@media print, (min-width: 768px) {
	.contentinfo .bottomline {
		justify-content: end;
		margin-top: calc(var(--basisgap) * .5); /* 40 */
	}
}


/**
 * Utility / JavaScript
 * -------------------------------------------------- */
.u-visuallyhidden {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	margin: -1px;
	white-space: nowrap;
	clip: rect(0 0 0 0);
}

/* :::::: Gradient Text :::::: */
.u-gt1 {
	background: var(--gradient1);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

.svg-writing svg {
	width: 100%;
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-width: 4;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.svg-writing:not(.is-active) {
	visibility: hidden;
}
.svg-writing path {
	transition: stroke-dashoffset 0s var(--easeInOut);
	will-change: stroke-dashoffset;
	backface-visibility: hidden;
}

:root {
	interpolate-size: allow-keywords; /* height:autoを有効にする */
	--aspect: 1280;
	--symbolAspect: 4.6652 / 10;
	--symbolSkew: -17deg;
	--dur: .5s;
	--inviewDur: .8s;
	
	--grad1: #0550ac, #00ccc0;
	--grad2: #00ccc0, #a3c6ff;
	--grad3: #0550ac, #00ccc0, #a3c6ff;
	
	--gradient1: linear-gradient(to right top, var(--grad1));
	--gradient2: linear-gradient(to right top, var(--grad2));
	
	--aokiBlue: #0550ac;
	--gray: #b8b8b8;
	--red: #e6003e;
	--blue: #0073ff;
	
	--font: "IBM Plex Sans", sans-serif;
	--fontEn: "Open Sans", sans-serif;
	
	--easeIn: cubic-bezier(.3,0,.7,0);
	--easeOut: cubic-bezier(.3,1,.7,1);
	--easeInOut: cubic-bezier(.7,0,.3,1);
	--easeBack: cubic-bezier(.3,1.6,.7,1);
	
	--arr: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="11" height="9" viewBox="0 0 11 9"><path fill="none" stroke="white" d="M5.898.597l3.902,3.894-3.9,3.912M.493,4.492h9.307"/></svg>');
	--external: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><path fill="none" stroke="white" d="M6.983.5h5.517v5.511M4.994.501H.5v11.999h11.987v-4.498M12.5.5l-6.497,6.512"/></svg>');
}
body {
	--cw: 100vw; /* body の 100cqi */
	--breakout: calc(50% - var(--cw) / 2);
	--radius: calc(var(--cw) * 20 / var(--aspect));
	
	--basisgap: calc(var(--cw) * 80 / var(--aspect));
	--contentWidth: calc(100% - var(--basisgap) * 2);
	
	--sectiongap: calc(var(--cw) * 120 / var(--aspect));
	--headerHeight: calc(var(--cw) * 96 / var(--aspect));
}
:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,figcaption,buttonm,.c-button,.c-more,.logo) {
	--fontSize: calc(var(--cw) * var(--fontMax) / var(--aspect));
	font-size: var(--fontSize);
}
@media print, (min-width: 768px) {
	.u-md { display: none; }
}
@media screen and (max-width: 767.98px) {
	.u-dt { display: none; }
	:root {
		--aspect: 375;
	}
	body {
		--radius: calc(var(--cw) * 10 / var(--aspect));
		--contentWidth: calc(100% - var(--basisgap) * .8); /* 100% - 32px */
		--basisgap: calc(var(--cw) * 40 / var(--aspect));
		--sectiongap: calc(var(--cw) * 80 / var(--aspect));
		--headerHeight: calc(var(--cw) * 80 / var(--aspect));
	}
	:where(h1,h2,h3,h4,h5,h6,p,ul,ol,dl,figcaption,buttonm,.c-button,.c-more,.logo) {
		--fontSize: calc(var(--cw) * var(--fontMin) / var(--aspect));
	}
}
html {
	scroll-behavior: auto;
	-webkit-text-size-adjust: 100%;
}
@keyframes gradientMove {
	from { background-position: left center; }
	to { background-position: right center; }
}
body {
	overscroll-behavior: auto;
	color: black;
	font: 400 1em / 1.8 var(--font);
	letter-spacing: .02em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	background: white linear-gradient(30deg, #0550ac, 20%, #00ccc0, 80%, #0550ac) center / 400% fixed no-repeat;
	animation: gradientMove 10s linear alternate infinite;
}
@supports (-webkit-touch-callout: none) {
	/* iOS Safariのみ */
	body.is-safari {
		background-attachment: scroll;
	}
}
body.scrollbar {
	overflow-y: scroll;
}
body.is-fixed {
	position: fixed;
	width: 100%;
}
*,*::before,*::after{box-sizing:border-box;}
:where(ul,ol){list-style:none;padding:0;}
:where(img,svg,video,iframe){vertical-align:middle;}
:where(img[height],picture>img,video[height]){height:auto;}
:where(input,button,textarea,select,small){font:inherit;}
:where(body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,ul,ol,dl,dd){margin:0;}
:where(img,picture,video,iframe){display:inline-block;width:100%;}
:where(a){color:inherit;text-decoration:inherit;text-decoration-skip-ink:auto;}
:where(button){-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding:0;color:inherit;background:none;}
:where(sub){vertical-align:baseline;}
@media(hover){:where(a[href],button){cursor:pointer;}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important;}}

/** splide-core.min.css */
@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}