@charset "utf-8";

/**
 * 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:not(:first-child) {
	position: relative;
}
.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: 1060px;
	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;
	}
}

/* inview */
.page-concept .message {
	--interval: .02s;
}
.message_catchcopy .line.line.js-inview::after {
	content: "";
	position: absolute;
	inset: 0 var(--breakout);
	background: var(--themecolor);
	clip-path: inset(0 0 0 100%);
}
.message_catchcopy .line.js-inview svg {
	mask: linear-gradient(white, white) left center / 100% 100% no-repeat;
	background: linear-gradient(var(--themecolor), var(--themecolor)) right center / 0 100% no-repeat;
}
.message_subject.js-inview,
.message_lead .line.js-inview {
	mask: linear-gradient(white, white) left center / 100% 100% no-repeat;
}
/* standby */
.message_catchcopy .line.js-inview:not(.is-inview)::after {
	clip-path: inset(0 100% 0 0);
}
.message_catchcopy .line.js-inview:not(.is-inview) svg {
	mask-size: 0 100%;
	background-size: 100% 100%;
}
.message_subject.js-inview:not(.is-inview),
.message_lead .line.js-inview:not(.is-inview) {
	mask-size: 0 100%;
}
.page-concept .message .logo.js-inview:not(.is-inview),
.page-concept .message .image.js-inview:not(.is-inview) {
	opacity: 0;
	transform: translateY(40px);
}
/* motion */
.message_catchcopy .line.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 .line.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 .line.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); }
}


/**
 * Top Message
 * ---------------------------------------- */
.page-message {
	padding-top: 0;
}
.message_header {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	z-index: 0;
	position: relative;
	max-width: 1030px;
	margin: 0 auto;
	color: white;
}
.message_header > * {
	grid-row: 1;
}
.message_header .image {
	grid-column: 1 / 4;
	z-index: -1;
	display: grid;
	justify-content: center;
	overflow: hidden;
	margin-inline: var(--breakout);
}
.message_header .visual {
	position: relative;
}
.message_header .image img {
	width: calc(1300vw / 11.3);
	max-width: none;
	object-fit: cover;
}
@media print, (min-width: 1130px) {
	.message_header .image img {
		width: 100%;
		min-width: 1300px;
	}
}
@media screen and (max-width: 767.98px) {
	.message_header .image img {
		width: 100%;
	}
}
.message_header .data {
	grid-column: 3;
	place-self: end center;
	display: flex;
	flex-direction: column;
	row-gap: .75rem;
	z-index: 0;
	position: relative;
	margin-bottom: max(-32vw / 11.3, -32px);
	padding: min(40vw / 11.3, 40px) min(56vw / 11.3, 56px);
	padding-right: min(32vw / 11.3, 32px);
	line-height: 1.4;
}
.message_header .data::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: #c7161dd8; /* 85% */
	transform: skew(-33deg);
}
.message_header .part {
	font-size: min(10vw / 3.75, .8125rem); /* 13px */
	font-weight: 700;
	white-space: nowrap;
}
.message_header .en {
	font: 500 italic min(16vw / 3.75, 1.5rem) / 1 var(--fontEn);
	text-transform: uppercase;
}
.message_header .ja {
	display: flex;
	flex-direction: column;
	font-weight: 500;
	font-size: min(12vw / 3.75, 1rem); /* 16px */
}
.message_section {
	max-width: 760px;
	margin-inline: auto;
}
.message_section .message {
	max-width: 790px;
	color: var(--themecolor);
}
.message_section .paragraph {
	font: 500 min(14vw / 3.75, 1.125rem) / 2.3 var(--fontSerif); /* 18px */
}
.message_section .paragraph:first-of-type {
	margin-top: var(--sectionSpace);
}
.message_section hr {
	width: 50px;
	margin: 2em auto;
	border: 0;
	border-top: 1px solid var(--themecolor);
}
.message_section .photo {
	display: grid;
	margin-top: 6em;
}
.message_section .photo > * {
	grid-area: 1 / 1;
}
.message_section .photo .signature {
	place-self: end;
	max-width: 13.315em;
	margin: 0 .75em 1.5em 0;
	font-size: 1rem;
}
@media screen and (max-width: 767.98px) {
	.message_section .photo .signature {
		font-size: min(12vw / 3.75, 1rem);
	}
}


/**
 * Originality
 * ---------------------------------------- */
