@charset "utf-8";

/**
 * Interviw Index
 * ---------------------------------------- */
.page-interview {
	border-image: linear-gradient(var(--white), var(--white)) 0 fill / 0 / 0 50vw calc(var(--scrollHeight) + var(--sectionSpace));
}
.interview_heading,
.interview_index {
	max-width: 980px;
	margin-inline: auto;
}
.interview_heading .title {
	width: fit-content;
	color: var(--darkgray);
	font: 500 min(42vw / 3.75, 5.8125rem) / 1 var(--fontCondensed);
	text-transform: uppercase;
}
.interview_heading .lead {
	display: inline-block;
	z-index: 1;
	position: relative;
	padding: .5em .25em;
	color: white;
	font-weight: 700;
	font-size: min(12vw / 3.75, 1.375rem);
	line-height: 1.4;
}
.interview_heading .lead::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 -5em 0 -2em;
	background: var(--darkgray);
	transform: skew(-33deg);
}

/* :::::: インデックス :::::: */
.interview_index {
	display: grid;
	row-gap: min(56vw / var(--ratio), 112px);
	column-gap: min(24vw / var(--ratio), 48px);
	z-index: 0;
	position: relative;
	padding-top: min(72vw / 3.75, 144px);
}
.interview_index::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: max(-16vw / 3.75, -32px) -5% auto;
	height: 360px;
	background: var(--themecolor);
	transform: skew(-33deg);
}
@media print, (min-width: 768px) {
	.interview_index {
		grid-template-columns: 1fr 1fr;
	}
}
@media screen and (max-width: 767.98px) {
	.interview_index::before {
		left: -96px;
	}
}
.interview_index .link {
	display: grid;
	position: relative;
}
.interview_index .label {
	position: absolute;
	bottom: 100%;
	left: 0;
	color: var(--themecolor);
	font: 500 min(18vw / 3.75, 1.5rem) / 1.4 var(--fontEn);/* 24px */
	text-transform: uppercase;
}
.interview_index li:first-child .label {
	color: white;
}
@media print, (min-width: 768px) {
	.interview_index li:nth-child(2) .label {
		color: white;
	}
}
.interview_index .label .num {
	font-size: 1.5em;
}
.interview_index .subject {
	align-self: end;
	display: flex;
	flex-direction: column;
	gap: .25em;
	z-index: 1;
	margin: 0 1em 2.5em;
	font-weight: 500;
	font-size: min(12vw / 3.75, 1rem); 
	line-height: 1.4;
}
.interview_index .subject span {
	z-index: 0;
	position: relative;
	width: fit-content;
	padding: 0 .75em .1em;
	color: white;
}
.interview_index .subject span::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: var(--themecolor);
	opacity: .8;
	transform: skew(-33deg);
}
.interview_index .subject,
.interview_index .image {
	grid-area: 1 / 1;
}
.interview_index .image {
	border-top: 1px solid var(--themecolor);
}
@media (hover) {
	.interview_index .image {
		--shift: -45%;
		position: relative;
	}
	.interview_index .image::before {
		content: "";
		position: absolute;
		inset: 0;
		background: #c7161dcc;
		backdrop-filter: blur(4px);
		visibility: hidden;
	}
	.interview_index .link[href].is-hov .image::before {
		animation: splitMask .6s var(--easeOut);
		will-change: animation;
	}
}
.interview_index .data {
	display: flex;
	flex-direction: column;
	padding: .75rem 1rem;
	border-block: 1px solid var(--themecolor);
	white-space: nowrap;
	background: white;
}
.interview_index dt {
	display: flex;
	align-items: baseline;
	gap: .5em;
}
.interview_index .en {
	color: var(--themecolor);
	font: 500 italic min(18vw / 3.75, 1.5rem) / 1.2 var(--fontEn); /* 24px */
	text-transform: uppercase;
}
.interview_index dd {
	font-weight: 700;
	line-height: 1.4;
}
.interview_index .part {
	order: -1;
	font-size: clamp(.625rem, 12vw / 3.75, .875rem); /* 14px */
}
.interview_index .name {
	margin-top: .25em;
	font-size: clamp(.625rem, 12vw / 3.75, .875rem); /* 14px */
}
.interview_index .join {
	font-size: clamp(.625rem, 12vw / 3.75, .75rem); /* 12px */
}
.interview_index .more {
	position: absolute;
	right: 1rem;
	bottom: 1.25rem;
	color: var(--themecolor);
}









/**
 * Concept Message
 * ---------------------------------------- */
