@charset "utf-8";

body:not(.fx-armed) .interview_top .hero_stage .title,
body:not(.fx-armed) .interview_top .hero_stage .top_photo,
body:not(.fx-armed) .interview_top .hero_stage .top_label,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_bg,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_title,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_effect01,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_effect02,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_photo1,
body:not(.fx-armed) .benefit .benefit_canvas .speech_bubble,
body:not(.fx-armed) .benefit .benefit_canvas .benefit_link_obj,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_best1,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_best2,
body:not(.fx-armed) .benefit .benefit_canvas .benefits_best3,
body:not(.fx-armed) .local_food .local_canvas .local_food_bg,
body:not(.fx-armed) .local_food .local_canvas .local_food_title,
body:not(.fx-armed) .local_food .local_canvas .bottom_emp1,
body:not(.fx-armed) .local_food .local_canvas .local_food_photo,
body:not(.fx-armed) .local_food .local_canvas .local_desc,
body:not(.fx-armed) .local_food .local_canvas .local_address,
body:not(.fx-armed) .local_food .local_hero .bottom_photo_1{
	opacity: 0;
}



:root {
	--bleed: 2.5vw;
	--bleed-x: var(--bleed);
	--bleed-y: var(--bleed);
	--bg-shift-x: 0px;
	--bg-shift-y: 0px;
	--header-h: 0px;
}


html,
body {
	overflow-x: hidden;
}

body.interview {
	position: relative;
	background-color: #d1e8fe !important;
	background-image: url("/recruit/img/01/01_bg.webp") !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center top !important;
}

@media (max-width: 810px) {
	:root {
		--bleed-x: 5.7vw;
		--bleed-y: 5.7vw;
		--bg-shift-y: 0vh;
	}
	body.interview {
		background-image: url("/recruit/img/01/01_bg_sp.webp") !important;
		background-repeat: no-repeat !important;
		background-size: cover !important;
		background-position: center top !important;
	}
}

@media (max-width: 600px) {
	:root {
		--bleed-x: 6.2vw;
		--bleed-y: 6.2vw;
	}
}


/* Content */
@media (max-width: 810px){
.report_stage img {
	max-width: none !important;
	}
}

#wrap {
	position: relative;
	z-index: 1;
	padding-top: var(--header-h);
	overflow-y: hidden;
}

/* Header / Nav */
.interview #nav { display: none !important; }
.interview body.start #nav { animation: none !important; }



/* INTERVIEW TOP */
.interview_top{
	--title-w: 42vw;
	--title-top: -1vw;
	--title-ratio: 0.35;
	--title-h-extra: -1vw;
	--title-h: calc(var(--title-w) * var(--title-ratio) + var(--title-h-extra));
	--photo-ratio: 0.45;
	--photo-ratio-sp: 0.62;
	--overlap: 7.5vw;
	--report-overlap: 14vw;
	--report-bg-scale: 1;
	--report-bg-shift-x: 0vw;
	--report-bg-shift-y: 0vw;
	--report-title-shift: -21vw;
	--report-line-shift: -21vw;
	--label-left: 22vw;
	--label-w: 28vw;
	--photo-top: calc(var(--title-top) + var(--title-h) - var(--overlap));
	--photo-bottom: calc(var(--photo-top) + 100vw * var(--photo-ratio));
	--paper-w: 86vw;
	--report-title-w: 20vw;
	--report-title-top: -2.5vw;
	--report-line-w: 24vw;
	--report-line-top: 0.6vw;
	--report-after-gap: 8vw;
	--heptagon-w: 28vw;
	--heptagon-left: 12vw;
	--heptagon-top: 9vw;
	--graph-w: 16.4vw;
	--graph-left: 16.2vw;
	--graph-top: 12.4vw;
	--note-bg-w: 33vw;
	--note-bg-left: 44vw;
	--note-bg-top: 2.5vw;
	--note-title01-w: 6.6vw;
	--note-title01-left: 46vw;
	--note-title01-top: 5.4vw;
	--note-text01-w: 27vw;
	--note-text01-left: 46.5vw;
	--note-text01-top: 8.1vw;
	--note-title02-w: 16vw;
	--note-title02-left: 46vw;
	--note-title02-top: 14.1vw;
	--note-text02-w: 27vw;
	--note-text02-left: 46.5vw;
	--note-text02-top: 17vw;
	--note-title03-w: 8vw;
	--note-title03-left: 46vw;
	--note-title03-top: 27.4vw;
	--note-text03-w: 26.5vw;
	--note-text03-left: 46.5vw;
	--note-text03-top: 30.3vw;
	--middle-w: 86vw;
	--middle-gap: 3vw;
	--middle-drop: 2.6vw;
}
.interview_top .hero_stage{
	position: relative;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	min-height: calc(var(--photo-bottom) + 4vw);
}
.interview_top .hero_stage .title{
	position: absolute;
	z-index: 3;
	left: 50%;
	top: var(--title-top);
	transform: translateX(-50%);
	width: var(--title-w);
}
.interview_top .hero_stage .top_photo{
	position: absolute;
	z-index: 1;
	left: 50%;
	top: var(--photo-top);
	transform: translateX(-50%);
	width: 100vw;
	height: auto;
}
.interview_top .hero_stage .top_label{
	position: absolute;
	z-index: 4;
	left: var(--label-left);
	top: calc(var(--photo-top) + 50vw * var(--photo-ratio));
	transform: translateY(-85%);
	width: var(--label-w);
	pointer-events: none;
}