.page-originality {
	padding-top: 0;
	border-image: linear-gradient(#e6e6e6, #e6e6e6) 0 fill / 0 / 0 50vw;
}
.originality_header {
	display: grid;
	grid-template-rows: 1fr auto auto;
	z-index: 0;
	position: relative;
	max-width: 1130px;
	margin: 0 auto;
	color: white;
}
.originality-1 .originality_header { --itemcolor: #ffd53e; }
.originality-2 .originality_header { --itemcolor: #84c888; }
.originality-3 .originality_header { --itemcolor: #6bcde9; }
.originality-4 .originality_header { --itemcolor: #f8a386; }
.originality_header > * {
	grid-column: 1;
}
.originality_header .label {
	place-self: start;
	grid-row: 1;
	z-index: 0;
	position: relative;
	padding-top: var(--headerHeight);
	font: 500 min(24vw / 3.75, 2.25rem) / 1.2 var(--fontCondensed);
	text-transform: uppercase;
}
.originality-1 .originality_header .label,
.originality-4 .originality_header .label {
	color: #464646;
}
.originality_header .label::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: auto -.5em 0;
	height: .5em;
	background: var(--itemcolor);
	transform: skew(-33deg);
}
.originality_header .label .num {
	font-size: 150%;
}
.originality_header .title {
	grid-row: 2;
	line-height: 1;
}
.originality_header .title picture,
.originality_header .title img {
	width: 100%;
	max-width: none;
}
.originality_header .lead {
	grid-row: 3;
	margin-top: 1em;
	padding-bottom: min(24vw / 3.75, 40px);
	font-size: min(14vw / 3.75, 1.4375rem);
	line-height: 1.52;
}
.originality_header .image {
	grid-row: 1 / 4;
	z-index: -1;
	display: grid;
	justify-content: center;
	overflow: hidden;
	margin-inline: var(--breakout);
}
.originality_header .visual {
	position: relative;
	height: fit-content;
}
@media print, (min-width: 768px) {
	.originality_header .title,
	.originality_header .lead {
		justify-self: end;
	}
	.originality_header .title {
		width: min(var(--width) * 1vw / 11.3, var(--width) * 1px);
	}
	.originality-1 .originality_header .title { --width: 827; }
	.originality-2 .originality_header .title { --width: 827; }
	.originality-3 .originality_header .title { --width: 927; }
	.originality-4 .originality_header .title { --width: 637; }
}
@media screen and (max-width: 767.98px) {
	.originality_header .label {
		justify-self: center;
	}
	.originality_header .title {
		width: min(var(--width) * 1vw / 3.75, 100%);
	}
	.originality-1 .originality_header .title { --width: 270; }
	.originality-2 .originality_header .title { --width: 297; }
	.originality-3 .originality_header .title { --width: 326; }
	.originality-4 .originality_header .title { --width: 270; }
}

/* inview */
.originality_header.js-inview .label span {
	display: inline-block;
}
.originality_header.js-inview .title {
	--skew: 48px;
}
.originality_header.js-inview .label span,
.originality_header.js-inview .label::before {
	clip-path: inset(0);
}
.originality_header.js-inview:not(.is-inview) .label span,
.originality_header.js-inview:not(.is-inview) .label::before {
	clip-path: inset(0 100% 0 0);
}
.originality_header.js-inview .title {
	clip-path: polygon(0 0, calc(100% + var(--skew)) 0, 100% 100%, calc(var(--skew) * -1) 100%);
}
.originality_header.js-inview:not(.is-inview) .title {
	clip-path: polygon(0 0, 0 0, calc(var(--skew) * -1) 100%, calc(var(--skew) * -1) 100%);
}
.originality_header.js-inview .lead span {
	mask: linear-gradient(white, white) left center / 100% 100% no-repeat;
}
.originality_header.js-inview:not(.is-inview) .lead span {
	mask-size: 0 100%;
}
::-webkit-full-page-media, :future, :root .originality_header.js-inview .lead span {
	display: inline-block;
}
.originality_header.is-anim .label span,
.originality_header.is-anim .label::before {
	transition: clip-path .6s var(--easeInOut);
}
.originality_header.is-anim .label::before {
	transition-delay: .2s;
}
.originality_header.is-anim .title {
	transition: clip-path 1s .2s var(--easeInOut);
}
.originality_header.is-anim .lead span {
	transition: mask-size 1s .6s var(--easeOut);
}

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

.page-originality .subject,
.page-originality .paragraph {
	position: relative;
	max-width: 700px;
	margin-inline: auto;
	padding-inline: var(--sidegap);
}
.page-originality .paragraph {
	margin-top: 1.75em;
}
.page-originality .subject {
	margin-top: 1.25em;
	color: var(--themecolor);
	font-weight: 500;
	font-size: min(20vw / 3.75, 2.125rem); /* 34px */
	line-height: 1.4;
	text-align: center;
}
.originality_label {
	position: relative;
	overflow: hidden;
	width: 10em;
	margin-inline: auto;
	padding-bottom: .1em;
	border-bottom: 4px solid currentcolor;
	color: var(--themecolor);
	font: 500 min(20vw / 3.75, 2.0625rem) / 1.4 var(--fontEn); /* 33px */
	letter-spacing: .2em;
	text-align: center;
	text-transform: uppercase;
}
@media screen and (max-width: 767.98px) {
	.originality_label {
		border-bottom-width: 2px;
	}
}

/* inview */
.originality_label.js-inview {
	clip-path: inset(0);
}
.originality_label.js-inview span {
	display: inline-block;
}
.originality_label.js-inview:not(.is-inview) {
	clip-path: inset(0 99.98% 0 0);
}
.originality_label.js-inview:not(.is-inview) span {
	transform: translateY(120%);
}
.originality_label.is-anim {
	transition: clip-path .6s var(--easeOut);
}
.originality_label.is-inview span {
	transition: transform .8s .4s var(--easeOut);
}

/* :::::: Outline :::::: */
.originality_outline {
	position: relative;
	padding-inline: calc(24cqi / 3.75);
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0 50vw;
}
.originality_outline::before {
	content: "";
	position: absolute;
	inset: 24px 0;
	background: white;
}
.originality_outline .paragraph {
	margin-top: .5em;
}

/* :::::: Original Way :::::: */
.originality_way {
	padding-bottom: 0;
}
.motto {
	margin-top: .75em;
	padding: .25em;
	font: 500 clamp(1.5rem, 51vw / 11.3, 3.1875rem) / 1.4 var(--fontSerif);
	letter-spacing: .1em;
	text-align: center;
	background: white;
}
.motto .pnc {
	width: .7em;
}
.originality_way .image {
	overflow: hidden;
	margin: 24px var(--breakout) 0;
}
.originality_way .image > * {
	margin-bottom: calc(-100cqi / 13);
}
@media print, (min-width: 768px) {
	.originality_way br {
		display: none;
	}
}

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

/* inview */
.motto .c {
	--delay: .06s;
	display: inline-block;
}
.motto.js-inview:not(.is-inview) .c {
	opacity: 0;
	transform: translateY(.5em);
}
.motto.is-anim .c {
	transition: opacity .6s, transform .6s var(--easeOut);
	transition-delay: calc(var(--delay) + .2s);
}

/* :::::: Team :::::: */
.originality_team {
	--circle: min(740vw / 11.3, 740px);
	display: grid;
	flex-wrap: wrap;
	gap: 64px min(24vw / 3.75, 56px);
	position: relative;
	width: fit-content;
	margin-inline: auto;
	padding-block: min(160vw / 11.3, 160px);
}
.originality_team.-col2 { grid-template-columns: repeat(2, 1fr); }
.originality_team.-col3 { grid-template-columns: repeat(3, 1fr); }
.originality_team.-col4 { grid-template-columns: repeat(4, 1fr); }
.originality_team::before {
	content: "";
	position: absolute;
	top: calc(50% - var(--circle) / 2);
	left: calc(50% - var(--circle) / 2);
	width: var(--circle);
	height: var(--circle);
	border-radius: var(--circle);
	background: white;
}
.originality_team > * {
	position: relative;
}
.originality_team.-col2 .originality_label { grid-column: span 2; }
.originality_team.-col3 .originality_label { grid-column: span 3; }
.originality_team.-col4 .originality_label { grid-column: span 4; }
.originality_team .column {
	display: grid;
	grid-template-rows: subgrid;
	grid-row: span 3;
	gap: 1em;
	max-width: 480px;
}
.originality_team.-col2 .column { max-width: 400px; }
.originality_team.-col3 .column { max-width: 250px; }
.originality_team.-col4 .column { max-width: 235px; }
.originality_team .title {
	display: grid;
	align-items: center;
	padding: .25em .25em .35em;
	color: white;
	font-size: min(18vw / 3.75, 1.75rem); /* 28px */
	line-height: 1.2;
	text-align: center;
	background: var(--themecolor);
}
.originality_team .image {
	justify-self: center;
}
.originality_team .paragraph {
	margin-top: 0;
}
@media print, (min-width: 768px) {
	.originality_team.-col4 {
		column-gap: min(16vw / 3.75, 32px);
	}
	.originality-4 .originality_team .title,
	.originality-4 .originality_team .paragraph {
		margin-inline: 2.5rem;
	}
}
@media screen and (max-width: 767.98px) {
	.originality_team {
		--circle: 64svh;
	}
	.originality_team.-col3,
	.originality_team.-col4 { grid-template-columns: repeat(2, 1fr); }
	.originality_team.-col3 .originality_label,
	.originality_team.-col4 .originality_label { grid-column: span 2; }
	.originality_team .paragraph {
		line-height: 1.9375;
	}
}

/* inview */
.originality_team .column.js-inview:not(.is-inview) > * {
	opacity: 0;
	transform: translateY(24px);
}
.originality_team .column.is-anim > * {
	transition: opacity .8s, transform .8s var(--easeOut);
}
@media print, (min-width: 768px) {
	.originality_team .column.is-anim:nth-of-type(1) > * { transition-delay: .2s; }
	.originality_team .column.is-anim:nth-of-type(2) > * { transition-delay: .3s; }
	.originality_team .column.is-anim:nth-of-type(3) > * { transition-delay: .4s; }
	.originality_team .column.is-anim:nth-of-type(4) > * { transition-delay: .5s; }
}
@media screen and (max-width: 767.98px) {
	.originality_team .column.is-anim:nth-of-type(2n+1) > * { transition-delay: .2s; }
	.originality_team .column.is-anim:nth-of-type(2n) > * { transition-delay: .3s; }
}

/* :::::: Vision :::::: */
.originality_vision {
	border-image: linear-gradient(white, white) 0 fill / 0 / 0 50vw;
}
.originality_vision .image {
	margin-top: 24px;
}

/* :::::: Other :::::: */
.originality_other {
	margin-top: min(40vw / 3.75, 80px);
	padding: var(--sectionSpace) 0;
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0 50vw;
}
.originality_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;
}
.originality_index {
	--itemWidth: min(33.333% - 23px / 3, 368px);
}
.originality_index .splide__track {
	overflow: visible;
}
.originality_index .splide__slide {
	max-width: var(--itemWidth);
	margin-right: min(4vw / 3.75, 8px);
}
.originality_index .splide__slide:nth-child(1) {
	--itemcolor: #ffd53e;
}
.originality_index .splide__slide:nth-child(2) {
	--itemcolor: #84c888;
}
.originality_index .splide__slide:nth-child(3) {
	--itemcolor: #6bcde9;
}
.originality_index .splide__slide:nth-child(4) {
	--itemcolor: #f8a386;
}
.originality_index .link {
	display: grid;
	color: white;
}
.originality_index .image,
.originality_index .subject {
	grid-area: 1 / 1;
}
@media (hover) {
	.originality_index .image {
		overflow: hidden;
	}
	.originality_index .image img {
		transition: transform 2s var(--easeOut);
	}
	.originality_index a:hover .image img {
		transform: scale(1.04);
		transition-duration: 1s;
	}
}
.originality_index .subject {
	z-index: 1;
	margin-bottom: min(24vw / 12, 24px);
	margin-left: min(16vw / 12, 16px);
	place-self: end start;
}
.originality_index .subject img {
	width: auto;
	height: min(72vw / 12, 72px);
}
.originality_index .label {
	grid-area: 2 / 1;
	display: flex;
	flex-direction: column;
	width: fit-content;
	font: 500 min(24vw / 12, 1.5rem) / 1.2 var(--fontCondensed);
}
.originality_index .label .num {
	font-size: 150%;
}
.originality_index .label .report {
	position: relative;
	padding-bottom: .25em;
	text-transform: uppercase;
}
.originality_index .label .report::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 1.7em 0 0;
	background: var(--itemcolor);
	transform: skew(-33deg);
}
.originality_index .more {
	grid-area: 3 / 1;
	align-self: end;
	width: fit-content;
	margin-top: .5em;
}
.originality_index .more::after {
	content: "";
	display: inline-block;
	width: .7em;
	margin: -.2em 0 0 .3em;
	border-top: 1px solid currentcolor;
	vertical-align: middle;
}
@media (hover) {
	.originality_index .more::after {
		transition: width .4s var(--easeOut);
	}
	.originality_index a:hover .more::after {
		width: 1.2em;
		transition-duration: .2s;
	}
}
@media print, (min-width: 768px) {
	.originality_index .splide__list {
		justify-content: center;
	}
	.originality_index .label {
		margin-left: .25em;
	}
}
@media screen and (max-width: 767.98px) {
	.originality_index {
		--itemWidth: 237px;
	}
	.originality_index .subject img {
		height: min(32vw / 3.75, 40px);
	}
	.originality_index .label {
		font-size: 1.25rem;
	}
}


/**
 * Interviw Index
 * ---------------------------------------- */
.page-interview {
	padding-top: calc(var(--headerHeight) * 1.5);
	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: 500;
	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);
}

/* inview */
.interview_heading.js-inview .title {
	position: relative;
}
.interview_heading.js-inview .title {
	clip-path: inset(0 100% 0 0);
}
.interview_heading.js-inview .title::before {
	content: "";
	position: absolute;
	inset: .15em 0 .05em;
	background: var(--themecolor);
}
.interview_heading.js-inview .lead::before {
	clip-path: inset(0 100% 0 0);
}
.interview_heading.js-inview .lead span {
	mask: linear-gradient(white, white) left center / 0 100% no-repeat;
}
::-webkit-full-page-media, :future, :root .interview_heading.js-inview .lead span {
	display: inline-block;
}
.interview_heading.is-anim .title {
	clip-path: inset(0);
	transition: clip-path .4s var(--easeInOut);
}
.interview_heading.is-anim .title::before {
	animation: split .6s .3s var(--easeOut) both;
}
.interview_heading.is-anim .lead::before {
	clip-path: inset(0);
	transition: clip-path .8s .4s var(--easeOut);
}
.interview_heading.is-anim .lead span {
	animation: textAppear 1s .6s var(--easeOut) both;
}
@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%; }
}
@keyframes fadein {
	from { opacity: 0; transform: translateX(-1em); }
	to { opacity: 1; transform: none; }
}