.page-concept {
	position: relative;
}
.page-concept::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout) calc(var(--scrollHeight) + var(--sectionSpace));
	background: linear-gradient(to top, #e0e0e000, #e0e0e0 10%);
}
.page-concept .message {
	padding-top: 24px;
	padding-bottom: 0;
}
.message_catchcopy,
.message_subject {
	--width: 1051;
}
.message_catchcopy {
	pointer-events: none;
	display: grid;
	row-gap: min(32vw / 11.3, 32px);
	fill: var(--themecolor);
}
.message_catchcopy span {
	position: relative;
}
.message_catchcopy span::after {
	content: "";
	position: absolute;
	inset: 0 var(--breakout);
	background: var(--themecolor);
}
.message_catchcopy svg {
	width: auto;
	height: min(235vw / 11.3, 235px);
}
@media screen and (max-width: 767.98px) {
	.message_catchcopy svg {
		height: min(72vw / 3.75);
	}
}
.message_subject {
	height: 1em;
	margin-top: 1em;
	font-size: min(83vw / 11.3, 83px);
	line-height: 0;
}
.message_lead {
	display: flex;
	flex-direction: column;
	row-gap: 1em;
	margin-top: 2em;
	font-size: min(36vw / 11.3, 36px);
	line-height: 0;
}
.message_lead span {
	width: fit-content;
}
.message_lead span img {
	width: auto;
	height: 1em;
}
.page-concept .message {
	max-width: 1030px;
	margin-inline: auto;
}
.page-concept .message .logo {
	--width: min(184vw / 3.75, 427px);
	z-index: 1;
	position: relative;
	width: var(--width);
	margin-top: min(32vw / 3.75, 72px);
	font-size: clamp(.625rem, 12vw / 3.75, 1.5rem); /* 24px */
}
.page-concept .message .image {
	display: grid;
	justify-content: center;
	margin-top: max(-104vw / 11.3, -104px);
	margin-inline: var(--breakout);
	border-bottom: 2px solid var(--themecolor);
}
.page-concept .message .image img {
	width: calc(1300vw / 11.3);
	max-width: none;
}
@media print, (min-width: 1130px) {
	.page-concept .message .image img { width: 1300px; }
}
@media print, (min-width: 1300px) {
	/* 塗り足し */
	.page-concept .message .image {
		position: relative;
	}
	.page-concept .message .image picture {
		mask: linear-gradient(to left, #0000, #000 5%, #000 95%, #0000);
	}
	.page-concept .message .image::before,
	.page-concept .message .image::after {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		margin-inline: var(--breakout);
		background: #e0e0e0;
	}
	.page-concept .message .image::before {
		right: 50%;
		background: #e0e0e0 url(../img/concept_l.webp) right bottom / 100px 600px repeat-x;
	}
	.page-concept .message .image::after {
		left: 50%;
		background: #e0e0e0 url(../img/concept_r.webp) left bottom / 100px 600px repeat-x;
	}
}

/* standby */
.message {
	--interval: .02s;
}
.message_catchcopy span::after {
	clip-path: inset(0 100% 0 0);
}
.message_catchcopy span svg {
	mask: linear-gradient(black, black) left center / 0 100% no-repeat;
	background: linear-gradient(var(--themecolor), var(--themecolor)) right center / 100% 100% no-repeat;
}
.message_subject,
.message_lead span {
	mask: linear-gradient(black, black) left center / 0 100% no-repeat;
}
.page-concept .message .logo,
.page-concept .message .image {
	opacity: 0;
	transform: translateY(40px);
}
/* inview */
.message_catchcopy span.is-inview::after {
	clip-path: inset(0 0 0 100%);
}
.message_catchcopy span.is-inview svg {
	mask-size: 100% 100%;
	background-size: 0 100%;
}
.message_subject.is-inview,
.message_lead span.is-inview {
	mask-size: 100% 100%;
}
.page-concept .message .logo.is-inview,
.page-concept .message .image.is-inview {
	opacity: 1;
	transform: none;
}
/* motion */
.message_catchcopy span.is-anim::after {
	animation: splash .8s;
}
@keyframes splash {
	from { clip-path: inset(0 100% 0 0); animation-timing-function: var(--easeOut); }
	40%, 60% { clip-path: inset(0); animation-timing-function: var(--easeIn); }
	to { clip-path: inset(0 0 0 100%); }
}
.message_catchcopy .l2.is-anim::after {
	animation-delay: .2s;
}
.message_catchcopy .l3.is-anim::after {
	animation-delay: .4s;
}
.message_catchcopy span.is-anim svg {
	transition: mask-size .4s var(--easeOut), background-size .6s var(--easeOut);
}
.message_catchcopy .l1.is-anim svg {
	transition-delay: .1s, .5s;
}
.message_catchcopy .l2.is-anim svg {
	transition-delay: .3s, .7s;
}
.message_catchcopy .l3.is-anim svg {
	transition-delay: .5s, .9s;
}
.message_subject.is-anim,
.message_lead span.is-anim {
	transition: mask-size 1.2s var(--easeInOut);
}
.message_lead .l1.is-anim { transition-delay: calc(var(--interval) * 1); }
.message_lead .l2.is-anim { transition-delay: calc(var(--interval) * 2); }
.message_lead .l3.is-anim { transition-delay: calc(var(--interval) * 3); }
.message_lead .l4.is-anim { transition-delay: calc(var(--interval) * 4); }
.message_lead .l5.is-anim { transition-delay: calc(var(--interval) * 5); }
.message_lead .l6.is-anim { transition-delay: calc(var(--interval) * 6); }
.message_lead .l7.is-anim { transition-delay: calc(var(--interval) * 7); }
.message_lead .l8.is-anim { transition-delay: calc(var(--interval) * 8); }
.message_lead .l9.is-anim { transition-delay: calc(var(--interval) * 9); }
.page-concept .message .logo.is-anim,
.page-concept .message .image.is-anim {
	transition: opacity 1s, transform 1s var(--easeOut);
	transition-delay: calc(var(--interval) * 4);
}
.page-concept .message .image.is-anim {
	transition-delay: calc(var(--interval) * 8);
}
@media (max-aspect-ratio: 1 / 1.6) {
	.message_subject.is-anim {
		transition-delay: .5s;
	}
	.message_lead .l1.is-anim { transition-delay: calc(.5s + var(--interval) * 1); }
	.message_lead .l2.is-anim { transition-delay: calc(.5s + var(--interval) * 2); }
	.message_lead .l3.is-anim { transition-delay: calc(.5s + var(--interval) * 3); }
	.message_lead .l4.is-anim { transition-delay: calc(.5s + var(--interval) * 4); }
	.message_lead .l5.is-anim { transition-delay: calc(.5s + var(--interval) * 5); }
	.message_lead .l6.is-anim { transition-delay: calc(.5s + var(--interval) * 6); }
	.message_lead .l7.is-anim { transition-delay: calc(.5s + var(--interval) * 7); }
	.message_lead .l8.is-anim { transition-delay: calc(.5s + var(--interval) * 8); }
	.message_lead .l9.is-anim { transition-delay: calc(.5s + var(--interval) * 9); }
}













/**
 * Interview
 * ---------------------------------------- */
.page-interview.-article {
	padding-top: 0;
}
.interview_other {
	padding: var(--sectionSpace) 0;
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0 50vw;
}
.interview_other .title {
	position: relative;
	top: max(-16vw / 3.75, -32px);
	color: white;
	font: 500 min(24vw / 3.75, 3.125rem) / 1.4 var(--fontEn); /* 50px */
	text-align: center;
	text-transform: uppercase;
}

/* :::::: Header :::::: */
.interview_header {
	display: grid;
	z-index: 0;
	position: relative;
	max-width: 1030px;
	margin: 0 auto;
	color: white;
}
.interview_header .text {
	display: grid;
}
.interview_header .image {
	z-index: -1;
	display: grid;
	justify-content: center;
	margin-inline: var(--breakout);
}
@media print, (min-width: 768px) {
	.interview_header > * {
		grid-area: 1 / 1;
	}
	.interview_header .text {
		align-self: end;
	}
	.interview_header.-l .text {
		grid-template-columns: 1fr auto;
	}
	.interview_header.-r .text {
		grid-template-columns: auto 1fr;
	}
}
@media screen and (max-width: 767.98px) {
	.interview_header {
		grid-template-rows: calc(248vw / 3.75) auto calc(48vw / 3.75);
	}
	.interview_header .text {
		grid-area: 2 / 1 / 4 / 2;
	}
	.interview_header .image {
		grid-area: 1 / 1 / 3 / 2;
	}
}

.interview_header .title {
	align-self: center;
	font-size: min(16vw / 3.75, 2rem);
	line-height: 1.4;
	white-space: nowrap;
}
.interview_header .catchcopy {
	font: 500 min(20vw / 3.75, 2.5rem) / 1 var(--fontCondensed);
	fill: currentcolor;
}
.interview_header .catchcopy svg {
	width: min(244vw / 11.3, 244px);
	height: auto;
	padding-bottom: .5em;
	border-bottom: 5px solid currentcolor;
}
.interview_header .data {
	place-self: end center;
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
	z-index: 0;
	position: relative;
	width: fit-content;
	padding: min(80vw / 11.3, 80px) min(56vw / 11.3, 56px);
	padding-right: 0 !important;
}

@media print, (min-width: 768px) {
	.interview_header .title {
		grid-row: 1;
		width: min(var(--width) * 1vw / 11.3, var(--width) * 1px);
	}
	.interview-1 .interview_header .title { --width: 705; }
	.interview-4 .interview_header .title { --width: 680; }
	.interview_header .catchcopy {
		grid-row: 2;
	}
	.interview_header .data {
		grid-row: 1 / 3;
		margin-bottom: -2rem;
	}
	.interview_header.-l .data {
		margin-right: var(--sidefill);
	}
	.interview_header.-r .data {
		margin-left: calc(var(--sidefill) * -1);
	}
	.interview_header.-l .title,
	.interview_header.-l .catchcopy,
	.interview_header.-r .data {
		grid-column: 1;
	}
	.interview_header.-r .title,
	.interview_header.-r .catchcopy,
	.interview_header.-l .data {
		grid-column: 2;
	}
	.interview_header.-l .catchcopy {
		margin-left: min(24vw / 3.75, 40px);
	}
	.interview_header.-r .catchcopy {
		margin-right: min(24vw / 3.75, 40px);
	}
	.interview_header.-r .title,
	.interview_header.-r .catchcopy {
		justify-self: end;
	}
}
@media screen and (max-width: 767.98px) {
	.interview_header .text {
		grid-template-columns: auto 1fr;
		align-items: start;
	}
	.interview_header .title {
		grid-area: 1 / 1 / 2 / 3;
		align-self: end;
		width: 100%;
		padding-bottom: 1em;
	}
	.interview_header .catchcopy {
		grid-area: 2 / 1;
	}
	.interview_header .catchcopy svg {
		width: min(144vw / 3.75, 244px);
	}
	.interview_header .data {
		grid-area: 2 / 2;
		row-gap: .5rem;
		padding: min(56vw / 3.75, 56px) min(40vw / 3.75, 40px);
	}
}

/* Data */
.interview_header .data::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: var(--themecolor);
	opacity: .85;
	transform: skew(-33deg);
}
.interview_header .label {
	font: 500 min(14vw / 3.75, 1.125rem) / 1.4 var(--fontEn); /* 18px */
}
.interview_header .label .num {
	font-size: 1.5em;
}
.interview_header .part,
.interview_header .join {
	font-size: min(10vw / 3.75, .8125rem); /* 13px */
	line-height: 1.4;
}
.interview_header .part {
	font-weight: 700;
	white-space: nowrap;
}
.interview_header .name {
	display: flex;
	flex-direction: column;
	font: 500 min(12vw / 3.75, 1rem) / 1.3 var(--fontEn); /* 16px */
}
.interview_header .name .en {
	font-size: 1.5em;
	font-style: italic;
}
.interview_header .join {
	font-weight: 500;
}