.interview_top .report_stage{
	position: relative;
	z-index: 2;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	margin-top: calc(-1 * var(--report-overlap));
	padding-bottom: var(--report-after-gap);
}
.interview_top .report_stage .report_canvas{
	position: relative;
	width: var(--paper-w);
	margin: 0 auto;
	overflow: visible;
}
.interview_top .report_stage .report_canvas .report_bg{
	display: block;
	width: 94%;
	height: auto;
	margin: 0 auto;
	transform-origin: 50% 50%;
	transform: translate(var(--report-bg-shift-x), var(--report-bg-shift-y)) scale(var(--report-bg-scale));
}
.interview_top .report_stage .report_canvas .report_title{
	position: absolute;
	z-index: 10;
	width: var(--report-title-w);
	left: calc(50% + var(--report-title-shift));
	top: var(--report-title-top);
	transform: translateX(-50%);
}
.interview_top .report_stage .report_canvas .report_line{
	position: absolute;
	z-index: 3;
	width: var(--report-line-w);
	left: calc(50% + var(--report-line-shift));
	top: var(--report-line-top);
	transform: translateX(-50%);
}
.interview_top .report_stage .report_canvas .heptagon{
	position: absolute;
	z-index: 3;
	width: var(--heptagon-w);
	left: var(--heptagon-left);
	top: var(--heptagon-top);
}
.interview_top .report_stage .report_canvas .graph{
	position: absolute;
	z-index: 3;
	width: var(--graph-w);
	left: var(--graph-left);
	top: var(--graph-top);
}
.interview_top .report_stage .report_canvas .report_note_bg{
	position: absolute;
	z-index: 2;
	width: var(--note-bg-w);
	left: var(--note-bg-left);
	top: var(--note-bg-top);
}
.interview_top .report_stage .report_canvas .report_note_title01{
	position: absolute;
	z-index: 3;
	width: var(--note-title01-w);
	left: var(--note-title01-left);
	top: var(--note-title01-top);
}
.interview_top .report_stage .report_canvas .report_note_text01{
	position: absolute;
	z-index: 3;
	width: var(--note-text01-w);
	left: var(--note-text01-left);
	top: var(--note-text01-top);
}
.interview_top .report_stage .report_canvas .report_note_title02{
	position: absolute;
	z-index: 3;
	width: var(--note-title02-w);
	left: var(--note-title02-left);
	top: var(--note-title02-top);
}
.interview_top .report_stage .report_canvas .report_note_text02{
	position: absolute;
	z-index: 3;
	width: var(--note-text02-w);
	left: var(--note-text02-left);
	top: var(--note-text02-top);
}
.interview_top .report_stage .report_canvas .report_note_title03{
	position: absolute;
	z-index: 3;
	width: var(--note-title03-w);
	left: var(--note-title03-left);
	top: var(--note-title03-top);
}
.interview_top .report_stage .report_canvas .report_note_text03{
	position: absolute;
	z-index: 3;
	width: var(--note-text03-w);
	left: var(--note-text03-left);
	top: var(--note-text03-top);
}