/* :::::: インデックス :::::: */
.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 {
	z-index: -1;
	position: absolute;
	inset: max(-16vw / 3.75, -32px) -5% auto -80px;
	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;
	z-index: 0;
	position: relative;
}
.interview_index .label {
	z-index: -1;
	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;
	color: white;
	font-weight: 400;
	font-size: min(14vw / 3.75, 1.125rem); /* 18px */
	line-height: 1.4;
}
.interview_index .subject span {
	z-index: 0;
	position: relative;
	width: fit-content;
	padding: 0 .75em .1em;
	white-space: nowrap;
}
.interview_index .subject span::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: #c7161dcc;
	transform: skew(-33deg);
}
.interview_index .subject,
.interview_index .image {
	grid-area: 1 / 1;
}
.interview_index .image {
	border-top: 1px solid var(--themecolor);
}

/* inview */
.interview_index li.js-inview .link:not(.is-comingsoon) .subject span {
	--w: calc(1.4em * .35);
	clip-path: polygon(var(--w) 0, calc(100% + var(--w)) 0, calc(100% - var(--w)) 100%, calc(var(--w) * -1) 100%);
}
/* .interview_index li.js-inview:not(.is-inview) .label {
	transform: translateY(100%);
} */
.interview_index li.js-inview:not(.is-inview) .link:not(.is-comingsoon) .subject span {
	clip-path: polygon(var(--w) 0, var(--w) 0, calc(var(--w) * -1) 100%, calc(var(--w) * -1) 100%);
}
/* .interview_index li.is-anim .label {
	transition: transform .6s var(--easeOut);
} */
.interview_index li.is-anim .link:not(.is-comingsoon) .subject span {
	transition: clip-path 1s var(--easeInOut);
}
.interview_index li.is-anim .link:not(.is-comingsoon) .subject span:nth-of-type(2) {
	transition-delay: .2s;
}
.interview_index li.is-anim .link:not(.is-comingsoon) .subject span:nth-of-type(3) {
	transition-delay: .4s;
}
@media print, (min-width: 768px) {
	/* .interview_index li:nth-of-type(2n).is-anim .label {
		transition-delay: .2s;
	} */
	.interview_index li:nth-of-type(2n).is-anim .link:not(.is-comingsoon) .subject span {
		transition-delay: .2s;
	}
	.interview_index li:nth-of-type(2n).is-anim .link:not(.is-comingsoon) .subject span:nth-of-type(2) {
		transition-delay: .4s;
	}
	.interview_index li:nth-of-type(2n).is-anim .link:not(.is-comingsoon) .subject span:nth-of-type(3) {
		transition-delay: .6s;
	}
}
@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);
}


