@charset "utf-8";

:root{
	--bleed: 2.5vw;
	--bleed-x: var(--bleed);
	--bleed-y: var(--bleed);
	--bg-shift-x: 0px;
	--bg-shift-y: 0px;
	--header-h: 0px;
	--design-max-font: 1920;
	--font-mult: 1;
	--kv-scale: calc(min(100dvw, var(--design-max-font)*1px) / var(--design-max-font));
	--kv-scale-clip: min(1, var(--kv-scale));
	--font-scale: calc(var(--kv-scale-clip) * var(--font-mult));
	--bg1-pc-w: 1920;
	--bg1-pc-h: 2451;
	--bg1-sp-w: 720;
	--bg1-sp-h: 3031;
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.197), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.220));
	--fs-vw: max(0.6, calc(100dvw / 1920));
	--bg-step: 1;
	--ride-base-pc: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.196), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.224));
	--ride-base-sp: clamp(40px, calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.196), calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.224));
	--bg-step-height: var(--bg-step);
	--ride-step: calc(1 + (var(--bg-step) - 1) * 0.6);
}

@supports not (width: 100dvw){
	:root{
		--kv-scale: calc(min(100vw, var(--design-max-font)*1px) / var(--design-max-font));
		--kv-scale-clip: min(1, var(--kv-scale));
		--font-scale: calc(var(--kv-scale-clip) * var(--font-mult));
	}
}

@media (max-width:810px){ :root{ --font-mult: 1.22; } }
@media (max-width:600px){ :root{ --font-mult: 1.28; } }

html, body{ margin:0; overflow-x:hidden; }

html{
	-webkit-text-size-adjust:100%;
	text-size-adjust:100%;
}

body.interview{
	position:relative;
	background:#d1e8fe !important;
	background-image:none !important;
}

body.interview::before{
	content:"";
	position:absolute;
	left:50%;
	top:0;
	transform:translateX(-50%);
	width:100dvw;
	height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)));
	background-image:url("/recruit/img/interview/bg1_70.webp");
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% auto;
	z-index:0;
	pointer-events:none;
}

@media (max-width:1920px) and (min-width:1681px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}

@media (max-width:1680px) and (min-width:1481px){
	body.interview::before{
		height:calc(101dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}

@media (max-width:1480px) and (min-width:1381px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}

@media (max-width:1380px) and (min-width:1281px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}
@media (max-width:1280px) and (min-width:1181px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}

@media (max-width:1180px) and (min-width:1081px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}

@media (max-width:1080px) and (min-width:981px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}
@media (max-width:980px) and (min-width:881px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}

@media (max-width:880px) and (min-width:811px){
	body.interview::before{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		background-size:calc(100% * var(--bg-step)) auto;
	}
}

@media (max-width:810px) {
	body.interview::before{
		height:calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)));
		background-image:url("/recruit/img/interview/bg1_70_sp.webp");
		background-size:100% auto;
	}
}


@media (max-width:901px) and (min-width: 811px){
	:root{ --pc-grow: 1.70; }
	body.interview::before{
		background-size: calc(100% * var(--pc-grow)) auto;
		height: calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--pc-grow));
	}
}

@media (max-width:500px){
	:root{ --sp-grow: 1.01; }
	body.interview::before{
		background-image:url("/recruit/img/interview/bg1_70_sp.webp");
		background-size: calc(100% * var(--sp-grow)) auto;
		height: calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--sp-grow));
	}
}


@media (max-width:480px){
	:root{ --sp-grow: 1.02; }
	body.interview::before{
		background-size: calc(100% * var(--sp-grow)) auto;
		height: calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--sp-grow));
	}
}

@media (max-width:430px){
	:root{ --sp-grow: 1.03; }
	body.interview::before{
		background-size: calc(100% * var(--sp-grow)) auto;
		height: calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--sp-grow));
	}
}


@media (max-width:400px){
	:root{ --sp-grow: 1.04; }
	body.interview::before{
		background-size: calc(100% * var(--sp-grow)) auto;
		height: calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--sp-grow));
	}
}



body.interview header{
	z-index:10;
	background:transparent !important;
}

body.interview header #nav{
	background:transparent !important;
}

.interview #wrap{
	max-width:calc(var(--design-max) * 1px);
	position:relative;
	z-index:1;
	padding-top:0;
	overflow-x:hidden;
	overflow-y:visible;
}

@media (max-width:810px) {
	.review img{ max-width:none !important; }
}

.interview #nav{ display:none !important; }

.interview body.start #nav{ animation:none !important; }

:root{
	--w-base: 1920;
	--bg-grow-k: 0.10;
	--ride-grow-k: calc(var(--bg-grow-k) * 0.6);
}

.title-section{ overflow:visible; }
@supports not (overflow: clip){ .title-section{ overflow:visible; } }

.bg1-band{
	position:relative;
	z-index:1;
	width:100dvw;
	margin-left:calc(50% - 50dvw);
	margin-right:calc(50% - 50dvw);
	aspect-ratio:var(--bg1-pc-w) / var(--bg1-pc-h);
}