.interview_top .hero_stage picture,
.interview_top .report_stage picture{
	display: contents;
}

@media (max-width: 810px){
	.interview_top{
		--title-w: 42vw;
        --title-top: -1vw;
        --title-ratio: 0.35;
        --title-h-extra: -1vw;
        --title-h: calc(var(--title-w) * var(--title-ratio) + var(--title-h-extra));
        --photo-ratio: var(--photo-ratio-sp);
        --photo-ratio-sp: 0.62;
        --overlap: 3.5vw;
        --report-overlap: -90vw;
        --report-bg-scale: 1.7;
        --report-bg-shift-x: -5vw;
        --report-bg-shift-y: 12vw;
        --report-title-shift: -25vw;
        --report-line-shift: -23vw;
        --label-left: 2.2vw;
        --label-w: 73vw;
        --photo-top: calc(var(--title-top) + var(--title-h) - var(--overlap));
        --photo-bottom: calc(var(--photo-top) + 100vw * var(--photo-ratio));
        --paper-w: 86vw;
        --report-title-w: 34vw;
        --report-title-top: -26.5vw;
        --report-line-w: 45vw;
        --report-line-top: -21.4vw;
        --report-after-gap: 80vw;
        --heptagon-w: 78vw;
        --heptagon-left: 4.5vw;
		--heptagon-top: -9vw;
        --graph-w: 45.2vw;
        --graph-left: 16.2vw;
        --graph-top: 0.5vw;
        --note-bg-w: 91.5vw;
        --note-bg-left: -2.2vw;
        --note-bg-top: 59.5vw;
        --note-title01-w: 19.6vw;
        --note-title01-left: 3vw;
        --note-title01-top: 67.2vw;
        --note-text01-w: 75vw;
        --note-text01-left: 5.5vw;
        --note-text01-top: 75.0vw;
        --note-title02-w: 43vw;
        --note-title02-left: 3vw;
        --note-title02-top: 91.7vw;
        --note-text02-w: 75vw;
        --note-text02-left: 5.6vw;
        --note-text02-top: 99.8vw;
        --note-title03-w: 23vw;
        --note-title03-left: 3vw;
        --note-title03-top: 128.4vw;
        --note-text03-w: 74.8vw;
        --note-text03-left: 5.6vw;
        --note-text03-top: 136.3vw;
        --middle-w: 92vw;
        --middle-gap: 3vw;
        --middle-drop: 4vw;
        --zig-w: 92vw;
        --zig-gap: 3vw;
        --zig-step: 6vw;
        --bleed-right: 6vw;
        --bleed-left: 6vw;
	}
	.interview_top .hero_stage .title{
		width: min(72vw, 720px);
	}
	.interview_top .hero_stage .top_label{
        position: absolute;
        z-index: 4;
        left: var(--label-left);
        top: calc(var(--photo-top) + 100vw * var(--photo-ratio));
        transform: translateY(26%);
        width: var(--label-w);
        pointer-events: none;
	}
}

.interview_top .middle_stage{
	position: relative;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	margin-top: 4vw;
	z-index: 2;
}
.interview_top .middle_stage .middle_row{
	width: var(--middle-w);
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	column-gap: var(--middle-gap);
	align-items: start;
	margin-top: 4%;
}
.interview_top .middle_stage .middle_row img{
	--w: 100%;
	--scale: 1;
	--shift-x: 0;
	--shift-y: 0;
	--mt: 0;
	--bleed-left: 0vw;
	--bleed-right: 0vw;
	width: calc(var(--w) + var(--bleed-left) + var(--bleed-right));
	height: auto;
	display: block;
	margin-top: var(--mt);
	margin-left: calc(-1 * var(--bleed-left));
	margin-right: calc(-1 * var(--bleed-right));
	transform: translate(var(--shift-x), var(--shift-y)) scale(var(--scale));
	transform-origin: center center;
}
.interview_top .middle_stage .middle_row .middle_photo01{
	--mt: 0;
	--w: 100%;
	--scale: 1;
	--shift-x: 0vw;
	--shift-y: 0vw;
	--bleed-left: 0vw;
	--bleed-right: 0vw;
}
.interview_top .middle_stage .middle_row .middle_photo02{
	--mt: var(--middle-drop);
	--w: 100%;
	--scale: 1;
	--shift-x: 0vw;
	--shift-y: 0vw;
	--bleed-left: 0vw;
	--bleed-right: 0vw;
}
.interview_top .middle_stage .middle_row .middle_photo03{
	--mt: 0;
	--w: 100%;
	--scale: 1;
	--shift-x: 0vw;
	--shift-y: 0vw;
	--bleed-left: 0vw;
	--bleed-right: 0vw;
}