/**
 * 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;
	overflow: hidden;
	margin-inline: var(--breakout);
}
.interview_header .visual {
	position: relative;
	height: fit-content;
}
.interview_header .visual::before {
	content: "";
	z-index: 1;
	position: absolute;
	inset: 0;
	background: #00000026;
}
.interview-4 .interview_header .visual::before {
	background: #0000;
}
@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 {
	width: fit-content;
	height: fit-content;
	font: 500 min(20vw / 3.75, 2.5rem) / 1 var(--fontCondensed);
	fill: currentcolor;
	border-bottom: 5px solid currentcolor;
}
.interview_header .catchcopy .anchor {
	display: block;
	padding-bottom: .3em;
}
.interview_header .catchcopy svg {
	width: min(244vw / 11.3, 244px);
	height: auto;
}
.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;
}
.interview-1 .interview_header .title { --width: 705; }
.interview-2 .interview_header .title { --width: 734; }
.interview-3 .interview_header .title { --width: 648; }
.interview-4 .interview_header .title { --width: 676; }
.interview-5 .interview_header .title { --width: 552; }
.interview-6 .interview_header .title { --width: 605; }
.interview-7 .interview_header .title { --width: 508; }
.interview-8 .interview_header .title { --width: 634; }
.interview-9 .interview_header .title { --width: 550; }
.interview-10 .interview_header .title { --width: 640; }
@media screen and (max-width: 767.98px) {
	.interview-1 .interview_header .title { --width: 720; }
	.interview-3 .interview_header .title { --width: 700; }
	.interview-5 .interview_header .title { --width: 620; }
	.interview-6 .interview_header .title { --width: 640; }
	.interview-8 .interview_header .title { --width: 680; }
	.interview-9 .interview_header .title { --width: 620; }
	.interview-10 .interview_header .title { --width: 720; }
}
@media print, (min-width: 768px) {
	.interview_header .title {
		width: min(var(--width) * 1vw / 11.3, var(--width) * 1px);
	}
	.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,
	.interview_header.-l .title {
		margin-left: min(24vw / 3.75, 40px);
	}
	.interview_header.-r .catchcopy,
	.interview_header.-r .title {
		margin-right: min(24vw / 3.75, 40px);
	}
	.interview_header.-r .title,
	.interview_header.-r .catchcopy {
		justify-self: end;
	}
	.interview-5 .interview_header .title {
		justify-self: center;
		margin-left: min(64vw / 3.75, 64px);
	}
	.interview-7 .interview_header .title {
		align-self: end;
		margin-top: max(-120vw / 11.3, -120px);
	}
	.interview-9 .interview_header .title {
		align-self: start;
	}
	.interview-10 .interview_header .title {
		margin-right: 0;
	}
}
@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: min(var(--width) * 1vw / 7.68, 100%);
		padding-bottom: 1.4em;
	}
	.interview_header .catchcopy {
		grid-area: 2 / 1;
		border-width: max(2.5vw / 3.75, 2.5px);
	}
	.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);
	}
	.interview-7 .interview_header .data {
		margin-top: max(-64vw / 3.75, -64px);
	}
}

/* Data */
.interview_header .data::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: #c7161dd8; /* 85% */
	transform: skew(-33deg);
}
.interview_header .label {
	font: 500 min(14vw / 3.75, 1.125rem) / 1.4 var(--fontEn); /* 18px */
	text-transform: uppercase;
}
.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 */
	text-transform: uppercase;
}
.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 {
	clip-path: inset(0);
}
.interview_header .catchcopy.js-inview:not(.is-inview) {
	clip-path: inset(0 100% 0 0);
}
.interview_header .catchcopy.js-inview:not(.is-inview) .anchor {
	transform: translateY(100%);
}
.interview_header .data::before {
	clip-path: inset(0);
}
.interview_header .data.js-inview:not(.is-inview)::before {
	clip-path: inset(0 100% 0 0);
}
.interview_header .data.js-inview:not(.is-inview) .label,
.interview_header .data.js-inview:not(.is-inview) .part .main,
.interview_header .data.js-inview:not(.is-inview) .part .sub,
.interview_header .data.js-inview:not(.is-inview) .name .en,
.interview_header .data.js-inview:not(.is-inview) .name .ja,
.interview_header .data.js-inview:not(.is-inview) .join {
	transform: translateY(100%);
	clip-path: inset(0 0 99.9%);
}
.interview_header .catchcopy.is-anim {
	transition: clip-path .6s var(--easeOut);
}
.interview_header .catchcopy.is-anim .anchor {
	transition: transform .8s 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: .4s; }
.interview_header .data.is-anim .part .main { transition-delay: .5s; }
.interview_header .data.is-anim .part .sub  { transition-delay: .6s; }
.interview_header .data.is-anim .name .en   { transition-delay: .7s; }
.interview_header .data.is-anim .name .ja   { transition-delay: .8s; }
.interview_header .data.is-anim .join       { transition-delay: .9s; }
.interview_header .catchcopy.is-anim         { transition-delay: .4s; }
.interview_header .catchcopy.is-anim .anchor { transition-delay: .5s; }

/* :::::: 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;
}

/* inview */
.interview_profile.js-inview .title,
.interview_profile.js-inview .paragraph span {
	mask: linear-gradient(white, white) left center / 100% 100% no-repeat;
}
::-webkit-full-page-media, :future, :root .interview_profile.js-inview .paragraph span {
	display: inline-block;
}
.interview_profile.js-inview:not(.is-inview) .title ,
.interview_profile.js-inview:not(.is-inview) .paragraph span {
	mask-size: 0 100%;
}
.interview_profile.is-anim .title,
.interview_profile.is-anim .paragraph span {
	transition: mask-size .6s var(--easeOut);
}
.interview_profile.is-anim .paragraph span {
	transition-duration: 1.2s;
	transition-delay: .2s;
}
@media screen and (max-width: 767.98px) {
	.interview_profile {
		margin-top: calc(16vw / 3.75);
	}
}