/* Full Width */
.interview_header .image img {
	width: calc(1300vw / 11.3);
	max-width: none;
	object-fit: cover;
}
@media print, (min-width: 1130px) {
	.interview_header .image img {
		width: 100%;
		min-width: 1300px;
	}
}
@media screen and (max-width: 767.98px) {
	.interview_header .image img {
		width: 100%;
	}
}

/* inview */
.interview_header .data .label,
.interview_header .data .part .main,
.interview_header .data .part .sub,
.interview_header .data .name .en,
.interview_header .data .name .ja,
.interview_header .data .join {
	display: inline-block;
	clip-path: inset(0);
}
.interview_header .catchcopy.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(24px);
}
.interview_header .data::before {
	clip-path: inset(0);
}
.interview_header .data:not(.is-inview)::before {
	clip-path: inset(0 100% 0 0);
}
.interview_header .data:not(.is-inview) .label,
.interview_header .data:not(.is-inview) .part .main,
.interview_header .data:not(.is-inview) .part .sub,
.interview_header .data:not(.is-inview) .name .en,
.interview_header .data:not(.is-inview) .name .ja,
.interview_header .data:not(.is-inview) .join {
	transform: translateY(100%);
	clip-path: inset(0 0 99.9%);
}
.interview_header .catchcopy.js-inview.is-anim {
	transition: opacity .4s, transform .4s var(--easeOut);
}
.interview_header .data.is-anim::before {
	transition: clip-path .6s var(--easeInOut);
}
.interview_header .data.is-anim .label,
.interview_header .data.is-anim .part .main,
.interview_header .data.is-anim .part .sub,
.interview_header .data.is-anim .name .en,
.interview_header .data.is-anim .name .ja,
.interview_header .data.is-anim .join {
	transition: transform .4s var(--easeOut), clip-path .4s var(--easeOut);
}
.interview_header .data.is-anim .label      { transition-delay: .2s; }
.interview_header .data.is-anim .part .main { transition-delay: .3s; }
.interview_header .data.is-anim .part .sub  { transition-delay: .4s; }
.interview_header .data.is-anim .name .en   { transition-delay: .5s; }
.interview_header .data.is-anim .name .ja   { transition-delay: .6s; }
.interview_header .data.is-anim .join       { transition-delay: .7s; }

/* :::::: Profile :::::: */
.interview_profile {
	position: relative;
	max-width: 850px;
	margin: calc(var(--sectionSpace) * 1.5) auto 0;
	padding: 40px 0;
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0 50vw;
	color: white;
}
.interview_profile::before {
	content: "";
	position: absolute;
	inset: 1em var(--breakout);
	border-block: 1px solid currentcolor;
}
.interview_profile .title {
	width: fit-content;
	font: 500 min(24vw / 3.75, 2rem) / 1.4 var(--fontEn);
	text-transform: uppercase;
}
.interview_profile .paragraph {
	margin-top: .5em;
}
@media screen and (max-width: 767.98px) {
	.interview_profile {
		margin-top: calc(16vw / 3.75);
	}
}

/* inview */
.interview_profile .title,
.interview_profile .paragraph span {
	mask: linear-gradient(white, white) left center / 100% 100% no-repeat;
}
.interview_profile:not(.is-inview) .title ,
.interview_profile:not(.is-inview) .paragraph span {
	mask-size: 0 100%;
}
.interview_profile.is-anim .title,
.interview_profile.is-anim .paragraph span {
	transition: mask-size .4s var(--easeOut);
}
.interview_profile.is-anim .paragraph span {
	transition-duration: 1.2s;
	transition-delay: .2s;
}

/* :::::: Section :::::: */
.interview_section .subject {
	position: relative;
	padding-bottom: 2.5rem;
	color: var(--themecolor);
	font: 500 min(24vw / 3.75, 2.25rem) / 1.5 var(--fontSerif); /* 36px */
}
.interview_section .subject .c {
	display: inline-block;
}
.interview_section .subject .idt {
	width: .5em;
}
.interview_section.-section1 {
	padding-top: calc(var(--sectionSpace) * 1.5);
}
.interview_section .subject::before {
	content: "";
	position: absolute;
	inset: 0;
	top: auto;
	height: 1.25rem;
	border-image: linear-gradient(currentcolor, currentcolor) 0 fill;
	transform: skew(-33deg);
}
.interview_section .paragraph {
	margin-top: 1.5rem;
}

/* inview */
.interview_section .subject .c {
	--delay: .05s;
}
.interview_section .subject:not(.is-inview) .c {
	opacity: 0;
	transform: translateY(.5em);
}
.interview_section .subject.is-anim .c {
	transition: opacity .4s, transform .4s var(--easeOut);
	transition-delay: var(--delay);
}