@media (max-width:1920px) and (min-width:1681px){
	:root{ --bg-step: 1.05;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 0.6);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.210), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.220));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:1680px) and (min-width:1481px){
	:root{ --bg-step: 1.05;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 0.8);
	--bg1-ride: clamp(10px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.210), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.220));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:1480px) and (min-width:1381px){
	:root{ --bg-step: 1.07; 
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.230), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.230));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:1380px) and (min-width:1281px){
	:root{ --bg-step: 1.10;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.240), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.240));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:1280px) and (min-width:1181px){
	:root{ --bg-step: 1.55;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.270), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.300));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:1180px) and (min-width:1081px){
	:root{ --bg-step: 1.55;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.270), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.300));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:1080px) and (min-width:981px){
	:root{ --bg-step: 1.60;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.270), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.300));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:980px) and (min-width:881px){
	:root{ --bg-step: 1.70;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.270), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.300));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}
@media (max-width:880px) and (min-width:811px){
	:root{ --bg-step: 1.69;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.275), calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * 0.300));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-pc-h) / var(--bg1-pc-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}

@media (max-width:810px) and (min-width:601px){
	:root{ --bg-step: 0.860;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190), calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.220));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}

@media (max-width:600px) and (min-width:501px){
	:root{ --bg-step: 1.184;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190), calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.220));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}

@media (max-width:500px) and (min-width:481px){
	:root{ --bg-step: 1.190;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190), calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}

@media (max-width:480px) and (min-width:431px){
	:root{ --bg-step: 1.205;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190), calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}


@media (max-width:430px) and (min-width:401px){
	:root{ --bg-step: 1.215;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190), calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}

@media (max-width:400px) {
	:root{ --bg-step: 1.225;
	--ride-step: calc(1 + (var(--bg-step) - 1) * 1.02);
	--bg1-ride: clamp(40px, calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190), calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * 0.190));
	}
	.bg1-band{
		height:calc(100dvw * (var(--bg1-sp-h) / var(--bg1-sp-w)) * var(--bg-step));
		aspect-ratio:auto;
	}
}




/*
#rechead,
#gentry,
.menu-trigger,
#nav {
	opacity: 0;
	pointer-events: none;
}

body.start #rechead,
body.start #gentry,
body.start .menu-trigger { animation: DownAnime .5s 2s forwards; }
body.start #nav { animation: leftAnime .5s 2s forwards; }

#rechead {
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	z-index: 15;
}

@keyframes DownAnime {
	0%   { opacity: 0; transform: translateY(-20px); }
	100% { opacity: 1; transform: translateY(0); }
}
@keyframes leftAnime {
	0%   { opacity: 0; transform: translateX(-20px); }
	100% { opacity: 1; transform: translateX(0); }
}

*/



/* title */
.title-section{
	--title-wrap: clamp(320px, 50dvw, 9999px);
	--t2-wp: 1;
	--t2-ar: .10;
	--overlap-ratio: .40;
	--overlap-gap: 0px;
	--t2-scale: 1.4;
	position:relative;
	margin:0;
	width:100dvw;
	margin-left:calc(50% - 50dvw);
	margin-right:calc(50% - 50dvw);
	margin-bottom:7%;
	overflow:clip;
}

@supports not (overflow: clip){
	.title-section{ overflow:hidden; }
}

@supports not (width: 100dvw){
	.title-section{
		width:100vw;
		margin-left:calc(50% - 50vw);
		margin-right:calc(50% - 50vw);
	}
}

.interview-title-container{
	position:relative;
	z-index:2;
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:clamp(10px, 2.6dvw, 18px);
	width:var(--title-wrap);
	margin:0 auto;
}

.interview-title{
	display:block;
	height:auto;
	max-width:none;
}

.interview-title.title1{ width:28%; }

.interview-title.title2{
	position:relative;
	width:calc(var(--t2-wp) * 100% * var(--t2-scale));
	z-index:5;
	pointer-events:none;
	transform:none;
}

.emp-hero{
	position:relative;
	z-index:1;
	display:grid;
	grid-template-columns:1fr 1fr;
	width:100%;
	margin-top:calc(-1 * var(--title-wrap) * var(--t2-wp) * var(--t2-ar) * var(--t2-scale) * var(--overlap-ratio) + var(--overlap-gap));
}

.emp-block{
	position:relative;
	min-height:clamp(320px, 52svh, 680px);
	overflow:hidden;
	--label-x:50%;
	--label-y:50%;
	--label-scale:1.28;
	container-type:inline-size;
}

.emp-block .emp-hitarea{
	position:absolute;
	inset:0;
	display:block;
	z-index:999;
	text-indent:-9999px;
	background:transparent;
}

.emp-block .emp-hitarea:focus-visible{
	outline:2px solid #08f;
	outline-offset:2px;
}

.emp-photo{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
	border:0;
}

.emp-label{
	position:absolute;
	left:var(--label-x);
	top:var(--label-y);
	transform:translate(-50%, -50%) scale(var(--label-scale));
	width:clamp(215px, 42cqw, 560px);
	height:auto;
	pointer-events:none;
	z-index:2;
}

@supports not (container-type: inline-size){
	.emp-label{ width:clamp(215px, 28dvw, 560px); }
}