@media (max-width: 810px){
	.interview_top .middle_stage{
		position: relative;
		width: 100vw;
		left: 50%;
		transform: translateX(-50%);
		margin-top: 4vw;
		z-index: 2;
	}
	.interview_top .middle_stage .middle_row{
		width: var(--zig-w);
		margin: 0 auto;
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: var(--zig-gap);
		row-gap: 0;
		align-items: start;
	}
	.interview_top .middle_stage .middle_row img{
		max-width: none;
	}

	.interview_top .middle_stage .middle_row .middle_photo01{
		grid-column: 1;
        --mt: 0;
        --bleed-left: 8vw;
        --bleed-right: 0vw;
        --shift-x: -1vw;
        --shift-y: 0vw;
        --scale: 1;
	}

	.interview_top .middle_stage .middle_row .middle_photo02{
        grid-column: 2;
        --mt: var(--zig-step);
        --bleed-left: 0vw;
        --bleed-right: 10vw;
        --shift-x: 3vw;
        --shift-y: -2vw;
        --scale: 1;
	}

	.interview_top .middle_stage .middle_row .middle_photo03{
        grid-column: 1;
        --mt: calc(var(--zig-step) * 2);
        --bleed-left: 7vw;
        --bleed-right: 7vw;
        --shift-x: 11vw;
        --shift-y: -7vw;
        --scale: 1;
	}
}







.benefit{
	--unit: 19.2px;
	--paper-w: calc(var(--unit) * 85);
	--overlap-top: calc(var(--unit) * -13);
	--title-w: calc(var(--unit) * 23);
	--title-left: calc(var(--unit) * 31.2);
	--title-top: calc(var(--unit) * 2.9);
	--photo1-w: calc(var(--unit) * 13);
	--photo1-left: calc(var(--unit) * 18.5);
	--photo1-top: calc(var(--unit) * -0.6);
	--effect01-w: calc(var(--unit) * 3.1);
	--effect01-left: calc(var(--unit) * 49.8);
	--effect01-top: calc(var(--unit) * 2);
	--effect02-w: calc(var(--unit) * 10);
	--effect02-left: calc(var(--unit) * 30.6);
	--effect02-top: calc(var(--unit) * 7.8);
	--bubble-w: calc(var(--unit) * 7);
	--bubble-left: calc(var(--unit) * 23.9);
	--bubble-top: calc(var(--unit) * -2.5);
	--best1-w: calc(var(--unit) * 17.3);
	--best1-left: 50.1%;
	--best1-top: calc(var(--unit) * 10.4);
	--best2-w: calc(var(--unit) * 16.7);
	--best2-left: calc(var(--unit) * 24);
	--best2-top: calc(var(--unit) * 15);
	--best3-w: calc(var(--unit) * 16);
	--best3-left: calc(var(--unit) * 60.9);
	--best3-top: calc(var(--unit) * 17);
	--benefits-bg-w: 75%;
	--benefits-bg-margin-y: 0;
	--benefits-bg-margin-x: auto;
	--bg-w: 75%;
	--bg-mx: auto;
	--link-w: calc(var(--unit) * 18);
	--link-left: calc(var(--unit) * 57.7);
	--link-top: calc(var(--unit) * -0.9);
	--link-z: 5;
	position: relative;
	width: 100%;
	margin-top: calc(-1 * var(--overlap-top));
	z-index: 2;
	box-sizing: border-box;
	padding-inline: 0;
	min-height: 0 !important;
	padding-bottom: 6vw !important;
}
.benefit .benefit_canvas{
	position: relative;
	width: var(--paper-w);
	margin: 0;
	left: 50%;
	transform: translateX(-50%);
	overflow: visible;
}
.benefit .benefit_canvas img{
	display: block;
	max-width: none;
}
.benefit .benefit_canvas .benefits_bg{
	width: var(--benefits-bg-w);
	height: auto;
	margin: var(--benefits-bg-margin-y) var(--benefits-bg-margin-x);
}
.benefit .benefit_canvas .benefit_link_obj{
	position: absolute;
	z-index: var(--link-z);
	width: var(--link-w);
	height: auto;
	left: var(--link-left);
	top: var(--link-top);
	pointer-events: auto;
}
.benefit .benefit_canvas .benefits_title{
	position: absolute;
	z-index: 3;
	width: var(--title-w);
	left: var(--title-left);
	top: var(--title-top);
}
.benefit .benefit_canvas .benefits_photo1{
	position: absolute;
	z-index: 3;
	width: var(--photo1-w);
	left: var(--photo1-left);
	top: var(--photo1-top);
}
.benefit .benefit_canvas .benefits_effect01{
	position: absolute;
	z-index: 2;
	width: var(--effect01-w);
	left: var(--effect01-left);
	top: var(--effect01-top);
}
.benefit .benefit_canvas .benefits_effect02{
	position: absolute;
	z-index: 2;
	width: var(--effect02-w);
	left: var(--effect02-left);
	top: var(--effect02-top);
}
.benefit .benefit_canvas .speech_bubble{
	position: absolute;
	z-index: 4;
	width: var(--bubble-w);
	left: var(--bubble-left);
	top: var(--bubble-top);
}
.benefit .benefit_canvas .benefits_best1{
	position: absolute;
	z-index: 3;
	width: var(--best1-w);
	left: var(--best1-left);
	top: var(--best1-top);
	transform: translateX(-50%);
}
.benefit .benefit_canvas .benefits_best2{
	position: absolute;
	z-index: 3;
	width: var(--best2-w);
	left: var(--best2-left);
	top: var(--best2-top);
	transform: translateX(-50%);
}
.benefit .benefit_canvas .benefits_best3{
	position: absolute;
	z-index: 3;
	width: var(--best3-w);
	left: var(--best3-left);
	top: var(--best3-top);
	transform: translateX(-50%);
}