/* :::::: 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 */
	letter-spacing: .15em;
}
.interview-4 .-section1 .subject,
.interview-10 .-section2 .subject {
	letter-spacing: .05em;
}
.interview-7 .-section3 .subject {
	letter-spacing: .1em;
}
@media screen and (max-width: 767.98px) {
	.interview-2 .-section2 .subject {
		letter-spacing: .1em;
	}
}
.interview_section .subject .c {
	display: inline-block;
}
.interview_section .subject .pnc {
	width: .7em; /* punctuation */
}
.interview_section .subject .bo {
	margin-inline-start: -.5em; /* brackets open */
}
.interview_section .subject .bc {
	margin-inline-end: -.3em; /* brackets close */
}
.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.js-inview: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-2 .interview_section.-way .message {
	--width: 600;
	align-self: center;
}
.interview-3 .interview_section.-way .message {
	--width: 960;
	align-self: end;
	justify-self: center;
	margin-bottom: 6%;
	filter: drop-shadow(1px 1px white);
}
.interview-4 .interview_section.-way .message {
	--width: 1046;
	align-self: end;
	justify-self: center;
	margin-bottom: 13%;
	filter: drop-shadow(1px 1px white);
}
.interview-5 .interview_section.-way .message {
	--width: 487;
	align-self: end;
	justify-self: end;
	margin-bottom: 6%;
	filter: drop-shadow(1px 1px white);
}
.interview-6 .interview_section.-way .message {
	--width: 826;
	align-self: end;
	justify-self: center;
	margin-bottom: 6%;
}
.interview-7 .interview_section.-way .message {
	--width: 600;
	align-self: center;
	justify-self: end;
}
.interview-8 .interview_section.-way .message {
	--width: 554;
	align-self: center;
	justify-self: end;
}
.interview-9 .interview_section.-way .message {
	--width: 526;
	place-self: end;
	margin-bottom: 6%;
	filter: drop-shadow(1px 1px white);
}
.interview-10 .interview_section.-way .message {
	--width: 554;
	justify-self: end;
}
@media print, (min-width: 768px) {
	.interview-1 .interview_section.-way .message {
		margin-left: var(--sidefill);
	}
	.interview-2 .interview_section.-way .message {
		margin-bottom: 8%;
	}
	.interview-2 .interview_section.-way .message {
		margin-left: 3%;
	}
	.interview-5 .interview_section.-way .message {
		margin-right: 4%;
	}
	.interview-6 .interview_section.-way .message {
		margin-right: 2%;
	}
	.interview-7 .interview_section.-way .message {
		margin-right: 4%;
	}
	.interview-8 .interview_section.-way .message {
		margin: 7.8% 5.4% 0 0;
	}
	.interview-10 .interview_section.-way .message {
		align-self: center;
	}
}
@media screen and (max-width: 767.98px) {
	.interview-1 .interview_section.-way .message {
		--width: 540;
		margin-bottom: 4%;
		margin-left: 2%;
	}
	.interview-2 .interview_section.-way .message {
		margin-bottom: 3%;
		margin-left: 1%;
	}
	.interview-3 .interview_section.-way .message {
		--width: 1046;
		margin-bottom: 10%;
	}
	.interview-4 .interview_section.-way .message {
		margin-bottom: 24%;
	}
	.interview-5 .interview_section.-way .message {
		--width: 600;
		margin-bottom: 10%;
	}
	.interview-6 .interview_section.-way .message {
		--width: 960;
		margin-bottom: 10%;
	}
	.interview-7 .interview_section.-way .message {
		--width: 720;
		margin-top: 12%;
	}
	.interview-8 .interview_section.-way .message {
		--width: 720;
		margin-top: 14%;
	}
	.interview-9 .interview_section.-way .message {
		--width: 720;
		margin-bottom: 10%;
	}
	.interview-10 .interview_section.-way .message {
		margin-top: 16%;
	}
}

.interview_section.-way .image {
	--letterbox: min(38vw / 7.68, 38px);
	display: grid;
	place-content: center;
	overflow: hidden;
	max-width: 1300px;
	margin-inline: max(var(--breakout), -85px);
	background: #3c3c3c;
}
.interview_section.-way .image picture {
	display: block;
	width: 100%;
	margin-inline: auto;
	clip-path: inset(var(--letterbox) 0);
}

/* inview */
.interview_section.-way.js-inview:not(.is-inview) .image picture {
	clip-path: inset(0);
}
.interview_section.-way.js-inview:not(.is-inview) .image img {
	transform: scale(1.12);
}
.interview_section.-way.is-anim .image picture {
	transition: clip-path 1.2s var(--easeInOut);
}
.interview_section.-way.is-anim .image img {
	transition: transform 2.4s var(--easeOut);
}
@media print, (min-width: 768px) {
	.interview_section.-way .image picture {
		width: calc(1300vw / 11.3);
	}
}
@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);
	}
}


/**
 * Culture
 * ---------------------------------------- */
.page-culture {
	position: relative;
	padding-top: 0;
}
.page-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 / 4px;
}

/* :::::: Header :::::: */
.culture_header {
	display: grid;
	z-index: 0;
	position: relative;
	max-width: 1130px;
	margin: 0 auto;
	color: white;
}
.culture_header > * {
	grid-area: 1 / 1;
}
.culture_header .title,
.culture_header .parent {
	z-index: 0;
	position: relative;
	font-weight: 500;
	font-size: min(16vw / 3.75, 2.5625rem); /* 41px */
	line-height: 1;
	text-transform: uppercase;
}
.culture_header .parent {
	place-self: start;
	margin-top: var(--headerHeight);
	padding: 0 .75em .1em;
}
.culture_header .title::before,
.culture_header .parent::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0;
	transform: skew(-33deg);
}
.page-culture:not(.-top) .culture_header .title {
	--barHeight: min(16vw / 3.75, 1.5rem);
	padding: 0 .5em var(--barHeight);
}
.page-culture.-office .culture_header .title {
	padding-bottom: calc(var(--barHeight) - .1em);
}
.page-culture:not(.-top) .culture_header .title::before {
	top: auto;
	height: var(--barHeight);
}
.culture_header .parent,
.page-culture.-top .culture_header .title,
.page-culture.-office .culture_header .title {
	font-family: var(--fontCondensed);
}
.page-culture.-top .culture_header .title {
	font-size: min(48vw / 3.75, 5.8125rem); /* 93px */
}
.page-culture.-benefits .culture_header .title {
	font-size: min(32vw / 3.75, 3.8125rem); /* 61px */
}
.page-culture.-office .culture_header .title {
	font-size: min(40vw / 3.75, 4.875rem); /* 78px */
}
.page-culture.-office .culture_header .title,
.page-culture.-benefits .culture_header .title {
	place-self: center;
}