.emp-left{ --label-x:50%; --label-y:82%; --label-scale:1.6; }
.emp-right{ --label-x:50%; --label-y:82%; --label-scale:1.6; }

.emp-left{ margin-right:-1px; }
.emp-right{ margin-left:-1px; }

.emp-left:hover{ cursor:pointer; }
.emp-right:hover{ cursor:pointer; }

.title-section .effect{
	opacity:0;
	transform:translateY(12px);
	transition:opacity .6s ease, transform .6s ease;
	will-change:opacity, transform;
}

.title-section .effect.play{
	opacity:1;
	transform:none;
}

.emp-left, .emp-right{ --photo-pos-x:50%; }
.emp-photo{ object-position:var(--photo-pos-x) 50%; }

@media (min-width:1281px){
	.emp-left{ --photo-pos-x:62%; }
	.emp-right{ --photo-pos-x:38%; }
}

@media (max-width:1280px) and (min-width:1024px){
	.emp-left{ --photo-pos-x:60%; }
	.emp-right{ --photo-pos-x:40%; }
}

@media (max-width:1023px) and (min-width:811px){
	.emp-left{ --photo-pos-x:56%; }
	.emp-right{ --photo-pos-x:44%; }
}

@media (max-width:810px){
	.emp-left, .emp-right{ --photo-pos-x:50%; }
}

.interview-title.title2-sp01,
.interview-title.title2-sp02{ display:none; }

@media (max-width:1280px){
	.interview-title-container{ margin-bottom:0; }
	.interview-title.title1{ width:50%; }
	.interview-title.title2{ display:none; }
	.interview-title.title2-sp01,
	.interview-title.title2-sp02{
		display:block;
		width:calc(75% * var(--t2-scale));
	}
	:root{
		--t2sp-left-nudge:clamp(14px, 12dvw, 200px);
		--t2sp-right-nudge:clamp(14px, 12dvw, 200px);
	}
	.interview-title.title2-sp01{ margin-left:calc(-1 * var(--t2sp-left-nudge)); }
	.interview-title.title2-sp02{ margin-left:var(--t2sp-right-nudge); }
}

@media (max-width:1280px) and (min-width:811px){
	.title-section{
		--t2-ar:.20;
		--overlap-ratio:.52;
		--overlap-gap:0px;
		margin-bottom: 15%;
	}
	.interview-title-container{ margin-bottom:0; }
}

@media (max-width:810px){
	.title-section{
		--t2-ar:.20;
		--overlap-ratio:.48;
		--overlap-gap:0px;
	}

	.title-section{ --t1-w-sp:70%; --t2sp-w-sp:100%; }
	.interview-title.title1{ width:var(--t1-w-sp); }
	.interview-title.title2{ display:none; }
	.interview-title.title2-sp01,
	.interview-title.title2-sp02{
		display:block;
		width:calc(var(--t2sp-w-sp) * var(--t2-scale));
	}
}

@media (max-width:810px){
	.emp-block{ container-type:inline-size; }
	.emp-label{
		width:clamp(160px, 90cqw, 420px);
		--label-scale:1;
	}
}

@media (max-width:600px){
	.title-section{ --title-wrap: clamp(180px, 50dvw, 9999px); }
}