/* :::::: Interview Way :::::: */
.interview_section.-way {
	display: grid;
	width: 100%;
	max-width: 1300px;
	padding-bottom: calc(var(--sectionSpace) * 1.5);
}
.interview_section.-way .label {
	width: 100%;
	margin-bottom: -.1em;
	color: var(--themecolor);
	font: 500 italic min(34vw / 3.75, 3.75rem) / 1 var(--fontCondensed); /* 60px */
}
.interview_section.-way .message,
.interview_section.-way .image {
	grid-area: 2 / 1;
}
.interview_section.-way .message {
	z-index: 1;
	width: min(var(--width) * var(--viewWidth) / 1130, var(--width) * 1px);
	color: var(--themecolor);
}
@supports (width: 50cqi) {
	.interview_section.-way .message {
		width: min(var(--width) * 1cqi / 11.3, var(--width) * 1px);
	}
}
.interview-1 .interview_section.-way .message {
	--width: 408;
	align-self: center;
	margin-bottom: 6%;
}
.interview-4 .interview_section.-way .message {
	--width: 1046;
	align-self: end;
	justify-self: center;
	margin-bottom: 13%;
	filter: drop-shadow(2px 2px white);
}
@media print, (min-width: 768px) {
	.interview-1 .interview_section.-way .message {
		margin-left: var(--sidefill);
	}
}
@media screen and (max-width: 767.98px) {
	.interview-1 .interview_section.-way .message {
		width: 52%;
	}
	.interview-4 .interview_section.-way .message {
		width: 100%;
		margin-bottom: 24%;
	}
}

.interview_section.-way .image {
	display: grid;
	place-content: center;
	overflow: hidden;
	max-width: 1300px;
	margin-inline: max(var(--breakout), -85px);
	border-block: 38px solid #3c3c3c;
}
.interview_section.-way .image picture {
	display: block;
	width: 100%;
	margin-inline: auto;
}
@media print, (min-width: 768px) {
	.interview_section.-way .image picture {
		width: calc(1300vw / 11.3);
		margin-block: -38px;
	}
}
@media print, (min-width: 1024px) {
	.interview_section.-way .label {
		max-width: min(960vw / 11.3, 960px);
		margin-inline: auto;
	}
}
@media print, (min-width: 1130px) {
	.interview_section.-way .image picture {
		width: 1300px;
	}
}
@media print, (min-width: 768px) {
	.interview_section.-section1 {
		padding-bottom: calc(var(--sectionSpace) / 2);
	}
	.interview_section.-h .image {
		float: right;
		width: 50%;
		margin: 2rem calc(var(--sidefill) * -1) .5rem calc(24vw / 7.68);
	}
	.interview_section.-v .image {
		margin-top: 2rem;
		margin-left: calc(var(--sidefill) * -1);
	}
}
@media print, (min-width: 1024px) {
	.interview_section {
		display: grid;
		grid-auto-flow: dense;
		column-gap: min(24vw / 3.75, 48px);
		max-width: min(960vw / 11.3, 960px);
		margin-inline: auto;
	}
	.interview_section.-h {
		grid-template: auto 1fr / 1fr auto;
	}
	.interview_section.-h .subject {
		grid-column: 1;
	}
	.interview_section.-h .subject::before {
		border-image-outset: 0 0 0 calc(var(--sectionSpace) * 1.5);
	}
	.interview_section.-h .paragraph {
		grid-column: 1;
	}
	.interview_section.-h .image {
		grid-row: span 2;
		width: min(550vw / 11.3, 550px);
		margin: 0 max(-170vw / 11.3, -170px) 0 0;
	}
	.interview_section.-v {
		grid-template-columns: 2fr 9fr;
	}
	.interview_section.-v .subject {
		grid-column: 2;
	}
	.interview_section.-v .subject::before {
		border-image-outset: 0 2rem 0 0;
	}
	.interview_section.-v .paragraph {
		grid-column: 2;
	}
	.interview_section.-v .image {
		order: 1;
		grid-column: span 2;
		width: min(1130vw / 11.3, 1130px);
		margin-left: max(-170vw / 11.3, -170px);
	}
}
@media screen and (max-width: 767.98px) {
	.interview_section {
		display: grid;
	}
	.interview_section .subject {
		margin-top: 1em;
	}
	.interview_section .paragraph {
		margin-top: 1rem;
	}
	.interview_section .image {
		order: -1;
	}
	.interview_section.-h .image {
		margin-right: calc(var(--sidefill) * -1);
	}
	.interview_section.-v .image {
		margin-left: calc(var(--sidefill) * -1);
	}
}











/**
 * Recruiting Info
 * ---------------------------------------- */