@media (max-width:1280px) and (min-width:811px){
	.benefit{
		--unit: 1.45vw;
		padding-left: 40px;
		padding-right: 40px;
		padding-bottom: 6vw !important;
	}
}

@media (max-width: 810px){
	.benefit{
		--paper-w: 92vw;
		--overlap-top: 8vw;
		--title-w: 47vw;
		--title-left: 42vw;
		--title-top: 17vw;
		--photo1-w: 33vw;
		--photo1-left: 9vw;
		--photo1-top: -6vw;
		--effect01-w: 8vw;
		--effect01-left: 78vw;
		--effect01-top: 12vw;
		--effect02-w: 22vw;
		--effect02-left: 41vw;
		--effect02-top: 27vw;
		--bubble-w: 20vw;
		--bubble-left: 22vw;
		--bubble-top: -11vw;
		--best1-w: 65vw;
		--best1-left: 50.1%;
		--best1-top: 32.3vw;
		--best2-w: 40vw;
		--best2-left: 28vw;
		--best2-top: 96.1vw;
		--best3-w: 40.2vw;
		--best3-left: 70vw;
		--best3-top: 96.1vw;
		--benefits-bg-w: 105%;
		--benefits-bg-margin-y: 36vw;
		--benefits-bg-margin-x: -1.7vw;
		--bg-w: 86%;
		--bg-mx: auto;
		--link-z: 5;
		--link-w: 40vw;
		--link-left: 52.5vw;
		--link-top: -11vw;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0vw !important;
	}
}