/* review */
.review{
	text-align:center;
	width:100%;
	margin:0 auto;
	padding:0 0;
	margin-bottom:0;
	max-width:82vw;
}
@media (max-width:1280px){
	.review{
		text-align:center;
		width:100%;
		margin:0 auto;
		padding:0 0;
		margin-bottom:0;
		max-width:98vw;
	}
}
.review_title_container{
	position:relative;
	width:100%;
	margin-bottom:0;
	z-index:2;
}
.review_title{
	display:block;
	width:56%;
	margin:0 auto;
	padding:0 0 2% 0;
}
@media (max-width:810px){
	.review_title{
		display:block;
		width:80%;
		margin:0 auto;
		padding:0 0 0 0;
		margin-bottom:6vw;
	}
}
.review_graph_container{
	position:relative;
	width:100%;
	margin:0;
	--bg-w:92%;
	--sub-top:-5%;
	--sub-left:10%;
	--sub-w:28%;
	--uline-top:-2%;
	--uline-left:8%;
	--uline-w:34%;
	--point-top:5%;
	--point-right:13%;
	--point-w:36%;
	--star-top:12.1%;
	--star-right:14.5%;
	--star-w:14.5%;
	--hep-top:23%;
	--hep-left:30%;
	--hep-w:32%;
	--graph-top: 32.5%;
    --graph-left: 29.2%;
    --graph-w: 16.5%;
	--note-bg-btm:-5%;
	--note-bg-right:10%;
	--note-bg-w:39%;
	--note-text-btm:2.8%;
	--note-text-right:13.3%;
	--note-text-w:32.5%;
}
.review .review_bg{
	display:block;
	width:var(--bg-w);
	margin:0 auto;
}
.review_graph_container .review_subtitle{
	position:absolute;
	top:var(--sub-top);
	left:var(--sub-left);
	width:var(--sub-w);
}
.review_graph_container .review_subtitle_underline{
	position:absolute;
	top:var(--uline-top);
	left:var(--uline-left);
	width:var(--uline-w);
}
.review_graph_container .review_point{
	position:absolute;
	top:var(--point-top);
	right:var(--point-right);
	width:var(--point-w);
}
.review_graph_container .review_star{
	position:absolute;
	top:var(--star-top);
	right:var(--star-right);
	width:var(--star-w);
}
.review_graph_container .heptagon{
	position:absolute;
	top:var(--hep-top);
	left:var(--hep-left);
	transform:translateX(-50%);
	width:var(--hep-w);
}
.review_graph_container .review_graph{
	position:absolute;
	top:var(--graph-top);
	left:var(--graph-left);
	transform:translateX(-50%);
	width:var(--graph-w);
}
.review_graph_container .review_note_bg{
	position:absolute;
	bottom:var(--note-bg-btm);
	right:var(--note-bg-right);
	width:var(--note-bg-w);
}
.review_graph_container .review_note_text{
	position:absolute;
	bottom:var(--note-text-btm);
	right:var(--note-text-right);
	width:var(--note-text-w);
}
@media (max-width:810px){
	.review_graph_container{--note-zoom:1.00;}
	.review_graph_container .review_note_bg,
	.review_graph_container .review_note_text{
		left:51.5%;
		right:auto;
		transform:translate(-50%,0) scale(var(--note-zoom));
		transform-origin:center bottom;
	}
	.review_graph_container .review_note_bg{z-index:1;}
	.review_graph_container .review_note_text{z-index:2;}
}
.review_subtitle{
	display:block;
	transform-origin:center center;
	transform:rotate(-150deg);
	opacity:0;
	transition:transform 600ms cubic-bezier(.2,.7,.2,1),opacity 400ms ease;
}
.review.after-fade .review_subtitle{
	transform:rotate(0);
	opacity:1;
	transition-delay:0ms,0ms;
}
.review_subtitle_underline{
	display:block;
	clip-path:inset(0 100% 0 0);
	-webkit-clip-path:inset(0 100% 0 0);
	transition:clip-path 600ms ease-out;
}
.review.after-fade .review_subtitle_underline{
	clip-path:inset(0 0 0 0);
	-webkit-clip-path:inset(0 0 0 0);
	transition-delay:300ms;
}
.review_graph_container .review_graph{
	--graph-scale:.01;
	transform-origin:center center;
	transform:translateX(-50%) scale(var(--graph-scale));
	transition:transform 600ms cubic-bezier(.22,.74,.26,.99);
	will-change:transform;
}
.review.after-fade .review_graph{
	--graph-scale:1;
	transition-delay:0ms;
}
.review_star{
	display:block;
	clip-path:inset(0 100% 0 0);
	-webkit-clip-path:inset(0 100% 0 0);
	transition:clip-path 600ms ease-out;
}
.review.after-fade .review_star{
	clip-path:inset(0 0 0 0);
	-webkit-clip-path:inset(0 0 0 0);
	transition-delay:0ms;
}
.review_note_text{
	display:block;
	opacity:0;
	transition:opacity 2000ms ease-out;
}
.review.after-fade .review_note_text{
	opacity:1;
	transition-delay:0ms;
}
@media (max-width:810px){
	:root{
		--review-pop:1.14;
		--review-shift-x:0px;
		--review-shift-y:30px;
		--review-base-h:62svh;
		--review-base-w:62cqw;
		--review-gap:10cqw;
	}
	.review{
		width:100dvw;
		margin-left:calc(50% - 50dvw);
		margin-right:calc(50% - 50dvw);
		overflow:visible;
		margin-bottom:0;
		margin-top:8vw;
	}
	.review::after{
		content:"";
		display:block;
		height:calc((var(--review-pop) - 1) * var(--review-base-h));
	}
	.review.effect{
		transform:translate(var(--review-shift-x),calc(22px + var(--review-shift-y))) scale(var(--review-pop)) !important;
		transform-origin:center top;
	}
	.review.effect.play{
		transform:translate(var(--review-shift-x),var(--review-shift-y)) scale(var(--review-pop)) !important;
		transform-origin:center top;
	}
	.review_graph_container{
		margin-bottom:5%;
		--bg-w:130%;
		--rbg-shift-x:-11%;
		--rbg-shift-y:0;
		--sub-top:-4%;
		--sub-left:11%;
		--sub-w:35%;
		--uline-top:-2%;
		--uline-left:10%;
		--uline-w:42%;
		--point-top:6%;
		--point-right:9.5%;
		--point-w:80%;
		--star-top:10.8%;
		--star-right:15%;
		--star-w:31%;
		--hep-top:23%;
		--hep-left:51%;
		--hep-w:69%;
		--graph-top:29%;
		--graph-left:49%;
		--graph-w:35%;
		--note-bg-btm:-18%;
		--note-bg-right:7%;
		--note-bg-w:83.5%;
		--note-text-btm:-13.3%;
		--note-text-right:14%;
		--note-text-w:69.5%;
	}
	.review .review_bg{
		display:block;
		width:var(--bg-w);
		margin:0 auto;
		transform:translate(var(--rbg-shift-x),var(--rbg-shift-y));
	}
	@supports (container-type:inline-size){
		.review{container-type:inline-size;}
		.review::after{
			height:calc((var(--review-pop) - 1) * var(--review-base-w) + var(--review-gap));
		}
		.your_report{
			display:block;
			width:clamp(var(--yr-min,320px),var(--yr-mid,94dvw),var(--yr-max,1100px));
			max-width:none;
			height:auto;
			margin:clamp(16px,6cqw,12cqw) auto 0;
		}
	}
}
	