.page-info {
	padding-top: 0;
}
.info_header {
	display: grid;
	place-items: center;
}
.info_header .title {
	z-index: 1;
	grid-area: 1 / 1;
	display: flex;
	flex-direction: column;
	margin-top: calc(var(--headerHeight) * .5);
	color: white;
	font-size: min(15vw / 3.75, 1.875rem); /* 30px */
	text-align: center;
}
.info_header .title .en {
	font-weight: 500;
	font-family: var(--fontEn);
	letter-spacing: .24em;
	text-transform: uppercase;
}
.info_header .title .ja {
	width: 11em;
	padding: .1em .1em .2em;
	border: 1px solid currentcolor;
	font-weight: 700;
	line-height: 1.4;
}
.info_header .image {
	grid-area: 1 / 1;
	display: grid;
	place-content: center;
	position: relative;
	margin-inline: var(--breakout);
}
.info_header .image::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #0004;
}
.info_header .image img {
	width: calc(1300vw / 11.3);
	max-width: none;
	object-fit: cover;
}
@media print, (min-width: 1130px) {
	.info_header .image img {
		width: 100%;
		min-width: 1300px;
	}
}
.page-info .info_section {
	z-index: 0;
	position: relative;
	max-width: 960px;
	margin: 0 auto var(--sectionSpace);
	border-image: linear-gradient(#e6e6e6, #e6e6e6) 0 fill / 0 / 0 50vw;
}
.info_section::before {
	content: "";
	position: absolute;
	inset: 0 var(--breakout) auto;
	border-top: 3px solid var(--themecolor);
}
.info_section_title {
	display: flex;
	align-items: center;
	justify-content: space-between;
	column-gap: 2em;
	width: 100%;
	color: white;
	font-weight: 500;
	font-size: min(15vw / 3.75, 1.875rem); /* 30px */
}
.info_section_title .label {
	display: flex;
	align-items: center;
	z-index: 0;
	position: relative;
	width: calc(100% - 80px);
	max-width: 480px;
	height: 2.4em;
	padding: 0 1.5em 0 2.5em;
}
.info_section_title .label::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: linear-gradient(170deg, #db666b, #b32027);
	box-shadow: .2em .15em 0 var(--black);
	transform-origin: left bottom;
	transform: skew(-33deg);
}
.info_section .contents {
	padding: var(--sectionSpace) var(--sectionSpace) calc(var(--sectionSpace) * 1.4);
	background: white;
}
.info_section_title + * {
	margin-top: var(--sectionSpace);
}
.info_section h3 {
	border-bottom: 2px solid var(--black);
	color: var(--themecolor);
	font-weight: 600;
	font-size: min(16vw / 3.75, 1.5625rem); /* 25px */
}
.info_section h3:not(:first-child) {
	margin-top: 2.5em;
}
.info_section p,
.info_section ul {
	font-size: min(14vw / 3.75, 1rem);
	line-height: 1.5625em;
}
.info_section h3 + p,
.info_section h3 + ul,
.info_section ul + ul,
.info_section p + p,
.info_section ul + p,
.info_section p + ul {
	margin-top: 1em;
}
.info_section ul li {
	padding-left: 1em;
	text-indent: -1em;
}
.info_section ul li::before {
	content: "";
	display: inline-block;
	width: .8em;
	height: .8em;
	margin: -.2em .2em 0 0;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	vertical-align: middle;
	background: var(--themecolor);
}
.info_button {
	display: flex;
	justify-content: center;
	column-gap: 1em;
	margin-top: var(--sectionSpace);
	font: 600 min(16vw / 3.75, 2rem) / 1.4 var(--fontEn);
}
.info_button .button {
	display: grid;
	place-items: center;
	position: relative;
	width: 100%;
	max-width: 304px;
	height: 76px;
	color: white;
	background: var(--themecolor);
	box-shadow: .15em .15em 0 var(--black);
}
.info_button .button::before {
	content: "";
	position: absolute;
	inset: .2em;
	border: 1px solid currentcolor;
}
@media (hover) {
	.info_button .button {
		transition: box-shadow .4s var(--easeOut), transform .4s var(--easeOut);
	}
	.info_button .button:hover {
		transform: translate(.15em, .15em);
		box-shadow: 0 0 0 var(--black);
		transition-duration: .2s;
	}
}

/* :::::: Dropdown :::::: */
.dropdown .dropdown-button {
	display: grid;
	place-items: center;
	width: 3em;
	height: 3em;
	border: 1px solid #646464;
	border-radius: 3em;
	background: white;
}
.dropdown .dropdown-button::before,
.dropdown .dropdown-button::after {
	content: "";
	grid-area: 1 / 1;
	width: 1.6em;
	border-top: 2px solid var(--themecolor);
}
.dropdown .dropdown-contents {
	overflow: hidden;
	clip-path: inset(0);
}
.dropdown .dropdown-contents .dropdown-button {
	font-size: min(15vw / 3.75, 1.875rem); /* 30px */
	margin: calc(var(--sectionSpace) / 2) auto 0
}
/* motion */
.dropdown .dropdown-button:not(.is-open)::after {
	transform: rotate(-90deg);
}
.dropdown .dropdown-contents:not(.is-open) {
	visibility: hidden;
	height: 0;
	margin-top: 0;
}
.dropdown .dropdown-button.is-anim::after {
	transition: transform .2s var(--easeOut);
}
.dropdown .dropdown-contents.is-anim {
	--duration: .6s;
	transition: height var(--duration), margin-top var(--duration), visibility 0s var(--duration);
	transition-timing-function: var(--easeOut), ease;
	will-change: height, margin-top;
	backface-visibility: hidden;
}
.dropdown .dropdown-contents.is-anim.is-open {
	transition-delay: 0s;
	transition-timing-function: var(--easeInOut), ease;
}
@media (hover) {
	.dropdown .dropdown-button {
		cursor: pointer;
	}
}
@media screen and (max-width: 767.98px) {
	.dropdown .dropdown-button::before,
	.dropdown .dropdown-button::after {
		border-width: 1px;
	}
}


/**
 * HOME
 * ---------------------------------------- */
.page-home {
	padding-top: 0;
}

/* :::::: Keyvisual :::::: */
.keyvisual {
	display: grid;
	justify-content: center;
	justify-items: center;
	margin-inline: var(--breakout);
	color: var(--themecolor);
}
.keyvisual > * {
	grid-area: 1 / 1;
}
.keyvisual_title {
	z-index: 1;
	pointer-events: none;
	margin-top: calc(var(--headerHeight) + 24vw / 11.3);
	fill: currentcolor;
	line-height: 0;
}
.keyvisual_title > * {
	width: calc(var(--width) * var(--viewWidth) / 1130);
}
@supports (width: 50cqi) {
	.keyvisual_title > * {
		width: calc(var(--width) * 1cqi / 11.3);
	}
}
.keyvisual_title svg {
	width: 100%;
	height: auto;
}
.keyvisual_title .catchcopy {
	--width: 1080;
}
.keyvisual_title .recruit {
	--width: 252;
	margin-top: calc(32vw / 11.3);
}
@media screen and (max-width: 767.98px) {
	.keyvisual_title .recruit {
		--width: 406;
	}
}

/* inview */
.keyvisual_title .catchcopy,
.keyvisual_title .recruit {
	mask: linear-gradient(white, white) left center / 0 100% no-repeat;
	background: linear-gradient(currentcolor, currentcolor) right center / 100% 100% no-repeat;
}
.keyvisual .keyvisual_title.is-inview .catchcopy,
.keyvisual .keyvisual_title.is-inview .recruit {
	mask-size: 100% 100%;
	background-size: 0 100%;
}
.keyvisual .keyvisual_title.is-anim .catchcopy,
.keyvisual .keyvisual_title.is-anim .recruit {
	animation: appearTitle 1s var(--easeInOut) both;
	will-change: animation;
	backface-visibility: hidden;
}
.keyvisual .keyvisual_title.is-anim .recruit {
	animation-delay: .2s;
}
@keyframes appearTitle {
	from { mask-size: 0 100%; background-size: 100% 100%; }
	32% { background-size: 100% 100%; animation-timing-function: cubic-bezier(.6,0,.1,1); }
	48% { mask-size: 100% 100%; }
	to { mask-size: 100% 100%; background-size: 0 100%; }
}


/* Full Width */
.keyvisual_image {
	width: 100%;
}
.keyvisual_image img {
	min-height: calc(100svh - var(--scrollHeight));
	object-fit: cover;
}
@media print, (min-width: 768px) {
	.keyvisual_image { width: calc(1300vw / 11.3); }
}
@media print, (min-width: 1130px) {
	.keyvisual_image { width: 1300px; }
}
@media print, (min-width: 1300px) {
	.keyvisual_image { width: 100%; }
}

/* motion */
.keyvisual_image .visual {
	opacity: 1 !important;
	clip-path: polygon(0 100%, 100% 120%, 100% 120%, 0 100%);
}
.keyvisual_image .visual > :first-child {
	transform: scale(1.2);
}
.keyvisual_image .visual.is-active {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.keyvisual_image .visual > :first-child.is-active {
	transform: none;
	transition: transform 5s var(--easeOut);
}
.is-moving .keyvisual_image .visual {
	transition: clip-path 0s 1.2s var(--easeInOut) !important;
	will-change: clip-path;
	backface-visibility: hidden;
}
.is-moving .keyvisual_image .visual.is-active {
	transition-duration: 1.2s !important;
	transition-delay: 0s !important;
}

/* :::::: Component :::::: */
.home_section {
	margin-top: var(--sectionSpace);
}
.home_section_title {
	--sideshift: min(85vw / 11.3, 85px);
}
.home_section_title .title {
	width: fit-content;
	margin-bottom: -.12em;
	color: var(--darkgray);
	font: 500 min(42vw / 3.75, 5.8125rem) / 1 var(--fontCondensed); /* 93px */
	text-transform: uppercase;
}
.home_section_title .lead {
	display: inline-block;
	z-index: 0;
	position: relative;
	padding: 1.25em .25em;
	color: white;
	font-weight: 700;
	font-size: min(12vw / 3.75, 1.375rem); /* 22px */
	line-height: 1.4;
}
.home_section_title .lead::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 -5em;
	background: var(--themecolor);
	transform: skew(-33deg);
}

/* inview */
.home_section_title.js-inview .title {
	position: relative;
}
.home_section_title.js-inview:not(.is-inview) .title {
	clip-path: inset(0 100% 0 0);
}
.home_section_title.js-inview .title::before {
	content: "";
	position: absolute;
	inset: .15em 0 .05em;
	background: var(--themecolor);
}

.home_section_title.js-inview:not(.is-inview) .lead::before {
	clip-path: inset(0 100% 0 0);
}
.home_section_title.js-inview:not(.is-inview) .lead span {
	mask: linear-gradient(black, black) left center / 0 100% no-repeat;
}
.home_section_title.js-inview.is-anim .title {
	clip-path: inset(0);
	transition: clip-path .2s var(--easeOut);
}
.home_section_title.js-inview.is-anim .title::before {
	animation: split .6s .15s var(--easeOut) both;
}
.home_section_title.js-inview.is-anim .lead::before {
	clip-path: inset(0);
	transition: clip-path 1s .15s cubic-bezier(.6,0,.1,1);
}
.home_section_title.js-inview.is-anim .lead span {
	animation: textAppear .9s .4s var(--easeOut) both;
}
.-info .home_section_title.js-inview.is-anim .lead span {
	animation-duration: 1.2s;
}
.-interview .home_section_title.js-inview.is-anim .lead span {
	animation-duration: 1s;
}
.home_section_title.js-inview.is-inview .title::before {
	clip-path: inset(0 0 0 100%);
}
.home_section_title.js-inview.is-inview .lead span {
	mask: linear-gradient(black, black) left center / 100% 100% no-repeat;
}
@keyframes split {
	from { clip-path: inset(0); }
	to { clip-path: inset(0 0 0 100%); }
}
@keyframes textAppear {
	from { mask-size: 0 100%; }
	to { mask-size: 100% 100%; }
}
@media screen and (max-width: 1129px) {
	.home_section_title.js-inview {
		/* --sideshift: calc(24vw / 3.75); */
	}
}
.more {
	display: inline-block;
	position: relative;
	width: min(96vw / 3.75, 6rem);
	font: 500 min(14vw / 3.75, .875rem) / 1.4 var(--fontCondensed); /* 14px */
	text-align: left;
	text-transform: uppercase;
}
.more .arr {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: auto;
	fill: none;
	stroke: currentcolor;
	stroke-miterlimit: 10;
}
@media (hover) {
	.more .arr {
		transform-origin: left bottom;
		transition: transform .4s var(--easeOut);
	}
	.more:hover .arr,
	a:hover .more .arr {
		transform: scaleX(1.08);
		transition-duration: .2s;
	}
	@keyframes arr {
		from { stroke-dashoffset: 160px; }
		80%, to { stroke-dashoffset: 0; }
	}
}

/* :::::: Concept :::::: */
.home_section.-concept {
	z-index: 0;
	position: relative;
	max-width: 1080px;
	margin: 0 auto;
	padding-bottom: min(32vw / 11.3, 64px);
	color: var(--themecolor);
}
.home_section.-concept .concept_title {
	margin-left: calc(var(--sideshift) * .6);
	color: var(--darkgray);
	font: 500 min(42vw / 3.75, 5.8125rem) / 1 var(--fontCondensed); /* 93px */
	text-transform: uppercase;
}
/* inview */
@media print, (min-width: 1130px) {
	.concept_title {
		width: fit-content;
	}
	.concept_title.js-inview {
		position: relative;
		mask: linear-gradient(white, white) left center / 0 100% no-repeat;
	}
	.concept_title.js-inview::before {
		content: "";
		position: absolute;
		inset: .15em 0 .05em;
		background: var(--themecolor);
	}
	.concept_title.js-inview.is-anim {
		mask-size: 100% 100%;
		transition: mask-size .3s var(--easeOut);
	}
	.concept_title.js-inview.is-anim::before {
		animation: split .6s .2s var(--easeOut) both;
	}
}
@media screen and (max-width: 1129.98px) {
	.concept_title span {
		display: block;
		width: fit-content;
	}
	.concept_title.js-inview span {
		position: relative;
		mask: linear-gradient(white, white) left center / 0 100% no-repeat;
	}
	.concept_title.js-inview span::before {
		content: "";
		position: absolute;
		inset: .15em 0 .05em;
		background: var(--themecolor);
	}
	.concept_title.js-inview.is-anim span {
		mask-size: 100% 100%;
		transition: mask-size .3s var(--easeOut);
	}
	.concept_title.js-inview.is-anim span::before {
		animation: split .6s .2s var(--easeOut) both;
	}
	.concept_title.js-inview.is-anim span:last-child {
		transition-delay: .2s;
	}
	.concept_title.js-inview.is-anim span:last-child::before {
		animation-delay: .4s;
	}
}
.home_section.-concept::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: var(--white) url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path d="M7,7H3V3h4v4Z" fill="%23cdcdcd"/></svg>') center / 6px;
}
.home_section.-concept .symbol {
	z-index: -1;
	position: absolute;
	top: 0;
	right: 0;
	width: min(240vw / 3.75, 560px);
	height: auto;
	margin-right: -85px;
	fill: var(--themecolor);
}
.home_section.-concept .link {
	display: grid;
	justify-items: center;
	margin-top: 1em;
}
.concept_catchcopy {
	grid-area: 1 / 1;
	max-width: min(240vw / 3.75, 411px);
	margin-top: min(16vw / 3.75, 40px);
	fill: currentcolor;
}
.concept_catchcopy svg {
	width: 100%;
	height: auto;
}
.concept_lead {
   grid-area: 2 / 1;
   display: grid;
   align-items: center;
   column-gap: 2em;
   grid-template-columns: 1fr auto 1fr;
   margin-top: .5em;
   font-size: min(16vw / 3.75, 1.5625rem); /* 25px */
   font-weight: 500;
}
.concept_lead .copy {
	grid-column: 2;
}
.concept_lead .more {
	grid-column: 3;
}
.home_section.-concept .image {
	z-index: -1;
	grid-area: 1 / 1 / 4 / 2;
}
@media (hover) {
	.home_section.-concept .image {
		overflow: hidden;
	}
	.home_section.-concept .image img {
		transition: transform 2s var(--easeOut);
	}
	.home_section.-concept .link:hover .image img {
		transition-duration: 1s;
		transform: scale(1.04);
	}
}
@media screen and (max-width: 767.98px) {
	.home_section.-concept {
		padding-bottom: min(16vw / 3.75, 32px);
	}
	.home_section.-concept .link {
		position: relative;
	}
	.concept_lead {
		column-gap: 1em;
 	   grid-template-columns: auto auto;
	}
	.concept_lead .more {
		position: absolute;
		right: 1em;
		bottom: 1.25em;
	}
}