.local_food{
	--space-top: 6vw;
	--paper-w: 85vw;
	--overlap-up: 11vw;
	--title-w: 28vw;
	--title-left: 24.1vw;
	--title-top: 7vw;
	--food-photo-w: 24.5vw;
	--food-photo-left: 12.7vw;
	--food-photo-top: 13vw;
	--emp1-w: 20.1vw;
	--emp1-left: 46vw;
	--emp1-top: -1.4vw;
	--desc-w: 28vw;
	--desc-left: 40vw;
	--desc-top: 15vw;
	--address-left: 40vw;
	--address-top: 27vw;
	--addr-w: 31.3vw;
	--addr-left-col: 4.1vw;
	--addr-sep-w: 0.05vw;
	--addr-label-col: 3.1vw;
	--addr-stroke: 0.1vw;
	--addr-line: #111;
	--addr-pad-y: 0.8vw;
	--addr-pad-x: 0vw;
	--font-zenkaku: "Zen Kaku Gothic Antique", "Zen Kaku Gothic New", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
	--font-noto: "Noto Sans CJK JP", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
	--name-size: 1.5vw;
	--text-size: 0.81vw;
	--shop-label-size: 0.938vw;
	--addr-title-size: 0.729vw;
	--addr-value-size: 0.833vw;
	--lf-w: 80.5%;
	--lf-x: 0;
	--lf-y: 0;
	--lf-scale: 1;
	--lf-origin: center;
	position: relative;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
	margin-top: var(--space-top);
	z-index: 2;
	margin-bottom: 6vw;
}
.local_food .local_hero{
	position: relative;
	width: 100vw;
	left: 50%;
	transform: translateX(-50%);
}
.local_food .local_hero .bottom_photo_1{
	display: block;
	width: 100vw;
	height: auto;
}
.local_food .local_canvas{
	position: relative;
	width: var(--paper-w);
	left: 42.5%;
	transform: translateX(-50%);
	margin: calc(-1 * var(--overlap-up)) auto 0;
}
.local_food .local_canvas img{
	display: block;
	max-width: none;
}
.local_food .local_canvas .local_food_bg{
	display: block;
	max-width: none;
	width: var(--lf-w);
	height: auto;
	margin: 0 auto;
	transform: translate(var(--lf-x), var(--lf-y)) scale(var(--lf-scale));
	transform-origin: var(--lf-origin);
}
.local_food .local_canvas .local_food_title{
	position: absolute;
	z-index: 3;
	width: var(--title-w);
	left: var(--title-left);
	top: var(--title-top);
}
.local_food .local_canvas .local_food_photo{
	position: absolute;
	z-index: 3;
	width: var(--food-photo-w);
	left: var(--food-photo-left);
	top: var(--food-photo-top);
}
.local_food .local_canvas .bottom_emp1{
	position: absolute;
	z-index: 4;
	width: var(--emp1-w);
	left: var(--emp1-left);
	top: var(--emp1-top);
}
.local_food .local_canvas .local_desc{
	position: absolute;
	z-index: 3;
	width: var(--desc-w);
	left: var(--desc-left);
	top: var(--desc-top);
}
.local_food .local_canvas .local_desc .local_name{
	font-family: var(--font-zenkaku);
	font-weight: 900;
	font-size: var(--name-size);
	line-height: 1.35;
}
.local_food .local_canvas .local_desc .local_text{
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: var(--text-size);
	line-height: 1.7;
	margin-top: 0.6em;
}
.local_food .local_canvas .local_address{
	position: absolute;
	z-index: 3;
	left: var(--address-left);
	top: var(--address-top);
	width: var(--addr-w);
	line-height: 1.7;
}
.local_food .local_canvas .local_address .addr_grid{
	display: grid;
	grid-template-columns: var(--addr-left-col) var(--addr-sep-w) var(--addr-label-col) 1fr;
	grid-auto-rows: auto;
	align-items: center;
	column-gap: 1vw;
	row-gap: 0;
	border-top: var(--addr-stroke) solid var(--addr-line);
	border-bottom: var(--addr-stroke) solid var(--addr-line);
	padding: var(--addr-pad-y) var(--addr-pad-x);
}
.local_food .local_canvas .local_address .shop_label{
	grid-column: 1;
	grid-row: 1 / span 3;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: var(--shop-label-size);
	letter-spacing: 0.06em;
}
.local_food .local_canvas .local_address .vsep{
	grid-column: 2;
	grid-row: 1 / span 3;
	width: 100%;
	height: 100%;
	background: var(--addr-line);
}
.local_food .local_canvas .local_address .label{
	grid-column: 3;
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: var(--addr-title-size);
	letter-spacing: 0.04em;
}
.local_food .local_canvas .local_address .value{
	grid-column: 4;
	font-family: var(--font-noto);
	font-weight: 700;
	font-size: var(--addr-value-size);
}
.local_food .local_canvas .local_address .zip{
	margin-right: 0.5em;
}
@media (max-width: 810px){
	.local_food{
		--space-top: 3vw;
        --paper-w: 92vw;
        --overlap-up: 31vw;
        --title-w: 52vw;
        --title-left: 8vw;
        --title-top: 14vw;
        --food-photo-w: 67vw;
        --food-photo-left: 15.5vw;
        --food-photo-top: 36vw;
        --emp1-w: 43vw;
        --emp1-left: 51vw;
        --emp1-top: -2.5vw;
        --desc-w: 90vw;
        --desc-left: 6vw;
        --desc-top: 95vw;
        --address-left: 6.5vw;
        --address-top: 129vw;
        --addr-w: 86vw;
        --addr-left-col: 0vw;
        --addr-sep-w: -0.5vw;
        --addr-label-col: 11vw;
        --addr-stroke: 0.30vw;
        --addr-line: #111;
        --addr-pad-y: 3.2vw;
        --addr-pad-x: 1vw;
        --name-size: 5vw;
        --text-size: 2.42vw;
        --shop-label-size: 2.9vw;
        --addr-title-size: 2.5vw;
        --addr-value-size: 2.44vw;
        --lf-w: 100%;
        --lf-x: 4vw;
        --lf-y: 0vw;
        --lf-scale: 1.05;
        --lf-origin: center;
        --name-reserve: 12vw;
        --name-x: 0vw;
        --name-y: 4vw;
        --name-scale: 1;
        --name-align: center;
		margin-bottom: 15vw;
	}
	.local_food .local_canvas .local_desc{
		padding-top: var(--name-reserve);
	}

	.local_food .local_canvas .local_desc .local_name{
		position: absolute;
		left: 50%;
		top: 0;
		transform: translate(calc(-50% + var(--name-x)), var(--name-y)) scale(var(--name-scale));
		width: max-content;
		text-align: var(--name-align);
	}
	.local_food .local_canvas .local_address .vsep{
		grid-column: 2;
		grid-row: 1 / span 3;
		width: 20%;
		height: 100%;
		background: var(--addr-line);
	}
	.local_food .local_canvas .local_desc .local_text{
		font-family: var(--font-noto);
		font-weight: 600;
		font-size: var(--text-size);
		line-height: 1.7;
		margin-top: 0.6em;
	}
}