@supports not (container-type:inline-size){
	@media (max-width:810px){
		.review::after{height:calc((var(--review-pop) - 1) * 62vw + 10vw);}
		.your_report{margin-top:clamp(16px,6vw,12vw);}
	}
}




/* review-list */
.reviews-list{
	position:relative;
	z-index:2;
	background:transparent;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	--gap:15px;
	gap:var(--gap);
	width:min(76vw,90vw);
	margin:0 auto;
	padding:0% 0;
	justify-content:flex-start;
	margin-bottom:8vw;
	margin-top:calc(-1 * var(--bg1-ride,80px));
	--job-left:0px;
	--job-top:0px;
	--join-left:0px;
	--join-top:0px;
	--job-dy:-12px;
	--join-dy:-4px;
	--jj-gap:0px;
}

.reviews-list .your_report{
	display:block;
	margin:0% 0% -5% -.5%;
	width:98%;
}

@media (max-width:1480px){
	.reviews-list .your_report{
		display:block;
		margin:2% 0 -5% 0;
	}
}

@media (max-width:1280px){
	.reviews-list .your_report{
		display:block;
		margin:0% 0 -5% 0;
	}
	.reviews-list{
		position:relative;
		z-index:2;
		background:transparent;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		--gap:15px;
		gap:var(--gap);
		width:min(90vw,1550px);
		margin:0 auto;
		padding:0% 0;
		justify-content:flex-start;
		margin-bottom:8vw;
		margin-top:calc(-1.12 * var(--bg1-ride));
	}
}

.your_report{
	display:block;
	width:clamp(var(--yr-min,320px),var(--yr-mid,68dvw),var(--yr-max,1400px));
	max-width:none;
	height:auto;
	margin:clamp(16px,4svh,40px) auto 0;
}

@media (max-width:1280px){
	.your_report{
		display:block;
		--yr-mid:90dvw;
		--yr-max:1280px;
	}
}

@media (max-width:810px){
	.reviews-list{
		position:relative;
		z-index:2;
		background:transparent;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		--gap:15px;
		gap:var(--gap);
		width:min(90vw,1550px);
		margin:0 auto;
		padding:0% 0;
		justify-content:flex-start;
		margin-bottom:8vw;
		margin-top:calc(.15 * var(--bg1-ride));
	}
	.your_report{
		--yr-mid:94dvw;
		--yr-max:1100px;
		margin-top:clamp(24px,6svh,64px);
	}
}

@media (max-width:600px){
	.reviews-list{
		position:relative;
		z-index:2;
		background:transparent;
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		--gap:15px;
		gap:var(--gap);
		width:min(90vw,1550px);
		margin:0 auto;
		padding:0% 0;
		justify-content:flex-start;
		margin-bottom:8vw;
		margin-top:calc(-1.60 * var(--bg1-ride));
	}
	.your_report{
		--yr-mid:94dvw;
		--yr-max:1100px;
		margin-top:clamp(24px,6svh,64px);
	}
}

@media (max-width:480px){
	.reviews-list .your_report{
		display:block;
		margin:0% 0 -8% 0;
	}
}
.reviews-list>.list-item{
	container-type:inline-size;
	flex:0 1 calc((100% - 2*var(--gap))/3);
	max-width:calc((100% - 2*var(--gap))/3);
	margin-top:3%;
	margin-bottom:0%;
	--card-scale:var(--kv-scale-clip);
	--font-scale:var(--kv-scale-clip) !important;
}

@media (max-width:1280px){
	.reviews-list>.list-item{
		flex:0 1 calc((100% - var(--gap))/2);
		max-width:calc((100% - var(--gap))/2);
	}
	.reviews-list>.list-item.effect:nth-child(2n+1){transition-delay:0s !important; --stagger-base:0s;}
	.reviews-list>.list-item.effect:nth-child(2n){transition-delay:.40s !important; --stagger-base:.40s;}
}

@media (max-width:1280px){
	:root{
		--t2sp-left-nudge:clamp(14px,15dvw,200px);
		--t2sp-right-nudge:clamp(14px,15dvw,200px);
	}
	.interview-title-container{align-items:center; margin-bottom:3%;}
	.interview-title.title2-sp01{align-self:center; margin-left:calc(-1 * var(--t2sp-left-nudge));}
	.interview-title.title2-sp02{align-self:center; margin-left:var(--t2sp-right-nudge);}
}

@media (max-width:810px){
	:root{
		--t2sp-left-nudge:clamp(16px,25dvw,220px);
		--t2sp-right-nudge:clamp(16px,25dvw,220px);
	}
	.interview-title.title2-sp01{margin-left:calc(-1 * var(--t2sp-left-nudge));}
	.interview-title.title2-sp02{margin-left:var(--t2sp-right-nudge);}
	.interview-title.title2-sp01,
	.interview-title.title2-sp02{display:block; width:calc(var(--t2sp-w-sp) * var(--t2-scale));}
}