/* :::::: Vision :::::: */
.home_section.-vision .home_section_title {
	margin-left: calc(var(--sideshift) * .6);
}
.vision_section {
	margin-top: min(32vw / 3.75, 56px);
}
.vision_section .more {
	display: block;
	margin: 1em 0 0 auto;
	color: var(--themecolor);
}
.vision_section + .vision_section {
	margin-top: min(32vw / 3.75, 104px);
}
.vision_section_title {
	float: left;
	position: relative;
	margin-bottom: -.5em;
	padding: 0 1em .1em;
	color: white;
	font: 500 min(20vw / 3.75, 2.375rem) / 1.4 var(--fontCondensed); /* 38px */
	text-transform: uppercase;
}
.vision_section_title::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: var(--themecolor);
	transform: skew(-33deg);
}
.vision_section_image {
	clear: both;
}
.vision_section_image::after {
	content: "";
	display: block;
	clear: both;
}
.vision_section_image .wrap {
	display: grid;
	place-content: center;
	place-items: center;
	overflow: hidden;
	max-height: min(470vw / 11.3, 470px);
	margin-inline: var(--breakout);
	width: 100vw;
}
@media screen and (max-width: 767.98px) {
	.vision_section_image .wrap {
		max-height: calc(200vw / 3.75);
	}
}
.vision_section_image .wrap > * {
	grid-area: 1 / 1;
}
.vision_section_image .video {
	aspect-ratio: 16 / 9;
	width: 100%;
	height: 100%;
}
.vision_section_image img {
	width: calc(1300vw / 11.3);
	max-width: none;
	transition: opacity .4s, transform 2s var(--easeOut);
}
@media print, (min-width: 1130px) {
	.vision_section_image img { width: 1300px; }
}
@media print, (min-width: 1300px) {
	.vision_section_image .wrap {
		width: 1300px;
		margin-inline: -85px;
	}
}
.vision_section_image .video_play {
	--size: min(64vw / 3.75, 104px);
	cursor: pointer;
	display: grid;
	grid-template-rows: 5fr 3fr;
	align-items: start;
	justify-items: center;
	row-gap: .5em;
	width: var(--size);
	height: var(--size);
	border: 1px solid currentcolor;
	border-radius: var(--size);
	color: var(--themecolor);
	font: 500 min(10vw / 3.75, .875rem) / 1 var(--fontEn);
	text-transform: uppercase;
	transition: opacity .4s, transform .4s var(--easeOut);
}
@media (hover) {
	.video_button {
		cursor: pointer;
	}
	.video_button:hover img {
		transform: scale(1.04);
		transition-duration: .4s, 1s;
	}
	.video_button.is-hov .video_play {
		animation: attention .4s var(--easeOut) both;
	}
	@keyframes attention {
		from, to { transform: none; }
		20% { transform: scale(.9); }
		40% { transform: scale(1.08); }
	}
}
.vision_section_image .wrap.is-playing img,
.vision_section_image .wrap.is-playing picture,
.vision_section_image .wrap.is-playing .video_play  {
	pointer-events: none;
	opacity: 0;
	transition-duration: .4s;
}
.vision_section_image .video_play::before {
	content: "";
	align-self: end;
	width: 2em;
	height: 2em;
	margin-left: .5em;
	clip-path: polygon(0 0, 100% 50%, 0 100%);
	background: currentcolor;
}
.vision_section_image .caption {
	float: right;
	position: relative;
	margin-top: -.5em;
	padding: 0 1.8em .1em;
	color: white;
	font-size: min(14vw / 3.75, 1.75rem); /* 28px */
	line-height: 1.4;
	text-align: right;
}
.vision_section_image .caption::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: var(--darkgray);
	transform: skew(-33deg);
}
.vision_section_image img,
.vision_section_image picture,
.vision_section_image .video_play {
	z-index: 1;
}
.vision_section_title,
.vision_section_image .caption {
	z-index: 2;
}