br.br-pc { display: inline; }
br.br-sp { display: none; }

@media (max-width: 810px){
  br.br-pc { display: none; }
  br.br-sp { display: inline; }
}






.effect {
	opacity: 0;
	transform: translateY(12px);
	transition: opacity 600ms ease, transform 600ms ease;
	will-change: opacity, transform;
}
.effect.play {
	opacity: 1;
	transform: none;
}

.effect-left {
	opacity: 0;
	transform: translateX(-16px);
	transition: opacity 600ms ease, transform 600ms ease;
	will-change: opacity, transform;
}
.effect-left.play {
	opacity: 1;
	transform: none;
}

.effect-fade {
	opacity: 0;
	transition: opacity 700ms ease;
	will-change: opacity;
}
.effect-fade.play {
	opacity: 1;
}

.effect-rotate {
	transform-origin: center center;
	transform: rotate(-150deg);
	opacity: 0;
	transition: transform 600ms cubic-bezier(.2,.7,.2,1), opacity 400ms ease;
	will-change: transform, opacity;
}
.effect-rotate.play {
	transform: rotate(0);
	opacity: 1;
	transition-delay: 0ms, 0ms;
}

.effect-clip {
	clip-path: inset(0 100% 0 0);
	-webkit-clip-path: inset(0 100% 0 0);
	transition: clip-path 600ms ease-out;
	will-change: clip-path;
}
.effect-clip.play {
	clip-path: inset(0 0 0 0);
	-webkit-clip-path: inset(0 0 0 0);
}

.interview_top .hero_stage .title.effect,
.interview_top .hero_stage .top_photo.effect {
	transform: translate(-50%, 12px);
}
.interview_top .hero_stage .title.effect.play,
.interview_top .hero_stage .top_photo.effect.play {
	transform: translate(-50%, 0);
}