.reviews-list>.list-item.effect{transition-delay:0s !important; --stagger-base:0s;}

@media (min-width:1281px){
	.reviews-list>div.list-item.effect:nth-of-type(3n-2){transition-delay:0s !important; --stagger-base:0s;}
	.reviews-list>div.list-item.effect:nth-of-type(3n-1){transition-delay:.40s !important; --stagger-base:.40s;}
	.reviews-list>div.list-item.effect:nth-of-type(3n){transition-delay:.80s !important; --stagger-base:.80s;}
}

@media (max-width:1280px){
	.reviews-list>.list-item{flex:0 1 calc((100% - var(--gap))/2); max-width:calc((100% - var(--gap))/2);}
	.reviews-list>div.list-item.effect:nth-of-type(2n-1){transition-delay:0s !important; --stagger-base:0s;}
	.reviews-list>div.list-item.effect:nth-of-type(2n){transition-delay:.40s !important; --stagger-base:.40s;}
}

@media (max-width:810px){.reviews-list{--gap:14px;}}
@media (max-width:600px){.reviews-list{--gap:12px;}}

.list-item{position:relative;}
.list_note{display:block; width:100%;}
.list-top{position:absolute; top:0; left:0; height:100%; width:100%;}
.list_point_bg{position:absolute; top:4.1%; left:12%; width:81%;}

.list_point{
	position:absolute;
	top:var(--lp-top,4.8%);
	left:var(--lp-left,19%);
	display:flex;
	align-items:center;
	justify-content:center;
	color:#fff;
	font-family:'Jost',sans-serif;
	font-weight:700;
	font-size:clamp(20px, 3.2vw, 62px);
}

.list_per_point{position:absolute; top:9.7%; left:32%; width:15.4%;}
.reviews-list .list_point{opacity:0; transition:opacity 120ms ease;}
.reviews-list .list-item.inner-play .list_point{opacity:1;}

.list_star01,
.list_star02,
.list_star03{position:absolute; top:6.9%; right:11%; width:40%;}

.list-middle{position:absolute; top:23%; left:12%; width:100%;}
.list_heptagon{position:absolute; top:0; left:0; width:82%;}
.list_graph{position:absolute; top:0; left:12.9%; width:45.6%; margin:10.2% 0 0 0;}
.list-bottom{position:absolute; top:76%; left:2%; width:100%;}
.list_note_woman{position:relative; z-index:1; display:block; width:83%; margin:0 auto;}

.list-text{
	position:absolute;
	top:var(--txt-top,auto);
	bottom:var(--txt-bottom,21%);
	left:var(--txt-left,14%);
	right:var(--txt-right,auto);
	z-index:2;
	color:#000;
	text-align:left;
	white-space:nowrap;
}

.list-text .job{
	position:relative;
	left:var(--job-left);
	top:var(--job-top);
	width:100%;
	color:#000;
	font-family:'Zen Kaku Gothic Antique',sans-serif;
	font-weight:700;
	line-height:1.4;
	font-size:clamp(12px, 1.4vw, 26px);
	transform:translateY(var(--job-dy));
}

.reviews-list .list-text .join{
	position:relative;
	left:var(--join-left);
	top:var(--join-top);
	width:100%;
	color:#000;
	font-family:'Zen Kaku Gothic Antique',sans-serif;
	font-weight:400;
	line-height:1.15;
	font-size:clamp(10px, 1vw, 18px);
	transform:translateY(var(--join-dy));
	margin-top:var(--jj-gap);
}

.list-text,
.list-text .job,
.list-text .join{writing-mode:horizontal-tb; text-orientation:mixed; white-space:nowrap; z-index:100 !important;}

.reviews-list .list_star01,
.reviews-list .list_star02,
.reviews-list .list_star03{clip-path:inset(0 100% 0 0); -webkit-clip-path:inset(0 100% 0 0); transition:clip-path 600ms ease-out,-webkit-clip-path 600ms ease-out; will-change:clip-path;}

.reviews-list .list-item.inner-play .list_star01,
.reviews-list .list-item.inner-play .list_star02,
.reviews-list .list-item.inner-play .list_star03{clip-path:inset(0 0 0 0); -webkit-clip-path:inset(0 0 0 0); transition-delay:calc(var(--stagger-base,0s) + 80ms);}

.reviews-list .list_graph{
	position:absolute;
	top:var(--lg-top,0);
	left:var(--lg-left,50%);
	width:var(--lg-w,45.6%);
	margin-top:var(--lg-mt,10.2%);
	transform:translateX(var(--lg-tx,-50%)) scale(.01);
	transform-origin:center center;
	opacity:0;
	transition:transform 600ms cubic-bezier(.22,.74,.26,.99),opacity 400ms ease;
}

.reviews-list .list-item.inner-play .list_graph{transform:translateX(var(--lg-tx,-50%)) scale(1); opacity:1; transition-delay:80ms,80ms;}