/* :::::: Originality :::::: */
.home_section.-originality {
	border-image: linear-gradient(var(--white), var(--white)) 0 fill / 0 / 0 50vw;
}
.home_section.-originality .home_section_title {
	float: right;
	margin-right: var(--sideshift);
}
.originality_lineup {
	clear: both;
	display: grid;
	gap: min(2vw / 3.75, 6px);
	margin-top: min(8vw / 3.75, 24px);
	margin-inline: calc(var(--sidefill) * -1);
}
@media print, (min-width: 768px) {
	.originality_lineup {
		grid-template-columns: repeat(2, 1fr);
	}
}
.originality_lineup li {
	padding-top: var(--sectionSpace);
}
.originality_lineup li:nth-child(1) {
	--itemcolor: #ffd53e;
	--subjectWidth: 475;
}
.originality_lineup li:nth-child(2) {
	--itemcolor: #84c888;
	--subjectWidth: 469;
}
.originality_lineup li:nth-child(3) {
	--itemcolor: #6bcde9;
	--subjectWidth: 403;
}
.originality_lineup li:nth-child(4) {
	--itemcolor: #f8a386;
	--subjectWidth: 499;
}
.originality_lineup .link {
	display: grid;
	place-content: center;
}
.originality_lineup .link > * {
	grid-area: 1 / 1;
}
.originality_lineup .label {
	z-index: 1;
	place-self: start;
	position: relative;
	margin: -1.2em 0 0 2em;
	color: var(--darkgray);
	font: 500 min(18vw / 3.75, 2.25rem) / 1 var(--fontCondensed); /* 36px */
	text-transform: uppercase;
}
.originality_lineup .label .num {
	font-size: 1.5em;
}
.originality_lineup .label::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 1em -.5em 0;
	background: var(--itemcolor);
	transform: skew(-33deg);
}
.originality_lineup .subject {
	z-index: 1;
	align-self: end;
	display: flex;
	flex-direction: column;
	gap: .25em;
	width: fit-content;
	margin: 0 1em 2em;
	font-size: min(16vw / 3.75, 2.0625rem); /* 33px */
}
.originality_lineup .subject .more {
	align-self: end;
}
.originality_lineup .subject img {
	width: min(var(--subjectWidth) * .5vw / 3.75, var(--subjectWidth) * 1px);
}
.originality_lineup .more {
	color: var(--themecolor);
}
.originality_lineup li:nth-child(-n+2) .more {
	color: white;
}
.originality_lineup .image img {
	max-height: calc(240vw / 3.75);
	object-fit: cover;
}

/* :::::: Interview :::::: */
.home_section.-interview .home_section_title {
	margin-left: var(--sideshift);
}
.home_section.-interview .home_section_title .lead {
	z-index: 1;
	margin-top: 0;
	padding: .5em .25em;
}
.home_section.-interview .home_section_title .lead::before {
	left: -2em;
	background: var(--darkgray);
}
.home_section.-interview .interview_lineup {
	margin-top: max(-16vw / 3.75, -2em);
	padding-block: min(56vw / 3.75, 120px);
}
.home_section.-interview .interview_lineup::before {
	content: "";
	position: absolute;
	inset: 0 -15% 0 5%;
	background: var(--themecolor);
	transform: skew(-33deg);
}
.home_section.-interview > .more {
	display: block;
	color: var(--themecolor);
	margin: 1.5em auto 0;
}
@media screen and (max-width: 767.98px) {
	.home_section.-interview .interview_lineup::before {
		right: max(-40%, -160px);
	}
}