.interview_top .hero_stage .top_label {
	--label-ty: -85%;
}
@media (max-width: 810px) {
	.interview_top .hero_stage .top_label { --label-ty: 26%; }
}
.interview_top .hero_stage .top_label.effect {
	transform: translateY(calc(var(--label-ty) + 12px));
}
.interview_top .hero_stage .top_label.effect.play {
	transform: translateY(var(--label-ty));
}

.interview_top .report_stage .report_title.effect-rotate {
	transform: translateX(-50%) rotate(-150deg);
}
.interview_top .report_stage .report_title.effect-rotate.play {
	transform: translateX(-50%) rotate(0);
}

.interview_top .report_stage .heptagon.effect-fade {
	opacity: 0;
	transition: opacity 600ms ease;
	will-change: opacity;
}
.interview_top .report_stage .heptagon.effect-fade.play {
	opacity: 1;
}

.interview_top .report_stage .graph.effect-scale {
	--graph-scale: 0.01;
	position: absolute;
	transform-origin: center center;
	transform: scale(var(--graph-scale));
	opacity: 0;
	transition: transform 600ms cubic-bezier(.22,.74,.26,.99), opacity 400ms ease;
	will-change: transform, opacity;
}
.interview_top .report_stage .graph.effect-scale.play {
	--graph-scale: 1;
	opacity: 1;
	transition-delay: 0ms, 0ms;
}

.interview_top .middle_stage .middle_row .middle_photo01.effect,
.interview_top .middle_stage .middle_row .middle_photo02.effect,
.interview_top .middle_stage .middle_row .middle_photo03.effect {
	opacity: 0;
	transform: translate(var(--shift-x), calc(var(--shift-y) + 12px)) scale(var(--scale));
	transition: opacity 300ms ease, transform 300ms ease;
	will-change: opacity, transform;
}
.interview_top .middle_stage .middle_row .middle_photo01.effect.play,
.interview_top .middle_stage .middle_row .middle_photo02.effect.play,
.interview_top .middle_stage .middle_row .middle_photo03.effect.play {
	opacity: 1;
	transform: translate(var(--shift-x), var(--shift-y)) scale(var(--scale));
}

.benefit .benefit_canvas .benefits_best1.effect,
.benefit .benefit_canvas .benefits_best2.effect,
.benefit .benefit_canvas .benefits_best3.effect {
	opacity: 0;
	transform: translateX(-50%) translateY(12px);
	transition: opacity 300ms ease, transform 300ms ease;
	will-change: opacity, transform;
}
.benefit .benefit_canvas .benefits_best1.effect.play,
.benefit .benefit_canvas .benefits_best2.effect.play,
.benefit .benefit_canvas .benefits_best3.effect.play {
	opacity: 1;
	transform: translateX(-50%);
}

.interview_top .middle_stage .middle_row .middle_photo02[data-locked="1"],
.interview_top .middle_stage .middle_row .middle_photo03[data-locked="1"]{
	opacity: 0 !important;
	transform: translate(var(--shift-x), calc(var(--shift-y) + 12px)) scale(var(--scale)) !important;
	transition: none !important;
}

.benefit .benefit_canvas .benefits_title[data-locked="1"],
.benefit .benefit_canvas .benefits_effect01[data-locked="1"],
.benefit .benefit_canvas .benefits_effect02[data-locked="1"],
	bene fit .benefit_canvas .benefits_photo1[data-locked="1"],
.benefit .benefit_canvas .speech_bubble[data-locked="1"],
.benefit .benefit_canvas .benefit_link_obj[data-locked="1"],
.benefit .benefit_canvas .benefits_best1[data-locked="1"],
.benefit .benefit_canvas .benefits_best2[data-locked="1"],
.benefit .benefit_canvas .benefits_best3[data-locked="1"]{
	opacity: 0 !important;
	transition: none !important;
}








@media (max-width:1030px) and (min-width:811px){
	body.interview{
		background-size: 100dvw auto !important;
		background-position: left top !important;
		background-repeat: no-repeat !important;
	}
	@supports not (width: 100dvw){
		body.interview{ background-size: 100vw auto !important; }
	}
}


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

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