.list_graph[src$="list_graph01.webp"]{--lg-w:44.8%; --lg-mt:10.2%; --lg-left:40.5%; --lg-tx:-50%;}
.list_graph[src$="list_graph02.webp"]{--lg-w:40.5%; --lg-mt:10.2%; --lg-left:39%; --lg-tx:-50%;}
.list_graph[src$="list_graph03.webp"]{--lg-w:50.6%; --lg-mt:10.2%; --lg-left:38%; --lg-tx:-50%;}
.list_graph[src$="list_graph04.webp"]{--lg-w:45.1%; --lg-mt:10%; --lg-left:41%; --lg-tx:-50%;}
.list_graph[src$="list_graph05.webp"]{--lg-w:45.1%; --lg-mt:9.9%; --lg-left:41%; --lg-tx:-50%;}
.list_graph[src$="list_graph06.webp"]{--lg-w:40.5%; --lg-mt:4.7%; --lg-left:38.5%; --lg-tx:-50%;}
.list_graph[src$="list_graph07.webp"]{--lg-w:45.6%; --lg-mt:10.6%; --lg-left:36%; --lg-tx:-50%;}
.list_graph[src$="list_graph08.webp"]{--lg-w:34.8%; --lg-mt:15.8%; --lg-left:41%; --lg-tx:-50%;}
.list_graph[src$="list_graph09.webp"]{--lg-w:45%; --lg-mt:4.5%; --lg-left:41%; --lg-tx:-50%;}
.list_graph[src$="list_graph10.webp"]{--lg-w:40.1%; --lg-mt:10.2%; --lg-left:43%; --lg-tx:-50%;}
.list_graph[src$="list_graph11.webp"]{--lg-w:50%; --lg-mt:10.2%; --lg-left:38%; --lg-tx:-50%;}
.list_graph[src$="list_graph12.webp"]{--lg-w:39.3%; --lg-mt:10.2%; --lg-left:38%; --lg-tx:-50%;}
.list_graph[src$="list_graph13.webp"]{--lg-w:40.5%; --lg-mt:4.7%; --lg-left:38.5%; --lg-tx:-50%;}
.list_graph[src$="list_graph14.webp"]{--lg-w:50.3%; --lg-mt:10.2%; --lg-left:38%; --lg-tx:-50%;}

@media (max-width:1280px) and (min-width:811px){
	.reviews-list{--vw-min:811;--vw-max:1280;--jj-gap:0px;--job-left:0px;--job-top:0px;--join-left:0px;--join-top:0px;--job-dy:-12px;--join-dy:-4px;}
	.reviews-list>.list-item{--lp-top:4.1%;--lp-left:20%;}
	.list-text{--txt-bottom:22%;--txt-left:13%;}
	.list_point{
		top:var(--lp-top);
		left:var(--lp-left);
		--fs-min:36;--fs-max:62;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
	}
	.list-text .job{
		--fs-min:18;--fs-max:26;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--job-dy));
	}
	.reviews-list .list-text .join{
		margin-top:var(--jj-gap);
		--fs-min:12;--fs-max:18;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--join-dy));
	}
}

@media (max-width:810px) and (min-width:601px){
	.reviews-list{--vw-min:360;--vw-max:810;--jj-gap:0px;--job-left:0px;--job-top:0px;--join-left:0px;--join-top:0px;--job-dy:-10px;--join-dy:-3px;}
	.reviews-list>.list-item{--lp-top:4.5%;--lp-left:20%;}
	.list-text{--txt-bottom:18.5%;--txt-left:12.5%;}
	.list_point{
		top:var(--lp-top);
		left:var(--lp-left);
		--fs-min:20;--fs-max:36;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
	}
	.list-text .job{
		--fs-min:12;--fs-max:16;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--job-dy));
	}
	.reviews-list .list-text .join{
		margin-top:var(--jj-gap);
		--fs-min:10;--fs-max:12;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--join-dy));
	}
}

@media (max-width:600px)and (min-width:501px){
	.reviews-list{--vw-min:320;--vw-max:600;--jj-gap:0px;--job-left:0px;--job-top:0px;--join-left:0px;--join-top:0px;--job-dy:-1px;--join-dy:-2px;}
	.reviews-list>.list-item{        
		--lp-top: 5.8%;
        --lp-left: 21%;
	}
	.list-text{--txt-bottom:20.5%;--txt-left:12%;}
	.list_point{
		top:var(--lp-top);
		left:var(--lp-left);
		--fs-min:18;--fs-max:22;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
	}
	.list-text .job{
		--fs-min:10;--fs-max:14;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--job-dy));
	}
	.reviews-list .list-text .join{
		margin-top:var(--jj-gap);
		--fs-min:8;--fs-max:12;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--join-dy));
	}
}

@media (max-width:500px)and (min-width:401px){
	.reviews-list{--vw-min:320;--vw-max:500;--jj-gap:0px;--job-left:0px;--job-top:0px;--join-left:0px;--join-top:0px;--job-dy:-1px;--join-dy:-2px;}
	.reviews-list>.list-item{--lp-top:5.4%;--lp-left:19.5%;}
	.list-text{--txt-bottom:21.2%;--txt-left:11.5%;}
	.list_point{
		top:var(--lp-top);
		left:var(--lp-left);
		--fs-min:14;--fs-max:19;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
	}
	.list-text .job{
		--fs-min:9;--fs-max:12;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--job-dy));
	}
	.reviews-list .list-text .join{
		margin-top:var(--jj-gap);
		--fs-min:7;--fs-max:9;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--join-dy));
	}
}