/* :::::: Culture :::::: */
.home_section.-culture .home_section_title {
	margin-left: calc(var(--sideshift) * .75);
}
.home_section.-culture {
	display: grid;
	position: relative;
	max-width: 1080px;
}
.home_section.-culture::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0 var(--breakout);
	background: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 10 10"><path d="M7,7H3V3h4v4Z" fill="%23cdcdcd"/></svg>') center / 6px;
}
.home_section.-culture .home_section_title .lead {
	padding-bottom: 4em;
}
.home_section.-culture .home_section_title .lead::before {
	right: -10em;
}
.home_section.-culture .home_section_title .more {
	margin-top: 1em;
}
.home_section.-culture > * {
	grid-area: 1 / 1;
}
.home_section.-culture .image {
	pointer-events: none;
	display: grid;
	place-items: center;
	grid-template: repeat(6, 1fr) / repeat(2, 1fr);
}
.home_section.-culture .image .obj {
	max-width: 100%;
	width: min(var(--width) * .5vw / 11.3, var(--width) * .5px);
}
.home_section.-culture .image img.obj {
	z-index: 1;
}
.home_section.-culture .image .obj:nth-child(1) {
	--width: 1100;
	grid-row: 2 / 5;
	grid-column: 2;
}
.home_section.-culture .image .obj:nth-child(2) {
	--width: 780;
	grid-row: 4 / 6;
	grid-column: 1;
}
.home_section.-culture .image .obj:nth-child(3) {
	--width: 660;
	grid-row: 5 / 7;
	grid-column: 2;
}
.home_section.-culture .image svg.obj {
	z-index: -1;
	grid-column: 1 / 3;
	height: auto;
	transform-origin: left bottom;
	transform: skew(-33deg);
}
.home_section.-culture .image .obj:nth-child(4) {
	--width: 1500;
	justify-self: end;
	grid-row: 3 / 4;
	height: min(34vw / 3.75, 68px);
	fill: #ffd53e;
}
.home_section.-culture .image .obj:nth-child(5) {
	--width: 1364;
	align-self: end;
	justify-self: start;
	grid-row: 4 / 7;
	height: min(160vw / 3.75, 320px);
	fill: #d0d0d0;
}

/* :::::: Recruiting Info :::::: */
.home_section.-info {
	display: grid;
	max-width: 960px;
	margin-inline: auto;
}
.home_section.-info .home_section_title {
	justify-self: end;
}
.home_section.-info .home_section_title .lead::before {
	inset: 0 -13.6em 0 -3em;
}
.info_lineup {
	clear: both;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-inline: calc(var(--sidefill) * -1);
	padding-top: min(32vw / 3.75, 64px);
}
.info_lineup li {
	max-width: 960px;
	border-top: 3px solid var(--themecolor);
}
.info_lineup li:last-child {
	border-bottom: 3px solid var(--themecolor);
}
.info_lineup .link {
	display: grid;
	place-items: center;
	z-index: 0;
	position: relative;
	color: white;
}
.info_lineup .link::before {
	content: "";
	z-index: 1;
	position: absolute;
	inset: 0;
	background: #0004;
}
.info_lineup .link > * {
	grid-area: 1 / 1;
}
.info_lineup .label {
	z-index: 1;
	position: relative;
	width: 11em;
	max-width: calc(100% - 32px);
	border: 1px solid currentcolor;
	font-weight: 700;
	font-size: min(16vw / 3.75, 30px);
	text-align: center;
}
.info_lineup .more {
	position: absolute;
	top: calc(100% + .5em);
	right: 0;
}
@media (hover) {
	.info_lineup .label {
		--shift: -12%;
	}
	.info_lineup picture {
		transition: transform 2s var(--easeOut);
	}
	.info_lineup .label::before {
		content: "";
		z-index: -1;
		position: absolute;
		inset: 0;
		background: #c7161dcc;
		backdrop-filter: blur(4px);
		visibility: hidden;
	}
	.info_lineup .link {
		overflow: hidden;
	}
	.info_lineup .link:hover picture {
		transform: scale(1.04);
		transition-duration: 1s;
	}
	.info_lineup .link.is-hov .label::before {
		animation: splitMask .6s var(--easeOut);
		will-change: animation;
	}
}

/* :::::: Coming soon :::::: */
.is-comingsoon {
	pointer-events: none;
}
.is-comingsoon .more {
	display: none;
}
.interview_lineup .is-comingsoon .image,
.is-comingsoon .vision_section_image .wrap,
.home_section.-originality.is-comingsoon,
.originality_lineup .is-comingsoon {
	position: relative;
}
.interview_lineup .is-comingsoon .subject span {
	opacity: .3;
}
.interview_lineup .is-comingsoon .subject span::before {
	background: var(--darkgray);
}
.is-comingsoon .home_section_title .lead,
.interview_lineup .is-comingsoon .data {
	color: #fff4;
}
.originality_lineup .label {
	z-index: 2;
}
.interview_index .link.is-comingsoon::after,
.interview_lineup .is-comingsoon .image::after,
.is-comingsoon .vision_section_image .wrap::after,
.home_section.-originality.is-comingsoon::after,
.home_section.-culture .link.is-comingsoon::after,
.originality_lineup .is-comingsoon::after,
.info_lineup .is-comingsoon::after {
	content: "Coming soon";
	display: grid;
	place-items: center;
	z-index: 1;
	color: var(--themecolor);
	font-size: min(20vw / 3.75, 2rem);
	font-family: var(--fontCondensed);
	text-transform: uppercase;
}
.interview_index .link.is-comingsoon::after,
.interview_lineup .is-comingsoon .image::after {
	font-size: min(16vw / 3.75, 1.5rem);
}
.interview_index .link.is-comingsoon::after,
.interview_lineup .is-comingsoon .image::after,
.is-comingsoon .vision_section_image .wrap::after,
.originality_lineup .is-comingsoon::after,
.info_lineup .is-comingsoon::after {
	background: #b4b4b4cc;
}
.home_section.-originality.is-comingsoon::after,
.home_section.-culture .link.is-comingsoon::after {
	z-index: 2;
	padding-bottom: 1.5em;
	border-image: linear-gradient(#b4b4b4cc, #b4b4b4cc) 0 fill / 0 / 0 50vw;
}
.interview_index .link.is-comingsoon::after {
	padding-bottom: min(118vw / 3.75, 134px);
}
.is-comingsoon .vision_section_image .wrap::after {
	grid-area: 1 / 1;
	width: 100%;
	height: 100%;
}
.interview_index .link.is-comingsoon::after,
.interview_lineup .is-comingsoon .image::after,
.originality_lineup .is-comingsoon::after,
.home_section.-originality.is-comingsoon::after,
.home_section.-culture .link.is-comingsoon::after,
.info_lineup .is-comingsoon::after {
	position: absolute;
	inset: 0;
}