/* inview */
.page-culture:not(.-top) .culture_header.js-inview .title {
	clip-path: inset(0 -.5em);
}
.page-culture:not(.-top) .culture_header.js-inview .title::before {
	z-index: 1;
}
.page-culture:not(.-top) .culture_header.js-inview .title span {
	display: inline-block;
}
.culture_header.js-inview .title::before,
.culture_header.js-inview .parent::before,
.culture_header.js-inview .parent span {
	clip-path: inset(0);
}
.page-culture:not(.-top) .culture_header.js-inview:not(.is-inview) .title span {
	transform: translateY(calc(100% + .5em));
}
.culture_header.js-inview:not(.is-inview) .title::before,
.culture_header.js-inview:not(.is-inview) .parent::before,
.culture_header.js-inview:not(.is-inview) .parent span {
	clip-path: inset(0 100% 0 0);
}
.page-culture:not(.-top) .culture_header.is-anim .title span {
	transition: transform .8s .4s var(--easeOut);
}
.page-culture:not(.-top) .culture_header.is-anim .title::before,
.culture_header.is-anim .parent::before,
.culture_header.is-anim .parent span {
	transition: clip-path .8s var(--easeInOut);
	will-change: clip-path;
}
.culture_header.is-anim .parent span,
.page-culture:not(.-top) .culture_header.is-anim .parent::before {
	transition-delay: .2s;
}
.page-culture:not(.-top) .culture_header.is-anim .parent span {
	transition-delay: .4s;
}
::-webkit-full-page-media, :future, :root .page-culture:not(.-top) .culture_header.js-inview .title span {
	position: relative;
	top: 0;
}
::-webkit-full-page-media, :future, :root .page-culture:not(.-top) .culture_header.js-inview:not(.is-inview) .title span {
	top: 1.5em;
	transform: none;
}
::-webkit-full-page-media, :future, :root .page-culture:not(.-top) .culture_header.is-anim .title span {
	transition-property: top;
	will-change: top;
}
@media screen and (max-width: 767.98px) {
	.page-culture:not(.-top) .culture_header .title {
		margin-inline: -.5em;
	}
}
.culture_header .image {
	z-index: -1;
	display: grid;
	justify-content: center;
	overflow: hidden;
	margin-inline: var(--breakout);
}
.culture_header .visual {
	position: relative;
	height: fit-content;
}
.culture_header .visual::before {
	content: "";
	z-index: 1;
	position: absolute;
	inset: 0;
	background: #00000019;
}
.page-culture.-office .culture_header .visual::before {
	background: #0003;
}
.culture_header .image img {
	width: calc(1300vw / 11.3);
	max-width: none;
	object-fit: cover;
}
@media print, (min-width: 1130px) {
	.culture_header .image img {
		width: 100%;
		min-width: 1300px;
	}
}
@media screen and (max-width: 767.98px) {
	.culture_header .image img {
		width: 100%;
	}
}


/**
 * Culture Top
 * ---------------------------------------- */
.culture_section {
	max-width: 960px;
	margin-inline: auto;
}
.culture_section a {
	display: grid;
	row-gap: min(16vw / 3.75, 28px);
	margin-top: var(--sectionSpace);
	border-image: linear-gradient(white, white) 0 fill / 0 / var(--sectionSpace) 50vw;
}
.culture_section .title {
	position: relative;
	width: fit-content;
	margin-left: -2rem;
	padding: 0 2rem .34em;
	font-weight: 500;
	font-size: min(28vw / 3.75, 3.8125rem); /* 61px */
	line-height: 1;
}
.culture_section [href="benefits/"] .title {
	padding-bottom: .6em;
}
.culture_section [href="office-photo-gallery/"] .title {
	font-size: min(36vw / 3.75, 4.875rem); /* 78px */
	font-family: var(--fontCondensed);
	text-transform: uppercase;
}
.culture_section .title::before {
	content: "";
	position: absolute;
	inset: auto 0 0;
	height: min(16vw / 3.75, 1.75rem); /* 28px */
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0;
	transform: skew(-33deg);
}
.culture_section .lead {
	margin-top: -.25em;
	font-size: min(12vw / 3.75, 1.25rem); /* 20px */
	line-height: 1.6;
}
.culture_section .more {
	align-self: start;
	color: var(--themecolor);
}
@media (hover) {
	.culture_section a .image {
		overflow: hidden;
	}
	.culture_section a .image picture {
		transition: transform 2s var(--easeOut);
	}
	.culture_section a:hover .image picture {
		transform: scale(1.04);
		transition-duration: 1s;
	}
}

/* inview */
.culture_section a.js-inview .title {
	clip-path: inset(0 -.5em);
}
.culture_section a.js-inview .title::before {
	z-index: 1;
	clip-path: inset(0);
}
.culture_section a.js-inview .title span {
	display: inline-block;
}
.culture_section a.js-inview:not(.is-inview) .title::before {
	clip-path: inset(0 100% 0 0);
}
.culture_section a.js-inview:not(.is-inview) .title span {
	transform: translateY(calc(100% + .5em));
}
.culture_section a.is-anim .title::before {
	transition: clip-path .8s var(--easeInOut);
	will-change: clip-path;
}
.culture_section a.is-anim .title span {
	transition: transform .8s .4s var(--easeOut);
}
::-webkit-full-page-media, :future, :root .culture_section a.js-inview .title span {
	position: relative;
	top: 0;
}
::-webkit-full-page-media, :future, :root .culture_section a.js-inview:not(.is-inview) .title span {
	top: 1.5em;
	transform: none;
}
::-webkit-full-page-media, :future, :root .culture_section a.is-anim .title span {
	transition-property: top;
	will-change: top;
}
@media print, (min-width: 768px) {
	.culture_section a {
		grid-template-columns: 4fr 15fr;
	}
	.culture_section .title,
	.culture_section .lead {
		grid-column: 1 / 3;
	}
	.culture_section .title {
		padding-bottom: .25em;
	}
	.culture_section [href="benefits/"] .title {
		padding-bottom: .47em;
	}
	.culture_section .more {
		grid-area: 3 / 1;
	}
	.culture_section .image {
		grid-area: 3 / 2;
		grid-template-columns: 4fr 15fr;
		margin-right: var(--breakout);
	}
	.culture_section .image img {
		max-width: min(920vw / 11.3, 920px);
	}
}


/**
 * Office Photo Gallery
 * ---------------------------------------- */
.office_gallery {
	display: grid;
	justify-content: center;
}
.office_gallery_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: min(70vw / 11.3, 70px) min(20vw / 11.3, 20px);
	width: calc(1300vw / 11.3);
	margin-top: var(--sectionSpace);
}
@media print, (min-width: 1130px) {
	.office_gallery_list {
		width: 100%;
		min-width: 1300px;
	}
}
.office_gallery_list .grid {
	display: grid;
	gap: min(20vw / 11.3, 20px);
}
.office_gallery_list .grid .photo:last-child {
	grid-row: 1 / 3;
	grid-column: 2;
}
.office_gallery_list .grid,
.office_gallery .photo.-p13,
.office_gallery .photo:first-child {
	margin-left: auto;
}
.office_gallery .photo.-p6 {
	margin-right: min(100vw / 11.3, 100px);
}
.office_gallery .photo.-p4,
.office_gallery .photo.-p7,
.office_gallery .photo:last-child {
	margin-right: auto;
}
.office_gallery .photo.-p2,
.office_gallery .photo.-p7 {
	margin-left: min(45vw / 11.3, 45px);
}
.office_gallery .photo.-p15 {
	margin-right: min(45vw / 11.3, 45px);
}
.office_gallery .photo.-p11,
.office_gallery .photo.-p16 {
	margin-left: min(20vw / 11.3, 20px);
}
.office_gallery .photo.-p12,
.office_gallery .photo.-p17 {
	margin-right: min(40vw / 11.3, 40px);
}
.office_gallery .photo {
	position: relative;
}
.office_gallery .photo .shadow {
	--shadowShift: min(5vw / 11.3, 5px);
	z-index: -1;
	position: absolute;
	inset: 0;
	background: var(--themecolor);
	transform: translate(var(--shadowShift), var(--shadowShift));
}
.office_gallery img {
	width: min(var(--w) * 1vw / 11.3, var(--w) * 1px);
}
.office_gallery .photo .shadow { --aspect: calc(700 / 470); }
.office_gallery .photo.-p1 .shadow,
.office_gallery .photo.-p18 .shadow { --aspect: calc(2270 / 1156); }
.office_gallery .photo.-p7 .shadow { --aspect: calc(1980 / 1054); }
.office_gallery .photo.-p8 .shadow,
.office_gallery .photo.-p9 .shadow { --aspect: calc(580 / 384); }
.office_gallery .photo.-p10 .shadow { --aspect: calc(1500 / 808); }
.office_gallery .photo.-p11 .shadow,
.office_gallery .photo.-p12 .shadow,
.office_gallery .photo.-p16 .shadow,
.office_gallery .photo.-p17 .shadow { --aspect: calc(1050 / 706); }
.office_gallery .photo.-p5,
.office_gallery .photo.-p6 .shadow,
.office_gallery .photo .shadow { --aspect: calc(850 / 580); }
.office_gallery [width="2270"] { --w: 1135; }
.office_gallery [width="1980"] { --w: 990; }
.office_gallery [width="580"]  { --w: 290; }
.office_gallery [width="1500"] { --w: 750; }
.office_gallery [width="1050"] { --w: 525; }
.office_gallery [width="850"]  { --w: 425; }
.office_gallery [width="700"]  { --w: 350; }