@media (max-width:400px){
	.reviews-list{--vw-min:280;--vw-max:400;--jj-gap:0px;--job-left:0px;--job-top:-2px;--join-left:0px;--join-top:0px;--job-dy:3px;--join-dy:2px;}
	.reviews-list>.list-item{--lp-top:6.3%;--lp-left:20%;}
	.list-text{--txt-bottom:21.6%;--txt-left:11%;}
	.list_point{
		top:var(--lp-top);
		left:var(--lp-left);
		--fs-min:12;--fs-max:15;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
	}
	.list-text .job{
		--fs-min:8;--fs-max:10;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--job-dy));
	}
	.reviews-list .list-text .join{
		margin-top:var(--jj-gap);
		--fs-min:6;--fs-max:8;
		font-size:clamp(
			calc(var(--fs-min)*1px),
			calc((var(--fs-min)*1px) + (var(--fs-max) - var(--fs-min)) * ((100vw - calc(var(--vw-min)*1px)) / (var(--vw-max) - var(--vw-min)))),
			calc(var(--fs-max)*1px)
		) !important;
		transform:translateY(var(--join-dy));
	}
}


@supports not (container-type:inline-size){
	@media (max-width:1280px) and (min-width:811px){
		.reviews-list>.list-item{--lp-top:4.4%;--lp-left:20.5%;}
		.list-text{--txt-bottom:22%;--txt-left:13%;}
	}
	@media (max-width:810px) and (min-width:601px){
		.reviews-list>.list-item{--lp-top:4.7%;--lp-left:20.2%;}
		.list-text{--txt-bottom:19%;--txt-left:12.5%;}
	}
	@media (max-width:600px){
		.reviews-list>.list-item{--lp-top:4.6%;--lp-left:19.5%;}
		.list-text{--txt-bottom:21%;--txt-left:11.8%;}
	}
	@media (max-width:500px){
		.reviews-list>.list-item{--lp-top:6.1%;--lp-left:21.8%;}
		.list-text{--txt-bottom:21.4%;--txt-left:11.3%;}
	}
	@media (max-width:400px){
		.reviews-list>.list-item{--lp-top:6.5%;--lp-left:22.2%;}
		.list-text{--txt-bottom:21.8%;--txt-left:10.8%;}
	}
}

@supports (container-type:inline-size){
	.reviews-list>.list-item{container-type:inline-size;}
}

@supports (container-type:inline-size) and (width:1cqw){
	.reviews-list .list_point{font-size:clamp(18px,10cqw,1000rem);}
	.reviews-list .list-text .job{font-size:clamp(12px,4.4cqw,1000rem);transform:translateY(var(--job-dy));}
	.reviews-list .list-text .join{font-size:clamp(10px,2.9cqw,1000rem);transform:translateY(var(--join-dy));margin-top:var(--jj-gap);}
}







/* Common Effects */
.effect {
	opacity: 0;
	transform: translateY(22px);
	transition: opacity .9s cubic-bezier(.22,.61,.36,1), transform .9s cubic-bezier(.22,.61,.36,1);
	will-change: opacity, transform;
}
.effect.play { opacity: 1; transform: none; }

.fv-fade {
	opacity: 0;
	transition: opacity .9s cubic-bezier(.22,.61,.36,1);
	will-change: opacity;
}
.fv-fade.play { opacity: 1; }

.interview-title-container img.title-slide-left,
.interview-title-container img.title-slide-right {
	opacity: 0;
	transform: translateX(var(--tx, 0));
	transition: transform .8s cubic-bezier(.22,.61,.36,1) !important, opacity .8s cubic-bezier(.22,.61,.36,1) !important;
	will-change: transform, opacity;
}
.interview-title-container img.title-slide-left { --tx: -48px; }
.interview-title-container img.title-slide-right { --tx: 48px; }
.interview-title-container img.title-slide-left.play,
.interview-title-container img.title-slide-right.play {
	opacity: 1;
	transform: translateX(0);
}

@media (prefers-reduced-motion: reduce) {
	.hero-blast { animation-duration: .001s; }
	.zoom-child-strong { transition-duration: .001s; }
	.effect { transition-duration: .001s; }
	.fv-fade { transition-duration: .001s; }
	.review_subtitle,
	.review_subtitle_underline,
	.review_graph,
	.review_star,
	.review_note_text {
		transition: none !important;
		transform: none !important;
		opacity: 1 !important;
		clip-path: inset(0 0 0 0) !important;
		-webkit-clip-path: inset(0 0 0 0) !important;
	}
}





/*
#foot-entry{
	padding-top: 6vw;
	padding-bottom: 6vw;
}

@media (max-width:810px){
	#foot-entry{
		padding-top: 10vw;
		padding-bottom: 10vw;
	}
}
*/