/* inview */
.office_gallery .photo .img {
	display: inline-block;
}
.office_gallery .photo.js-inview {
	--skew: 40px;
}
.office_gallery .photo.js-inview .img::before {
	content: "";
	position: absolute;
	inset: 0;
	background: #c7161dcc;
}
.office_gallery .photo.js-inview .img,
.office_gallery .photo.js-inview .img::before {
	clip-path: polygon(0 0, calc(100% + var(--skew)) 0, 100% 100%, calc(var(--skew) * -1) 100%);
}
.office_gallery .photo.js-inview:not(.is-inview) .shadow {
	opacity: 0;
	transform: none;
}
.office_gallery .photo.js-inview:not(.is-inview) .img {
	clip-path: polygon(0 0, 0 0, calc(var(--skew) * -1) 100%, calc(var(--skew) * -1) 100%);
}
.office_gallery .photo.js-inview.is-inview .img::before {
	clip-path: polygon(calc(100% + var(--skew)) 0, calc(100% + var(--skew)) 0, 100% 100%, 100% 100%);
}
.office_gallery .photo.is-anim .shadow {
	transition: opacity .8s .6s, transform .8s .6s var(--easeInOut);
}
.office_gallery .photo.is-anim .img,
.office_gallery .photo.is-anim .img::before {
	transition: clip-path .8s var(--easeInOut);
}
.office_gallery .photo.is-anim .img::before {
	transition-delay: .2s;
}

/* :::::: About :::::: */
.office_about {
	position: relative;
	max-width: 850px;
	margin: calc(var(--sectionSpace) * .5) auto 0;
	padding: 40px 0;
	border-image: linear-gradient(white, white) 0 fill / 0 / 0 50vw;
}
.office_about::before {
	content: "";
	position: absolute;
	inset: 1em var(--breakout);
	border-block: 1px solid var(--themecolor);
}
.office_about .title {
	width: fit-content;
	margin-inline: auto;
	color: var(--themecolor);
	font: 500 min(32vw / 3.75, 2.875rem) / 1.4 var(--fontCondensed); /* 46px */
	text-align: center;
	text-transform: uppercase;
}
.office_about .paragraph {
	margin-top: .5em;
}

/* inview */
.office_about.js-inview .title,
.office_about.js-inview .paragraph span {
	mask: linear-gradient(white, white) left center / 100% 100% no-repeat;
}
::-webkit-full-page-media, :future, :root .office_about.js-inview .paragraph span {
	display: inline-block;
}
.office_about.js-inview:not(.is-inview) .title ,
.office_about.js-inview:not(.is-inview) .paragraph span {
	mask-size: 0 100%;
}
.office_about.is-anim .title,
.office_about.is-anim .paragraph span {
	transition: mask-size .6s var(--easeOut);
}
.office_about.is-anim .paragraph span {
	transition-duration: 1.2s;
	transition-delay: .2s;
}
@media screen and (max-width: 767.98px) {
	.office_about {
		margin-top: calc(16vw / 3.75);
	}
}


/**
 * 社内制度・福利厚生
 * ---------------------------------------- */
.benefits_list {
	margin-top: var(--sectionSpace);
}
.benefits_list .item {
	container-type: inline-size;
	height: 100%;
	padding: 20px;
	border-top: 6px solid var(--themecolor);
	border-bottom: 2px solid var(--themecolor);
	background: white;
}
.benefits_list .title {
	position: relative;
	margin-top: .6em;
	padding-bottom: .4em;
	color: var(--themecolor);
	font-weight: 500;
	font-size: clamp(1.125rem, 25cqi / 3, 1.5625rem); /* 25px */
	line-height: 1.4;
	text-align: center;
}
.benefits_list .title::before {
	content: "";
	position: absolute;
	inset: auto 0 0;
	width: 7em;
	margin-inline: auto;
	border-bottom: 1px solid #646464;
}
.benefits_list .paragraph {
	margin-top: 1.2em;
	font-size: clamp(.75rem, 15cqi / 3, .9375rem); /* 15px */
	line-height: 1.6;
}
@media print, (min-width: 480px) {
	.benefits_list {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: min(56vw / 11.3, 56px) min(32vw / 11.3, 32px);
	}
}
@media print, (min-width: 768px) {
	.benefits_list {
		grid-template-columns: repeat(3, 1fr);
	}
	.benefits_list .paragraph {
		min-height: calc(6em * 1.6);
	}
}




/**
 * Recruiting Info
 * ---------------------------------------- */
.page-info {
	padding-top: 0;
}
.page-info [data-wp]:empty {
	min-height: 50svh;
}
.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;
	margin-inline: var(--breakout);
}
.info_header .visual {
	position: relative;
}
.info_header .visual::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;
	}
}


/**
 * 募集職種
 * ---------------------------------------- */
.info_section {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: var(--sectionSpace) 0;
	border-image: linear-gradient(#e6e6e6, #e6e6e6) 0 fill / 0 / 0 50vw;
}
.info_section::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0 50vw;
}
.info_section + .info_section {
	margin-top: var(--sectionSpace);
}
/* Title (wp-block-post-title) */
.info_section_title {
	display: flex;
	align-items: end;
	justify-content: space-between;
	column-gap: 2em;
	width: 100%;
	color: white;
	font-weight: 500;
	font-size: min(15vw / 3.75, 1.875rem); /* 30px */
	line-height: 1.2;
}
.info_section_title .label {
	align-self: center;
	display: flex;
	align-items: center;
	z-index: 0;
	position: relative;
	width: calc(100% - 5em);
	min-height: 2.4em;
	padding: .5em 1.5em;
	padding-left: 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_title + * {
	margin-top: var(--sectionSpace);
}
/* Contents (wp-block-post-content) */
.info_section_content {
	padding: var(--sectionSpace) var(--sectionSpace) calc(var(--sectionSpace) * 1.4);
	background: white;
}
.info_section_content h3 {
	border-bottom: 2px solid var(--black);
	color: var(--themecolor);
	font-weight: 500;
	font-size: min(16vw / 3.75, 1.5625rem); /* 25px */
}
.info_section_content h3:not(:first-child) {
	margin-top: 2.5em;
}
.info_section_content p,
.info_section_content ul {
	font-size: min(14vw / 3.75, 1rem);
	line-height: 1.5625em;
}
.info_section_content h3 + p,
.info_section_content h3 + ul,
.info_section_content ul + ul,
.info_section_content p + p,
.info_section_content ul + p,
.info_section_content p + ul {
	margin-top: 1em;
}
.info_section_content ul li {
	padding-left: 1em;
	text-indent: -1em;
}
.info_section_content ul .rich-text {
	display: inline;
}
.info_section_content 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);
}
/* Button */
.wp-block-buttons {
	display: flex;
	justify-content: center;
	column-gap: 1em;
	margin-top: var(--sectionSpace);
	font: 600 min(16vw / 3.75, 2rem) / 1.4 var(--fontEn);
}
.wp-block-buttons .wp-block-button {
	width: 100%;
	max-width: 304px;
}
.wp-block-buttons .wp-block-button__link {
	display: grid;
	place-items: center;
	position: relative;
	height: 76px;
	padding: 0;
	border-radius: 0;
	color: white;
	background: var(--themecolor);
	box-shadow: .15em .15em 0 var(--black);
}
.wp-block-buttons .wp-block-button__link::before {
	content: "";
	position: absolute;
	inset: .2em;
	border: 1px solid currentcolor;
}
@media (hover) {
	.wp-block-buttons .wp-block-button__link {
		transition: box-shadow .4s var(--easeOut), transform .4s var(--easeOut);
	}
	.wp-block-buttons .wp-block-button__link:hover {
		transform: translate(.15em, .15em);
		box-shadow: 0 0 0 var(--black);
		transition-duration: .2s;
	}
}


/**
 * FAQ
 * ---------------------------------------- */
.faq_container {
	position: relative;
	max-width: 960px;
	margin: 0 auto;
	padding: var(--sectionSpace) 0;
	border-image: linear-gradient(#e6e6e6, #e6e6e6) 0 fill / 0 / 0 50vw;
}
.faq_container::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0 50vw;
}
.faq_anchor {
	display: none;
}
.faq_section {
	padding: var(--sectionSpace);
	padding-bottom: 0;
	background: white;
}
.faq_section:last-of-type {
	padding-bottom: var(--sectionSpace);
}
/* Category Title */
.faq_title {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
}
.faq_title .main {
	z-index: 0;
	position: relative;
	width: calc(100% - 80px);
	width: 10em;
	padding: .2em 1em .25em;
	color: white;
	white-space: nowrap;
	font: 500 min(28vw / 3.75, 3.125rem) / 1 var(--fontCondensed); /* 50px */
}
.faq_title .main::before {
	content: "";
	z-index: -1;
	position: absolute;
	inset: 0;
	background: linear-gradient(170deg, #db666b, #b32027);
	transform: skew(-33deg);
}
.faq_title .sub {
	font-weight: 500;
	font-size: min(18vw / 3.75, 1.75rem); /* 28px */
	letter-spacing: .2em;
}
/* WP Contents */
.faq_content {
	margin-top: min(24vw / 3.75, 32px);
}
.faq_content + .faq_content {
	margin-top: min(24vw / 3.75, 40px);
}
.faq_content .q,
.faq_content .a {
	line-height: 1.6;
}
.faq_content .q {
	padding-bottom: .5em;
	padding-left: min(24vw / 3.75, 3.125rem);
	border-bottom: 2px solid var(--black);
	color: var(--themecolor);
	font-weight: 500;
	font-size: min(16vw / 3.75, 1.5625rem); /* 25px */
	text-indent: max(-24vw / 3.75, -3.125rem);
}
.faq_content .a {
	position: relative;
	padding-left: min(24vw / 3.75, 3.125rem);
}
.faq_content .a a {
	color: var(--themecolor);
	background: linear-gradient(currentcolor, currentcolor) left bottom / 100% 1px no-repeat;
}
@media (hover) {
	.faq_content .a a {
		transition: background-size .4s var(--easeOut);
	}
	.faq_content .a a:hover {
		background-position: right bottom;
		background-size: 0 1px;
		transition-duration: .2s;
	}
}
.faq_content .q::before,
.faq_content .a::before {
	font: 500 min(24vw / 3.75, 3.125rem) / 1 var(--fontCondensed); /* 50px */
}
.faq_content .q::before {
	content: "Q.";
	margin-right: .3em;
}
.faq_content .a::before {
	content: "A.";
	position: absolute;
	left: 0;
}
.faq_content p {
	margin-top: 1em;
	font-size: min(12vw / 3.75, 1rem); /* 16px */
}
@media print, (min-width: 767.98px) {
	.faq_content {
		max-width: calc(100% - 180px);
	}
	.faq_anchor {
		display: block;
		position: absolute;
		top: 344px;
		right: 0;
		width: 240px;
		padding-inline: 40px;
		font-size: .9375rem;
		background: white;
	}
	.faq_anchor li:first-child {
		border-top: 1px solid #969696;
	}
	.faq_anchor li {
		border-bottom: 1px solid #969696;
	}
	.faq_anchor a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: .5em .25em;
	}
	.faq_anchor .arr {
		width: 1em;
		fill: none;
		stroke: var(--themecolor);
		stroke-width: 2;
	}
}


/**
 * 404
 * ---------------------------------------- */
.page-404 {
	padding-top: 0;
}
.page-404 .info_header .image {
	overflow: hidden;
}
.notfound_content {
	position: relative;
	max-width: 800px;
	margin: 0 auto;
	padding: var(--sectionSpace) 0;
	border-image: linear-gradient(#e6e6e6, #e6e6e6) 0 fill / 0 / 0 50vw;
	text-align: center;
}
.notfound_content::before {
	content: "";
	position: absolute;
	inset: 0 0 auto;
	height: 3px;
	border-image: linear-gradient(var(--themecolor), var(--themecolor)) 0 fill / 0 / 0 50vw;
}
/* Button */
.notfound_content .button {
	display: grid;
	place-items: center;
	position: relative;
	max-width: 320px;
	height: 76px;
	padding: 0 2em;
	margin: 2em auto;
	border-radius: 0;
	color: white;
	background: var(--themecolor);
	box-shadow: .15em .15em 0 var(--black);
}
.notfound_content .button::before {
	content: "";
	position: absolute;
	inset: .2em;
	border: 1px solid currentcolor;
}
@media (hover) {
	.notfound_content .button {
		transition: box-shadow .4s var(--easeOut), transform .4s var(--easeOut);
	}
	.notfound_content .button:hover {
		transform: translate(.15em, .15em);
		box-shadow: 0 0 0 var(--black);
		transition-duration: .2s;
	}
}


/**
 * Entry (formrun)
 * ---------------------------------------- */
.page-entry .entry_container {
	min-height: 100svh;
}