@charset "utf-8";
section {
	position: relative;
}

#opening {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10001;
	pointer-events: none;
}
#opening::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--color--black);
	opacity: .3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	pointer-events: none;
	transition: .8s;
}
#opening._hide::after {
	opacity: 0;
}
	.opening__inner {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 2;
	}
		.opening__top {
			width: calc((1292 / 1280) * 100%);
			min-width: 1292px;
			height: auto;
			position: absolute;
			top: 55px;
			left: 50%;
			transform: translate(-50%, -100%);
			z-index: 3;

			transition: .8s;
			transition-delay: opacity .8s;
		}
		._hide .opening__top {
			top: -1px;
			opacity: 0;
		}
		.opening__curtain {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
			transform: translate(0%, 0%);
		}
		._loaded .opening__curtain {
			/* animation: opening__curtain 3s steps(12) forwards; */
			animation: opening__curtain 2.5s linear forwards;
		}
		@keyframes opening__curtain {
			0% {
				transform: translate(0%, 0%);
			}
			100% {
				transform: translate(133.333333333%, 0%);
			}
		}
			.opening__curtain__makinosuke {
				width: 230px;
				height: auto;
				position: absolute;
				bottom: calc(55px + (12 / 800) * -100%);
				left: 0;
				z-index: 1;
				transform: translate(-90%, 0%) rotate(3deg);
			}
			._loaded .opening__curtain__makinosuke {
				animation: opening__curtain__makinosuke .5s steps(1) infinite;
			}
			@keyframes opening__curtain__makinosuke {
				0% {
					transform: translate(-90%, 0%) rotate(3deg);
				}
				50% {
					transform: translate(-90%, 0%) rotate(-10deg);
				}
				100% {
					transform: translate(-90%, 0%) rotate(3deg);
				}
			}
			.opening__curtain__image {
				width: 100%;
				height: 100%;
				position: relative;
				z-index: 2;
			}
				.opening__curtain__image img {
					width: 100%;
					height: 100%;
					object-fit: cover;
					object-position: center;
				}
			.opening__curtain__contents {
				width: calc((118 / 1280) * 100%);
				height: auto;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				z-index: 3;
			}
				.opening__curtain__logo {
					width: 100%;
					height: calc((422 / 800) * 100vh);
					margin-bottom: 14px;
				}
					.opening__curtain__logo img {
						width: 100%;
						height: 100%;
						object-fit: contain;
						object-position: center;
					}
				.opening__curtain__loader {
					width: 100%;
					height: auto;
				}
					.loader__text {
						width: 100%;
						height: auto;
						margin: 0 auto 10px;
						font-size: 14px;
						font-weight: 400;
						line-height: 1;
						letter-spacing: 0em;
						text-align: center;
						color:var(--color--white);
					}
					.loader__track {
						width: 120px;
						height: 8px;
						padding: 2px;
						background: var(--color--white);
						border-radius: 9999px;
						overflow: hidden;
						position: relative;
						left: 50%;
						transform: translate(-50%, 0%);
					}
						.loader__bar {
							height: 100%;
							border-radius: 9999px;
							background: #419AAE;
							transition: width .2s ease;
						}

		.opening__bottom {
			width: calc((1292 / 1280) * 100%);
			min-width: 1292px;
			height: auto;
			position: absolute;
			bottom: 55px;
			left: 50%;
			transform: translate(-50%, 100%);
			z-index: 3;
		
			transition: .8s;
			transition-delay: opacity .8s;
		}
		._hide .opening__bottom {
			bottom: -1px;
			opacity: 0;
		}

#hero {
	width: 100%;
	height: 100vh;
	/* position: relative; */

	position: fixed;
	top: 0;
	left: 0;
}
	.hero__inner {
		width: 100%;
		/* max-width: 1280px; */
		height: 100%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}
		.hero__bg {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
			.hero__bg__maku {
				width: calc((1337 / 1280) * 100%);
				height: auto;
				position: absolute;
				top: calc((20 / 800) * -100%);
				left: 50%;
				transform: translate(-50%, 0%);
				z-index: 2;
			}
			.hero__bg__main {
				width: 100%;
				height: 100%;
				background-image: url(../image/index/hero-bg@pc.webp);
				background-size: auto 100%;
				background-position: center;
				background-repeat: repeat-x;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 1;
			}
		.hero__heading {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 4;
			pointer-events: none;
		}
			.hero__logo {
				width: calc((190 / 1280) * 100%);
				max-width: 210px;
				height: calc((303 / 800) * 100vh);
				max-height: 303px;
				position: absolute;
				top: 55px;
				left: 50%;
				transform: translate(-50%, 0%);
				z-index: 1;
/* 
				opacity: 0;
				transform: translate(-50%, -20%);
				transition: .5s;
			}
			._loaded .hero__logo {
				opacity: 1;
				transform: translate(-50%, 0%); */
			}
				.hero__logo img {
					width: 100%;
					height: 100%;
					object-fit: contain;
					object-position: top center;
				}
			.hero__title {
				width: auto;
				height: calc((566.25 / 800) * 100%);
				position: absolute;
				top: calc((405 / 800) * 100%);
				transform: translate(0%, -50%);
				z-index: 2;
			}
			.hero__title._right {
				right: calc((49 / 1280) * 100%);
			}
			.hero__title._left {
				left: calc((49 / 1280) * 100%);
			}
				.hero__title > img {
					width: auto;
					height: 100%;
				}
				.hero__s_bubble {
					width: calc((186 / 118.62) * 100%);
					height: auto;
					position: absolute;
					top: calc((48 / 566.25) * -100%);
					right: calc((135.62 / 118.62) * 100%);
					z-index: 2;
					opacity: 0;
				}
				._loaded .hero__s_bubble {
					animation: hero__s_bubble .8s ease forwards .4s;
					transform-origin: 100% 100%;
				}
				@keyframes hero__s_bubble {
					0% {
						opacity: 0;
						transform: scale(0.9) translate(20px, -3px);
					}
					40% {
						transform: scale(1.1) translate(0, 0);
					}
					100% {
						opacity: 1;
						transform: scale(1) translate(0, 0);
					}
				}
		.hero__contents {
			/* width: 100%; */
			width: 1280px;
			height: 100%;
			position: absolute;
			top: 0;
			left: 50%;
			transform: translate(-50%, 0%);
			z-index: 3;
		}
			.hero__hand_wrap {
				height: auto;
				position: absolute;
			
				opacity: 0;
				transition: .5s;
			}
			._show.hero__hand_wrap {
				opacity: 1;
			}
			.hero__hand_wrap._left {
				/* width: calc((903 / 1280) * 100%);
				top: calc((169 / 800) * -100%);
				left: calc((428 / 1280) * -100%); */
				width: 903px;
				height: auto;
				/* top: -169px;
				left: -428px; */
				aspect-ratio: 903 / 540;
				/* bottom: 50%; */
				bottom: 427px;
				right: 50%;
				/* transform: translate(-165px, -55px); */
				transform: translate(-165px, 0px);
				z-index: 4;
			}
			.hero__hand_wrap._right {
				/* width: calc((863 / 1280) * 100%);
				bottom: calc((190 / 800) * -100%);
				right: calc((332 / 1280) * -100%); */
				width: 863px;
				height: auto;
				aspect-ratio: 1043 / 487;
				/* bottom: -190px;
				right: -332px; */
				bottom: 213px;
				left: 50%;
				transform: translate(110px, 100%) rotate(14deg);
				z-index: 2;
			}
				.hero__hand {
					width: 100%;
					height: auto;
					position: absolute;
					transform: translate(0%, 0%) rotate(0deg);
					transition: .8s;
					will-change: transform;
				}
				._left .hero__hand_cloud {
					width: calc((459 / 903) * 100%);
					height: auto;
					aspect-ratio: 459 / 332;
					position: absolute;
					top: 0;
					left: -100px;
					z-index: 10;
				}
					.hero__hand_cloud__item {
						height: auto;
						position: absolute;
					}
					.hero__hand_cloud__item._01 {
						width: calc((450 / 459) * 100%);
						top: 0;
						right: 0;
						z-index: 1;
					}
					.hero__hand_cloud__item._02 {
						width: calc((316.36 / 459) * 100%);
						bottom: 0;
						left: 0;
						transform: rotate(-3.8deg);
						z-index: 2;
					}
					.hero__hand_cloud__item._03 {
						width: calc((291 / 459) * 100%);
						top: calc((60 / 332) * -100%);
						right: calc((186 / 459) * 100%);
						z-index: 3;
					}
				._left .hero__hand {
					bottom: 0;
					right: 0;
				}
				._right .hero__hand {
					top: 0;
					left: 0;
				}
				._left .hero__hand._move {
					width: calc(100% + 180px);
					transform: translate(332px, 137px) rotate(3deg);
				}
				._right .hero__hand._move {
					width: calc(100% + 180px);
					transform: translate(-395px, -35px) rotate(5deg);
				}
			.hero__sushi_wrap,
			.hero__sushi__bg {
				/* width: calc((800 / 1280) * 100%); */
				width: 800px;
				height: calc((596 / 800) * 100%);
				position: absolute;
				/* top: calc((440 / 800) * 100%); */
				bottom: 60px;
				left: calc((630 / 1280) * 100%);
				/* transform: translate(-50%, -50%); */
				transform: translate(-50%, 0%);
			}
			.hero__sushi_wrap {
				z-index: 3;
			}
			.hero__sushi__bg {
				z-index: 1;
			}
				.hero__sushi {
					width: 100%;
					height: auto;
					aspect-ratio: 800 / 533;
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 3;
				}
					.hero__sushi__item {
						width: 100%;
						height: auto;
						position: absolute;
						top: 0;
						left: 0;
					}
						.hero__sushi__item .play,
						.hero__sushi__item .stop {
							width: 100%;
							height: auto;
							position: absolute;
							top: 0;
							left: 0;
							opacity: 0;
						}
						.hero__sushi__item .play {
							z-index: 1;
						}
						.hero__sushi__item .stop {
							z-index: 2;
						}
							.hero__sushi__item img {
								width: 100%;
								height: auto;
							}
					.hero__sushi__onomatopoeia {
						height: auto;
						position: absolute;
						transform: translate(-50%, -50%);
						opacity: 0;
						transition: .5s;
					}
					.hero__sushi__onomatopoeia._show {
						opacity: 1;
						transition: .2s;
					}
					.hero__sushi__onomatopoeia._kuru._01 {
						width: 56px;
						top: calc((256 / 533) * 100%);
						right: calc((147 / 800) * 100%);
					}
					.hero__sushi__onomatopoeia._kuru._02 {
						width: 55px;
						top: calc((345 / 533) * 100%);
						left: calc((165 / 800) * 100%);
					}
						.hero__sushi__onomatopoeia svg {
							fill: var(--color--black);
						}
				.hero__geta {
					width: calc((750 / 800) * 100%);
					height: auto;
					position: absolute;
					bottom: 0;
					left: calc((36 / 800) * 100%);
					z-index: 2;
					opacity: 0;
				}
				._loaded .hero__geta {
					animation: hero__geta .5s ease-out forwards;
				}
				@keyframes hero__geta {
					0% {
						opacity: 0;
						transform: translateY(-40px);
						animation-timing-function: ease-in;
					}
					44% {
						opacity: 1;
						transform: translateY(0);
						animation-timing-function: ease-out;
					}
					77% {
						opacity: 1;
						transform: translateY(-8px);
						animation-timing-function: ease-in;
					}
					100% {
						opacity: 1;
						transform: translateY(0);
					}
				}
				.hero__yunomi {
					width: calc((194 / 800) * 100%);
					height: auto;
					position: absolute;
					bottom: calc((249 / 596) * 100%);
					right: calc((24 / 800) * -100%);
					z-index: 1;
					opacity: 0;
				}
				._loaded .hero__yunomi {
					animation: hero__yunomi .5s ease-out forwards .2s;
				}
				@keyframes hero__yunomi {
					0% {
						opacity: 0;
						transform: translateY(-40px);
						animation-timing-function: ease-in;
					}
					44% {
						opacity: 1;
						transform: translateY(0);
						animation-timing-function: ease-out;
					}
					77% {
						opacity: 1;
						transform: translateY(-8px);
						animation-timing-function: ease-in;
					}
					100% {
						opacity: 1;
						transform: translateY(0);
					}
				}
			.hero__cloud_wrap {
				height: auto;
				position: absolute;
				z-index: 1;
			}
				.hero__cloud {
					height: auto;
					position: absolute;
				}
			.hero__cloud_wrap._left_top {
				/* width: calc((397.86 / 1280) * 100%); */
				width: 397.86px;
				aspect-ratio: 397.86 / 205;
				/* top: calc((7 / 800) * 100%);
				left: calc((79 / 1280) * -100%); */
				top: -7px;
				left: -79px;
			}
				._left_top .hero__cloud._01 {
					width: calc((225 / 397.86) * 100%);
					top: 0;
					left: 0;
				}
				._left_top .hero__cloud._02 {
					width: calc((253.63 / 397.86) * 100%);
					top: calc((18  / 205) * 100%);
					right: 0;
					transform: rotate(3.8deg);
				}
			.hero__cloud_wrap._right_top {
				/* width: calc((240 / 1280) * 100%); */
				width: 240px;
				aspect-ratio: 240 / 152.5;
				/* top: calc((2 / 800) * 100%);
				right: calc((29 / 1280) * -100%); */
				top: -2px;
				right: -29px;
			}
				._right_top .hero__cloud._01 {
					width: 100%;
					bottom: 0;
					right: 0;
					transform: rotate(-3.8deg);
					z-index: 1;
				}
				._right_top .hero__cloud._02 {
					width: calc((162 / 240) * 100%);
					top: 0;
					right: calc((3 / 240) * 100%);
					z-index: 2;
				}
			.hero__cloud_wrap._left_bottom {
				/* width: calc((382 / 1280) * 100%); */
				width: 382px;
				aspect-ratio: 382 / 368.48;
				/* bottom: calc((133.48 / 800) * -100%);
				left: calc((142 / 1280) * -100%); */
				bottom: -133.48px;
				left: -142px;
			}
				._left_bottom .hero__cloud._01 {
					width: 100%;
					top: 0;
					left: 0;
					z-index: 2;
				}
				._left_bottom .hero__cloud._02 {
					width: calc((270 / 382) * 100%);
					top: calc((142.67 / 368.48) * 100%);
					left: calc((95 / 382) * 100%);
					transform: rotate(5.07deg);
					z-index: 3;
				}
				._left_bottom .hero__cloud._03 {
					width: calc((290 / 382) * 100%);
					bottom: 0;
					left: calc((28.38 / 382) * 100%);
					transform: rotate(18.76deg);
					z-index: 1;
				}
			.hero__cloud_wrap._right_bottom._01 {
				/* width: calc((324 / 1280) * 100%);
				bottom: calc((34 / 800) * -100%);
				right: calc((64 / 1280) * -100%); */
				width: 324px;
				bottom: -34px;
				right: -64px;
			}
				._right_bottom._01 .hero__cloud._01 {
					width: 100%;
					position: initial;
				}
			.hero__cloud_wrap._right_bottom._02 {
				/* width: calc((215 / 1280) * 100%);
				bottom: calc((27 / 800) * 100%);
				right: calc((72 / 1280) * -100%); */
				width: 215px;
				bottom: -27px;
				right: -72px;
				z-index: 4;
			}
				._right_bottom._02 .hero__cloud._01 {
					width: 100%;
					position: initial;
				}
		.hero__scroll {
			width: auto;
			height: auto;
			position: absolute;
			filter: drop-shadow(0 0 4px rgba(251, 251, 251, 0.8));
			bottom: calc((47 / 800) * 100%);
			left: 50%;
			transform: translate(-50%, 0%);
			z-index: 4;

			opacity: 0;
			transition: .5s;
		}
		._loaded .hero__scroll {
			opacity: 1;
		}
			.hero__scroll__text {
				margin: 0 auto 9px;
				font-size: 14px;
				line-height: 1;
				letter-spacing: 0.06em;
				text-align: center;
				color: var(--color--black);
			}
			.hero__scroll__icon {
				width: 2px;
				height: 40px;
				margin: 0 auto;
				border-radius: 9999px;
				background-color: var(--color--black);
				position: relative;
			}
				.hero__scroll__icon::before {
					content: '';
					width: 8px;
					height: 8px;
					border-radius: 9999px;
					background-color: var(--color--black);
					position: absolute;
					top: -4px;
					left: 50%;
					transform: translate(-50%, 0%);
					animation: hero_scroll 2s ease infinite;
				}
			@keyframes hero_scroll {
				0% {
					opacity: 0;
					transform: translate(-50%, 0%);
				}
				20% {
					opacity: 1;
				}
				80% {
					opacity: 1;
				}
				100% {
					opacity: 0;
					transform: translate(-50%, 40px);
				}
			}

._hide_cursor {
	cursor: none;
}

#about__cursor {
	position: fixed;
	top: 0;
	left: 0;
	pointer-events: none;
	opacity: 0;
	visibility: hidden;
	z-index: 9999;
	transition: opacity 1.2s;
}
	.about__cursor__image {
		width: 94px;
		height: auto;
		transform: translate(-50%, -50%);
	}

#about {
	width: 100%;
	height: auto;
	padding: 178px 0 70px;

	background-color: var(--color--white);
	margin: 100vh 0 0;

	position: relative;
	z-index: 2;
	will-change: transform;

	transition: opacity .5s;
}
	.about__progress {
		height: calc(100vh - 55px);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 10;
		pointer-events: none;
	}
		/* .about__progress__line {
			width: 0;
			height: 8px;
			background-color: var(--color--black);
			position: absolute;
			bottom: -2px;
			right: -48px;
			z-index: 1;
		} */
		.about__progress__tatamaru {
			/* width: calc((96 / 1280) * 100%); */
			width: 96px;
			height: auto;
			aspect-ratio: 96 / 107;
			position: absolute;
			bottom: 0;
			/* right: calc((96 / 1280) * -100%); */
			right: -96px;
		}
			/* .about__progress__tatamaru__s_bubble {
				width: calc((109 / 96) * 100%);
				height: auto;
				position: absolute;
				top: calc((46 / 107) * 100%);
				right: calc((13 / 96) * 100%);
				transform: translate(100%, -100%);
				z-index: 2;
				opacity: 0;
			} */
			.about__progress__tatamaru__image {
				height: auto;
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 2;
				opacity: 0;
			}
			.about__progress__tatamaru__image._01 {
				width: calc((96 / 96) * 100%);
				opacity: 1;
			}
			.about__progress__tatamaru__image._02 {
				width: calc((90 / 96) * 100%);
			}
				.about__progress__tatamaru__image::after {
					content: '';
					display: block;
					width: calc((48 / 96) * 100%);
					height: calc((8 / 107) * 100%);
					border-radius: 50%;
					background-color: var(--color--black);
					position: absolute;
					bottom: calc((2 / 107) * -100%);
					right: calc((16 / 96) * 100%);
					z-index: -1;
				}
	.about__bg {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
		.about__bg__top {
			width: 100%;
			height: 50%;
			position: absolute;
			top: 0;
			left: 0;
		}
			.about__bg__top img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: top center;
			}
		.about__bg__bottom {
			width: 100%;
			height: 50%;
			position: absolute;
			bottom: 0;
			left: 0;
		}
			.about__bg__bottom img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: bottom center;
			}
	.about__inner {
		width: 100%;
		height: auto;
		margin: 0 0 calc(-100vh + (((800 - 612) / 800) * 100vh) - ((36 / 1280) * 100vw) - 40px - 3px);
		position: relative;
		z-index: 2;

		will-change: transform;
	}
		.about__paper {
			width: calc((1174 / 1280) * 100%);
			height: auto;
			padding: 48px 0 73px;
			margin: 0 auto;
			border-radius: 5px;
			border: solid 2px var(--color--black);
			background-color: var(--color--light_beige);
			position: relative;
			z-index: 2;
		}
			.about__paper__pin {
				width: 29px;
				height: auto;
				position: absolute;
			}
			.about__paper__pin._top_left {
				top: 7px;
				left: calc((20 / 1174) * 100%);
			}
			.about__paper__pin._top_right {
				top: 7px;
				right: calc((20 / 1174) * 100%);
			}
			.about__paper__pin._bottom_left {
				bottom: 36px;
				left: calc((20 / 1174) * 100%);
			}
			.about__paper__pin._bottom_right {
				bottom: 36px;
				right: calc((20 / 1170) * 100%);
			}
			.about__paper__top_makinosuke {
				width: 196px;
				height: auto;
				overflow: hidden;
				position: absolute;
				top: 7px;
				left: 50%;
				transform: translate(-50%, -100%);
				z-index: 1;
			}
			._run.about__paper__top_makinosuke {
				animation: about__paper__top_makinosuke .5s ease-out forwards;
			}
			@keyframes about__paper__top_makinosuke {
				0% {
					top: 1px;
				}
				60% {
					top: 1px;
				}
				100% {
					top: 7px;
				}
			}
				.about__paper__top_makinosuke img {
					transform: translate(0%, 100%);
				}
				._run.about__paper__top_makinosuke img {
					transform: translate(0%, 0%);
					animation: about__paper__top_makinosuke__img .5s ease-out forwards;
				}
				@keyframes about__paper__top_makinosuke__img {
					0% {
						transform: translate(0%, 100%);
					}
					60% {
						transform: translate(0%, 0%);
					}
					100% {
						transform: translate(0%, 0%);
					}
				}
			.about__paper__top_left_text {
				font-size: 12px;
				font-weight: 500;
				line-height: 1.4;
				letter-spacing: 0.04em;
				color: var(--color--black);
				position: absolute;
				top: 13px;
				left: calc((86 / 1174) * 100%);
			}
			.about__paper__top_right_text {
				font-size: 12px;
				font-weight: 500;
				line-height: 1.4;
				letter-spacing: 0.04em;
				color: var(--color--black);
				position: absolute;
				top: 15px;
				right: calc((86 / 1174) * 100%);
			}
			.about__paper__inner {
				width: 100%;
				height: auto;
				padding: 0 calc((44 / 1170) * 100%);
				margin: 0 auto;
				overflow: hidden;
			}
				.about__paper__top {
					width: 100%;
					height: auto;
					padding: 2px;
					border: solid 3px var(--color--black);
					position: relative;
					z-index: 1;
				}
					.about__paper__top__inner {
						display: flex;
						justify-content: space-between;
						align-items: stretch;
						width: 100%;
						height: auto;
						border: solid 2px var(--color--black);
						position: relative;
					}
						.about__paper__top__inner::before {
							content: '';
							display: block;
							width: 2px;
							height: 100%;
							background-image: repeating-linear-gradient(
								to bottom,
								var(--color--black) 0 2px,
								transparent 2px 4px
							);
							position: absolute;
							top: 0;
							left: 50%;
							transform: translate(-50%, 0%);
						}
						.about__paper__top__heading {
							width: 50%;
							height: auto;
							padding: calc((65 / 1280) * 100vw) 0 calc((55 / 1280) * 100vw);
						}
							.about__paper__top__heading__title_en {
								width: 100%;
								height: auto;
								margin: 0 auto calc((28 / 1280) * 100vw);
								font-size: calc((28 / 1280) * 100vw);
								font-weight: 400;
								line-height: 1;
								letter-spacing: 0.06em;
								text-align: center;
								color: var(--color--black);

								opacity: 0;
								transform: translate(0px, 20px);
								transition: .8s;
							}
							._run .about__paper__top__heading__title_en {
								opacity: 1;
								transform: translate(0px, 0px);
							}
							.about__paper__top__heading__title_ja {
								width: calc((382.92 / 536) * 100%);
								height: auto;
								margin: 0 auto calc((30 / 1280) * 100vw);
							
								opacity: 0;
								transform: translate(0px, 20px);
								transition: .8s;
								transition-delay: .1s;
							}
							._run .about__paper__top__heading__title_ja {
								opacity: 1;
								transform: translate(0px, 0px);
							}
								.about__paper__top__heading__title_ja svg {
									fill: var(--color--black);
								}
							.about__paper__top__heading__text_ja {
								width: 100%;
								height: auto;
								margin: 0 auto calc((26 / 1280) * 100vw);
								font-size: calc((24 / 1280) * 100vw);
								font-weight: 900;
								line-height: 1.3;
								letter-spacing: 0.04em;
								text-align: center;
								color: var(--color--black);
							
								opacity: 0;
								transform: translate(0px, 20px);
								transition: .8s;
								transition-delay: .2s;
							}
							._run .about__paper__top__heading__text_ja {
								opacity: 1;
								transform: translate(0px, 0px);
							}
							.about__paper__top__heading__text_en {
								width: 100%;
								height: auto;
								font-size: calc((16 / 1280) * 100vw);
								font-weight: 500;
								line-height: 1.4;
								letter-spacing: 0.06em;
								text-align: center;
								color: var(--color--black);
							
								opacity: 0;
								transform: translate(0px, 20px);
								transition: .8s;
								transition-delay: .3s;
							}
							._run .about__paper__top__heading__text_en {
								opacity: 1;
								transform: translate(0px, 0px);
							}
						.about__paper__top__step {
							width: 50%;
							height: auto;
							position: relative;
						}
							.about__paper__top__step__text {
								width: auto;
								height: auto;
								font-size: calc((11 / 1280) * 100vw);
								font-weight: 500;
								line-height: 1.4;
								letter-spacing: 0.04em;
								color: var(--color--black);
								position: absolute;
								top: calc((15 / 1280) * 100vw);
								left: calc((30 / 1280) * 100vw);

								opacity: 0;
								transform: translate(10px, 0px);
								transition: .8s;
							}
							._run .about__paper__top__step__text {
								opacity: 1;
								transform: translate(0px, 0px);
							}
							.about__paper__top__step__heading {
								width: auto;
								height: auto;
								font-size: calc((12 / 1280) * 100vw);
								font-weight: 900;
								line-height: 1.4;
								letter-spacing: 0.04em;
								position: absolute;
								top: calc((15 / 1280) * 100vw);
								right: calc((20 / 1280) * 100vw);

								opacity: 0;
								transition: .8s;
							}
							._run .about__paper__top__step__heading {
								opacity: 1;
							}
								.about__paper__top__step__heading__text {
									padding: 3px 6px 4px;
									border-radius: 3px;
									background-color: var(--color--black);
									color: var(--color--light_beige);
								}
							.about__paper__top__step__content {
								width: calc((458 / 526) * 100%);
								height: auto;
								position: absolute;
								bottom: calc((4 / 1280) * 100vw);
								left: calc((40 / 1280) * 100vw);
							}
								.about__paper__top__step__content__text {
									width: 100%;
									height: auto;
									font-size: calc((26 / 1280) * 100vw);
									line-height: 1.3;
									letter-spacing: 0.06em;
									text-align: center;
									color: var(--color--black);
									position: absolute;
									top: calc((185 / 362) * 100%);
									left: 50%;
									transform: translate(-50%, calc(-50% + 20px));

									opacity: 0;
									transition: .8s;
									transition-delay: .4s;
								}
								._run .about__paper__top__step__content__text {
									opacity: 1;
									transform: translate(-50%, -50%);
								}
								.about__paper__top__step__content__image {
									width: 100%;
									height: auto;

									opacity: 0;
									transform: scale(1.1);
									transition: .5s;
								}
								._run .about__paper__top__step__content__image {
									opacity: 1;
									transform: scale(1);
								}
									.about__paper__top__step__content__image__sushimeijin {
										width: 100%;
										height: auto;
										position: relative;
										z-index: 2;
									}
									.about__paper__top__step__content__image__arrow {
										width: calc((340 / 458) * 100%);
										height: auto;
										position: absolute;
										top: calc((12 / 362) * 100%);
										left: 50%;
										transform: translate(-50%, 0%);
										transform-origin: center left;
										z-index: 1;
										animation: about_step_arrow 5s steps(20) infinite;
									}
									@keyframes about_step_arrow {
										0% {
											transform: rotate(0deg) translate(-50%, 0%);
										}
										100% {
											transform: rotate(360deg) translate(-50%, 0%);
										}
									}
				.about__paper__main {
					width: 100%;
					height: auto;
					margin: calc((16 / 1280) * 100vw) auto calc((20 / 1280) * 100vw);
					position: relative;
					z-index: 2;
				}
					.about__paper__main__fish {
						width: calc((238 / 1082) * 100%);
						height: auto;
						position: absolute;
						top: 0;
						left: 0;
					}
					.about__paper__main__shshimeijin {
						width: calc((240 / 1082) * 100%);
						height: auto;
						aspect-ratio: 240 / 400;
						padding: 10px;
						background-color: rgba(36, 36, 36, .2);
						position: absolute;
						top: 0;
						right: 0;
					}
						.about__paper__main__shshimeijin__inner {
							display: flex;
							flex-direction: column;
							width: 100%;
							height: 100%;
							padding: 3px;
							border: solid 2px var(--color--black);
						}
							.about__paper__main__shshimeijin__heading {
								display: flex;
								justify-content: center;
								align-items: center;
								width: 100%;
								height: auto;
								aspect-ratio: 210 / 110;
								background-color: var(--color--black);
								position: relative;
							}
								.about__paper__main__shshimeijin__heading__text {
									width: calc((154.14 / 210) * 100%);
									height: auto;
								}
									.about__paper__main__shshimeijin__heading__text svg {
										fill: var(--color--red_beige);
									}
							.about__paper__main__shshimeijin__body {
								flex: 1;
								width: 100%;
								position: relative;
								overflow: hidden;
							}
								.about__paper__main__shshimeijin__body__bg {
									width: calc((300 / 210) * 100%);
									height: auto;
									position: absolute;
									top: calc((30 / 1280) * -100vw);
									left: calc((48 / 210) * -100%);
									z-index: 1;
								}
									.about__paper__main__shshimeijin__body__bg img {
										animation: about_shshimeijin_bg 3s steps(7) infinite;
									}
									@keyframes about_shshimeijin_bg {
										0% {
											transform: rotate(0deg) translate(0%, 0%);
										}
										100% {
											transform: rotate(360deg) translate(0%, 0%);
										}
									}
								.about__paper__main__shshimeijin__body__image {
									width: 100%;
									height: auto;
									position: absolute;
									right: 0;
									bottom: calc((50 / 1280) * 100vw);
									z-index: 2;
								}
					.about__paper__main__contents__container {
						width: 100%;
						height: calc((400 / 1280) * 100vw);
						position: relative;
					}
						.about__paper__main__contents__fv_text {
							font-size: calc((20 / 1280) * 100vw);
							font-style: italic;
							font-weight: 500;
							line-height: 1.2;
							letter-spacing: 0.07em;
							text-align: center;
							position: absolute;
							top: calc((51 / 1280) * 100vw);
							left: 50%;
							transform: translate(-50%, 0%);
							z-index: 1;
						}
						.about__paper__main__contents__fv_heading {
							width: calc((156 / 1280) * 100vw);
							height: calc((354 / 1280) * 100vw);
							position: absolute;
							top: calc((23 / 1280) * 100vw);
							right: calc((276 / 1082) * 100%);
						}
							.about__paper__main__contents__fv_heading__text {
								width: 100%;
								height: 100%;
								border-radius: 5px;
								background-color: var(--color--black);
							}
								.about__paper__main__contents__fv_heading__text__inner {
									display: flex;
									flex-direction: column;
									justify-content: center;
									align-items: center;
									width: 100%;
									height: 100%;
									padding: 0 0 calc((2 / 354) * 100%);
								}
									.about__paper__main__contents__fv_heading__text_01 {
										width: auto;
										height: calc((57 / 354) * 100%);
									}
									.about__paper__main__contents__fv_heading__text_02 {
										width: auto;
										height: calc((195.63 / 354) * 100%);
										margin-top: calc((15.65 / 195.63) * 100%);
										margin-bottom: calc((22 / 195.63) * 100%);
									}
									.about__paper__main__contents__fv_heading__text_03 {
										width: auto;
										height: calc((23 / 354) * 100%);
									}
										.about__paper__main__contents__fv_heading__text_01 svg,
										.about__paper__main__contents__fv_heading__text_02 svg,
										.about__paper__main__contents__fv_heading__text_03 svg {
											width: auto;
											height: 100%;
										}
						.about__paper__main__contents__fv_copy {
							width: calc((82.88 / 1280) * 100vw);
							height: auto;
							position: absolute;
							top: calc((159 / 1280) * 100vw);
							left: calc((294 / 1082) * 100%);
							transform: translate(0%, -50%);
							z-index: 1;
						}
							.about__paper__main__contents__fv_copy__text {
								width: 100%;
								height: auto;
							}
								.about__paper__main__contents__fv_copy__text svg {
									fill: var(--color--black);
								}
						.about__paper__main__contents {
							width: 100%;
							height: 100%;
							position: relative;
							top: 50%;
							transform: translate(0%, -50%);
							z-index: 2;
						}
							.about__paper__main__contents__frame {
								width: calc((575 / 1082) * 100%);
								height: 100%;
								margin: 0 auto;
								border: solid 6px var(--color--black);
								padding: 4px;
								z-index: 1;
							}
								.about__paper__main__contents__frame__inner {
									width: 100%;
									height: 100%;
									border: solid 3px var(--color--black);
									position: relative;
									overflow: hidden;
								}
									.about__paper__main__contents__frame__details_bg,
									.about__paper__main__contents__frame__details_dashed,
									.about__paper__main__contents__frame__heading_bg,
									.about__paper__main__contents__frame__heading_dashed {
										width: calc(((1057 - 487) / 2) / 1057 * 100%);
										height: calc(((612 / 800) * 100vh) - 26px);
										position: absolute;
										top: 0;
									}
									.about__paper__main__contents__frame__details_bg,
									.about__paper__main__contents__frame__heading_bg {
										background-color: rgba(247, 235, 228, 1);
										opacity: 0;
										z-index: 1;
									}
									.about__paper__main__contents__frame__details_bg {
										left: 0;
									}
									.about__paper__main__contents__frame__heading_bg {
										right: 0;
									}
									.about__paper__main__contents__frame__details_dashed,
									.about__paper__main__contents__frame__heading_dashed {
										transform: translate(0%, -100%);
										z-index: 2;
									}
									.about__paper__main__contents__frame__details_dashed {
										border-right: dashed 2px var(--color--black);
										left: 0;
									}
									.about__paper__main__contents__frame__heading_dashed {
										border-left: dashed 2px var(--color--black);
										right: 0;
									}
							.about__paper__main__contents__item {
								width: calc(((575 / 1082) * 100%) - 20px);
								height: calc(100% - 20px);
								padding: 3px;
								position: absolute;
								top: 50%;
								left: 50%;
								transform: translate(-50%, -50%);
								z-index: 2;
							} 
								.about__paper__main__contents__item__inner {
									display: flex;
									justify-content: space-between;
									align-items: stretch;
									width: 100%;
									height: 100%;
									overflow: hidden;
									position: relative;
								}
									.about__paper__main__contents__item__details {
										width: calc((((1057 - 487) / 2) / 1057) * 100%);
										height: 100%;
										position: relative;
									}
										.about__paper__main__contents__item__details__top_text_wrap {
											width: 100%;
											height: auto;
											position: absolute;
											top: calc((37 / 577) * 100%);
											left: 0;
										}
											.about__paper__main__contents__item__details__top_text_en {
												width: 100%;
												height: auto;
												margin: 0 auto calc((4 / 1280) * 100vw);
												font-size: min(14px, calc((14 / 1280) * 100vw));
												font-weight: 500;
												line-height: 1.2;
												letter-spacing: 0.07em;
												text-align: center;
												color: var(--color--black);
												opacity: 0;
											}
											.about__paper__main__contents__item__details__top_text_ja {
												width: 100%;
												height: auto;
												font-size: min(14px, calc((14 / 1280) * 100vw));
												font-weight: 500;
												line-height: 1.6;
												letter-spacing: 0.03em;
												text-align: center;
												color: var(--color--black);
												opacity: 0;
											}
										.about__paper__main__contents__item__details__main_text {
											width: auto;
											height: auto;
											font-size: min(80px, calc((80 / 800) * 100vh));
											font-weight: 900;
											line-height: 1.16;
											letter-spacing: 0em;
											white-space: nowrap;
											color: var(--color--black);
											-webkit-writing-mode: vertical-rl;
											-moz-writing-mode: vertical-rl;
											-ms-writing-mode: tb-rl;
											writing-mode: vertical-rl;
											position: absolute;
											top: 50%;
											left: 50%;
											transform: translate(-50%, -50%);
											opacity: 0;
										}
										._03 .about__paper__main__contents__item__details__main_text {
											font-size: min(60px, calc((60 / 800) * 100vh));
										}
											._01 ._line02 {
												margin-top: calc((12 / 800) * -100vh);
											}
											._02 ._line02 {
												margin-top: calc((2 / 800) * -100vh);
											}
											._03 ._line01 {
												margin-top: calc((7 / 800) * -100vh);
											}
										.about__paper__main__contents__item__details__bottom_text {
											width: 100%;
											height: auto;
											font-size: min(20px, calc((20 / 1280) * 100vw));
											line-height: 1.3;
											letter-spacing: 0.06em;
											text-align: center;
											color: var(--color--black);
											position: absolute;
											bottom: calc((27 / 577) * 100%);
											left: 50%;
											transform: translate(-50%, 0%);
											opacity: 0;
										}
									.about__paper__main__contents__item__makinosuke {
										width: calc((487 / 1057) * 100%);
										height: 100%;
										position: relative;
									}
										.about__paper__main__contents__item__makinosuke__image {
											width: auto;
											max-width: 100%;
											position: absolute;
											transform: translate(-50%, 0%);
											z-index: 1;
										}
										._01 .about__paper__main__contents__item__makinosuke__image {
											height: calc((438 / 374) * 100%);
											top: calc((120 / 374) * 100%);
											left: calc((242 / 253) * -100%);
											filter: grayscale(100%);
											aspect-ratio: 307 / 511;
										}
										._02 .about__paper__main__contents__item__makinosuke__image {
											height: calc((479 / 577) * 100%);
											top: calc((72 / 577) * 100%);
											left: calc((238 / 483) * 100%);
											aspect-ratio: 481 / 479;
											opacity: 0;
										}
										._03 .about__paper__main__contents__item__makinosuke__image {
											height: calc((510 / 577) * 100%);
											top: calc((41 / 577) * 100%);
											left: calc((227 / 483) * 100%);
											aspect-ratio: 327 / 510;
											opacity: 0;
										}
											.about__paper__main__contents__item__makinosuke__image img {
												width: 100%;
												height: 100%;
												object-fit: contain;
												object-position: center;
											}
									.about__paper__main__contents__item__heading {
										width: calc((((1057 - 487) / 2) / 1057) * 100%);
										height: 100%;
										padding: calc((77 / 800) * 100vh) 0 0;
									}
										.about__paper__main__contents__item__heading__number {
											width: calc((94 / 800) * 100vh);
											height: auto;
											margin: 0 auto calc((38 / 800) * 100vh);
											opacity: 0;
										}	
										.about__paper__main__contents__item__heading__text {
											width: calc((83.34 / 800) * 100vh);
											height: auto;
											margin: 0 auto;
											opacity: 0;
										}
				.about__paper__bottom {
					width: 100%;
					height: 100vh;
					padding: 2px;
					border: solid 3px var(--color--black);
					position: relative;
					z-index: 1;
				}
					.about__paper__bottom__inner {
						display: flex;
						justify-content: space-between;
						align-items: stretch;
						width: 100%;
						height: 100%;
						background-color: var(--color--beige);
						border: solid 2px var(--color--black);
						position: relative;
					}
						.about__paper__bottom__frame__dashed {
							width: calc((487 / 1057) * 100%);
							height: 100%;
							background-color: var(--color--light_beige);
							border-left: dashed 2px var(--color--black);
							border-right: dashed 2px var(--color--black);
							margin: 0 auto;
						}

#make {
	width: 100%;
	height: auto;
	padding: 60px;
	background-color: var(--color--black);
	position: relative;
}
	.make__text {
		color: var(--color--white);
		position: absolute;
	}
	.make__text._01 {
		font-size: 13px;
		line-height: calc(19 / 13);
		letter-spacing: 0.1em;
		top: 50%;
		left: 18px;
		transform: translate(0%, -50%);
		-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.make__text._02 {
		font-size: 13px;
		line-height: calc(19 / 13);
		letter-spacing: 0.1em;
		top: 50%;
		right: 18px;
		transform: translate(0%, -50%);
		transform: translate(0%, -50%);
		-webkit-writing-mode: vertical-rl;
		-moz-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
	}
	.make__obj {
		width: 441px;
		height: auto;
		aspect-ratio: 441 / 240;
		position: absolute;
		top: 138px;
		left: -147px;
		z-index: 3;
	}
		.make__obj__sushi {
			width: calc((156 / 441) * 100%);
			height: auto;
			position: absolute;
			top: 0;
			right: 0;
			z-index: 2;
			opacity: 0;
		}
		._run .make__obj__sushi {
			transform: translate(0%, 0vw);
			animation: make__obj__sushi .5s ease-out forwards .33s;
		}
		@keyframes make__obj__sushi {
			0% {
				opacity: 0;
				transform: translateY(-1.8vw);
				animation-timing-function: ease-in;
			}
			44% {
				opacity: 1;
				transform: translateY(0);
				animation-timing-function: ease-out;
			}
			77% {
				opacity: 1;
				transform: translateY(-0.6vw);
				animation-timing-function: ease-in;
			}
			100% {
				opacity: 1;
				transform: translateY(0);
			}
		}
		.make__obj__hand {
			width: 100%;
			height: auto;
			position: absolute;
			bottom: 0;
			left: 0;
			z-index: 1;
			opacity: 0;
			transform: rotate(-13deg) translate(-100%, 10%);
			transition: .5s;
		}
		._run .make__obj__hand {
			opacity: 1;
			transform: rotate(-9deg) translate(0, 0);
		}
	.make__tatamaru {
		width: 249px;
		height: auto;
		aspect-ratio: 249 / 184;
		position: absolute;
		bottom: 39px;
		right: 71px;
		z-index: 3;
	}
		.make__tatamaru__image {
			width: calc((116 / 249) * 100%);
			height: auto;
			position: absolute;
			bottom: 0;
			right: 0;
			z-index: 1;
		}
		.make__tatamaru__s_bubble {
			width: calc((146 / 249) * 100%);
			height: auto;
			position: absolute;
			bottom: 5px;
			left: 0;
			z-index: 2;
			opacity: 0;
		}
		._run .make__tatamaru__s_bubble {
			animation: make__obj__s_bubble .5s ease forwards;
			transform-origin: 100% 0%;
		}
		@keyframes make__obj__s_bubble {
			0% {
				opacity: 0;
				transform: scale(0.9) translate(20px, -3px);
			}
			40% {
				transform: scale(1.1) translate(0, 0);
			}
			100% {
				opacity: 1;
				transform: scale(1) translate(0, 0);
			}
		}
		.make__tatamaru__lines_en {
			width: auto;
			height: auto;
			font-size: 12px;
			font-weight: 500;
			line-height: 1.4;
			letter-spacing: 0.04em;
			color: var(--color--white);
			white-space: nowrap;
			position: absolute;
			bottom: -21px;
			right: 19px;
			opacity: 0;
			transition: .5s;
		}
		._run .make__tatamaru__lines_en {
			opacity: 1;
		}
	.make__inner {
		width: 100%;
		height: auto;
		position: relative;
	}
		.male__obj {
			width: 67px;
			height: auto;
			position: absolute;
			z-index: 2;
		}
		.make__su {
			top: -33px;
			left: -33px;
		}
		.make__shi {
			top: -33px;
			right: -33px;
		}
		.make__mei {
			bottom: -33px;
			left: -33px;
		}
		.male__jin {
			bottom: -33px;
			right: -33px;
		}
		.make__container {
			width: 100%;
			height: auto;
			padding: 72px 0 60px;
			background-color: var(--color--red_beige);
			overflow: hidden;
			position: relative;
			z-index: 1;
		}
			.make__curtain {
				width: 100%;
				height: auto;
				position: absolute;
				top: 0;
				left: 0;
			}
				.make__curtain__inner {
					width: 100%;
					height: auto;
					transform: translate(0%, -100%);
				}
				._run .make__curtain__inner {
					animation: make__curtain .8s ease forwards;
				}
				@keyframes make__curtain {
					0% {
						transform: translate(0%, -100%);
					}
					100% {
						transform: translate(0%, 0%);
					}
				}
			.make__heading {
				width: 100%;
				height: auto;
				margin: 0 auto 70px;
			}
				.make__heading__en {
					width: 100%;
					height: auto;
					margin: 0 auto 22px;
					font-size: 20px;
					line-height: 1;
					letter-spacing: 0.06em;
					text-align: center;
					color: var(--color--black);
					opacity: 0;
					transition: var(--anime_time);
					transition-delay: .4s;
				}
				._run .make__heading__en {
					opacity: 1;
				}
				.make__heading__ja {
					width: 100%;
					height: auto;
					margin: 0 auto;
					font-size: 0;
					transform: translate(0%, 20px);
					opacity: 0;
					transition: var(--anime_time);
				}
				._run .make__heading__ja {
					transform: translate(0%, 0%);
					opacity: 1;
				}
					.make__heading__ja svg {
						width: 395.85px;
						height: auto;
						margin: 0 auto;
						fill: var(--color--black);
					}
			.make__video_list {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				/* width: calc((1000 / 1160) * 100%); */
				width: 90%;
				max-width: 1000px;
				height: auto;
				margin: 0 auto;
			}
				.make__video_list__item {
					width: calc((300 / 1160) * 100%);
					height: auto;
				}
					.make__video_list__item__heading {
						width: 100%;
						height: auto;
						margin: 0 auto 30px;
						transform: translate(0%, 20px);
						opacity: 0;
						transition: var(--anime_time);
					}
					._run .make__video_list__item__heading {
						transform: translate(0%, 0%);
						opacity: 1;
					}
						.make__video_list__item__heading_wrap {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: center;
							width: calc((240 / 300) * 100%);
							height: 64px;
							margin: 0 auto;
							border-radius: 9999px;
							background-color: var(--color--black);
							position: relative;
						}
							.make__video_list__item__heading__ja {
								width: 100%;
								height: auto;
								margin: 0 auto 8px;
								font-size: 18px;
								font-weight: 700;
								line-height: 1;
								letter-spacing: 0em;
								text-align: center;
								color: var(--color--red_beige);
							}
							.make__video_list__item__heading__en {
								width: 100%;
								height: auto;
								font-size: 12px;
								font-weight: 900;
								line-height: 1;
								letter-spacing: 0.04em;
								text-align: center;
								color: var(--color--red_beige);
							}
							.make__video_list__item__heading__edge {
								width: 19px;
								height: auto;
								position: absolute;
								bottom: -11px;
								left: 50%;
								transform: translate(-50%, 0%);
							}
								.make__video_list__item__heading__edge svg {
									fill: var(--color--black);
								}
					.make__video_list__item__video {
						width: 100%;
						height: auto;
						position: relative;
						cursor: pointer;
						transform: translate(0%, 20px);
						opacity: 0;
						transition: var(--anime_time);
					}
					._run .make__video_list__item__video {
						transform: translate(0%, 0%);
						opacity: 1;
					}
						.make__video_list__item__video__wrap {
							width: 100%;
							height: auto;
						}
							.make__video_list__item__video__wrap::after {
								content: '';
								display: block;
								width: 100%;
								height: 100%;
								background-color: var(--color--beige);
								opacity: 0;
								position: absolute;
								top: 0;
								left: 0;
								z-index: 1;
							}
						.make__video_list__item__video__btn {
							width: 70px;
							height: auto;
							opacity: .8;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%) scale(1);
							z-index: 2;
							pointer-events: none;
						}
					@media (any-hover: hover) {
							.make__video_list__item__video__wrap::after {
								transition: .3s;
							}
							.make__video_list__item__video:hover .make__video_list__item__video__wrap::after {
								opacity: .3;
							}
						.make__video_list__item__video__btn {
							transition: .3s;
						}
						.make__video_list__item__video:hover .make__video_list__item__video__btn {
							opacity: 1;
							transform: translate(-50%, -50%) scale(1.1);
						}
					}
	.make__modal {
		display: none;
		width: 100%;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 1000;
	}
		.make__modal__bg {
			width: 100%;
			height: 100%;
			background-color: var(--color--black);
			opacity: .5;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
		.make__modal__contents {
			width: auto;
			height: calc(80% - 55px);
			position: absolute;
			top: calc(50% + 22.5px);
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 2;
		}
			.make__modal__contents__video_wrap {
				width: auto;
				height: 100%;
				aspect-ratio: 9 / 16;
			}
				.make__modal__contents__video_wrap iframe {
					width: 100%;
					height: 100%;
					border: none;
				}
			.make__modal__close_btn {
				width: 36px;
				height: 36px;
				border-radius: 9999px;
				background-color: var(--color--light_beige);
				border: solid 2px var(--color--black);
				cursor: pointer;
				position: absolute;
				top: 0px;
				right: -40px;
				z-index: 3;
			}
				.make__modal__close_btn::before,
				.make__modal__close_btn::after {
					content: '';
					display: block;
					width: 18px;
					height: 2px;
					border-radius: 9999px;
					background-color: var(--color--black);
					position: absolute;
					top: 50%;
					left: 50%;
				}
				.make__modal__close_btn::before {
					transform: translate(-50%, -50%) rotate(45deg);
				}
				.make__modal__close_btn::after {
					transform: translate(-50%, -50%) rotate(-45deg);
				}
		@media (any-hover: hover) {
			.make__modal__close_btn {
				transition: .3s;
			}
			.make__modal__close_btn:hover {
				background-color: var(--color--black);
			}
				.make__modal__close_btn::before,
				.make__modal__close_btn::after {
					transition: .3s;
				}
				.make__modal__close_btn:hover::before,
				.make__modal__close_btn:hover::after {
					background-color: var(--color--light_beige);
				}
		}

#products {
	width: 100%;
	height: auto;
	padding: 70px 0 calc(110px + (51 / 1280) * 100vw);
	background-color: var(--color--light_gray);
}
	.products__inner {
		width: 90%;
		max-width: 1040px;
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
		.products__heading {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			width: 100%;
			max-width: 1000px;
			height: 144px;
			padding: 19px 0 0;
			margin: 0 auto 42px;
			position: relative;
		}
			.products__heading__brackets {
				width: auto;
				height: 144px;
				position: absolute;
				top: 0;
				opacity: 0;
				transition: .5s;
			}
			.products__heading__brackets._left {
				left: 0;
				transform: translate(10px, 0px);
			}
			.products__heading__brackets._right {
				right: 0;
				transform: translate(-10px, 0px);
			}
			._run .products__heading__brackets {
				opacity: 1;
				transform: translate(0px, 0px);
			}
				.products__heading__brackets svg {
					width: auto;
					height: 100%;
					fill: var(--color--black);
				}
			.products__heading__text_en {
				margin-bottom: 23px;
				font-size: 20px;
				line-height: 1;
				letter-spacing: 0.06em;
				text-align: center;
				color: var(--color--black);
				opacity: 0;
				transform: translate(0%, 10px);
				transition: .5s;
				transition-delay: .2s;
			}
			._run .products__heading__text_en {
				opacity: 1;
				transform: translate(0%, 0%);
			}
			.products__heading__text_ja {
				width: 295.9px;
				height: auto;
				opacity: 0;
				transform: translate(0%, 10px);
				transition: .5s;
				transition-delay: .2s;
			}
			._run .products__heading__text_ja {
				opacity: 1;
				transform: translate(0%, 0%);
			}
				.products__heading__text_ja svg {
					fill: var(--color--black);
				}
		.products__contents {
			width: 100%;
			height: auto;
		}
			.products__contents__list {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 40px 30px;
				width: 100%;
				height: auto;
			}
				.products__contents__list__item {
					width: 100%;
					height: auto;
					opacity: 0;
					transform: translate(0%, 20px);
					transition: .5s;
				}
				._run .products__contents__list__item {
					opacity: 1;
					transform: translate(0%, 0%);
				}
					.products__contents__list__item__image {
						width: 100%;
						height: auto;
						margin: 0 auto 20px;
						aspect-ratio: 322 / 217;
						border-radius: 3px;
						overflow: hidden;
						position: relative;
					}
						.products__contents__list__item__image__name_ja {
							width: 30px;
							height: auto;
							position: absolute;
							top: 14px;
							left: 18px;
							z-index: 2;
							opacity: 0;
							transition: .5s;
							transition-delay: .4s;
						}
						._run .products__contents__list__item__image__name_ja {
							opacity: 1;
						}
							.products__contents__list__item__image__name_ja svg {
								fill: var(--color--black);
							}
						.products__contents__list__item__image video {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
						.products__contents__list__item__image__name_en {
							width: auto;
							height: auto;
							padding: 5px 10px 5px;
							border-radius: 3px 0 0 0;
							background-color: var(--color--black);
							font-size: 10px;
							font-weight: 600;
							line-height: 1;
							letter-spacing: 0.04em;
							text-align: center;
							color: var(--color--white);
							position: absolute;
							bottom: 0;
							right: 0;
							z-index: 2;
							opacity: 0;
							transform: translate(10px, 0px);
							transition: .5s;
							transition-delay: .4s;
						}
						._run .products__contents__list__item__image__name_en {
							opacity: 1;
							transform: translate(0px, 0px);
						}
							.products__contents__list__item__image__name_en__text {
								opacity: 0;
								transform: translate(10px, 0px);
								transition: .5s;
								transition-delay: .8s;
							}
							._run .products__contents__list__item__image__name_en__text {
								transform: translate(0px, 0px);
								opacity: 1;
							}
					.products__contents__list__item__details {
						width: 100%;
						height: auto;
					}
						.products__contents__list__item__details__text_ja {
							width: 100%;
							height: auto;
							margin: 0 auto 7px;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.8;
							letter-spacing: -0.03em;
							color: var(--color--black);
						}
						.products__contents__list__item__details__text_en {
							width: 100%;
							height: auto;
							font-size: 11px;
							font-weight: 400;
							line-height: 1.6;
							letter-spacing: 0.03em;
							color: var(--color--black);
						}
		.products__obj {
			width: calc((295 / 1040) * 100%);
			height: auto;
			aspect-ratio: 295 / 264;
			position: absolute;
			bottom: -2px;
			right: -10px;
			z-index: -1;
		}
			.products__obj__guuu {
				width: calc((86 / 295) * 100%);
				height: auto;
				aspect-ratio: 86 / 187;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}
				.products__obj__guuu__s_bubble {
					width: 100%;
					height: auto;
					position: absolute;
					bottom: 0;
					left: 0;
					opacity: 0;
					transition: .3s;
				}
				._run .products__obj__guuu__s_bubble {
					opacity: 1;
				}
				.products__obj__guuu__text {
					width: calc((43 / 86) * 100%);
					height: auto;
					position: absolute;
					top: 0;
					left: calc((11 / 86) * 100%);
					opacity: 0;
					transform: translate(4%, 15%);
					transition: 1.2s;
				}
				._run .products__obj__guuu__text {
					opacity: 1;
					transform: translate(0%, 0%);
				}
			.products__obj__grrrrgle {
				font-size: min(18px, calc((18 / 1280) * 100vw));
				font-style: italic;
				font-weight: 500;
				line-height: 1.2;
				letter-spacing: 0.07em;
				color: var(--color--black);
				position: absolute;
				bottom: 19px;
				left: 11px;
				z-index: 2;
				opacity: 0;
				transform: translate(10%, 0px);
				transition: 1.2s;
			}
			._run .products__obj__grrrrgle {
				opacity: 1;
				transform: translate(0%, 0%);
			}
			.products__obj__chara {
				width: calc((190 / 295) * 100%);
				height: auto;
				aspect-ratio: 190 / 231;
				position: absolute;
				bottom: 0;
				right: 0;
				z-index: 1;
			}
				.products__obj__chara__makinosuke {
					width: calc((110 / 190) * 100%);
					height: auto;
					position: absolute;
					bottom: 0;
					right: 0;
					z-index: 2;
				}
					.products__obj__chara__makinosuke::after {
						content: '';
						display: block;
						width: calc((102 / 110) * 100%);
						height: auto;
						aspect-ratio: 102 / 21;
						border-radius: 50%;
						background-color: var(--color--black);
						position: absolute;
						bottom: 0;
						right: 0;
						z-index: -1;
					}
				.products__obj__chara__tatamaru {
					width: calc((74 / 190) * 100%);
					height: auto;
					position: absolute;
					bottom: 0;
					left: 0;
					z-index: 2;
				}
					.products__obj__chara__tatamaru::after {
						content: '';
						display: block;
						width: calc((56 / 74) * 100%);
						height: auto;
						aspect-ratio: 56 / 13;
						border-radius: 50%;
						background-color: var(--color--black);
						position: absolute;
						bottom: calc((1 / 231) * -100%);
						left: calc((8 / 74) * 100%);
						z-index: -1;
					}

#news {
	width: 100%;
	height: auto;
	padding: 77px 0 84px;
	background-image: url(../image/index/news-bg@pc.webp);
	background-size: 100% auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-color: var(--color--light_gray);
	position: relative;
	z-index: 2;
}
	.news__edge {
		width: 100%;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(0%, -100%);
		z-index: 1;
	}
		.news__edge img {
			width: 100%;
			height: auto;
			position: absolute;
			bottom: 0;
			left: 0;
		}
	.news__inner {
		width: 90%;
		max-width: 900px;
		height: auto;
		margin: 0 auto;
		position: relative;
		z-index: 2;
	}
		.news__obj__container {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			pointer-events: none;
		}
			.news__obj {
				height: auto;
				position: absolute;
				z-index: -1;
			}
			.news__obj._01 {
				width: 285.42px;
				aspect-ratio: 285.42 / 187.99;
				top: -144px;
				left: -276px;
			}
				.news__obj__01_cloud {
					height: auto;
					position: absolute;
				}
				.news__obj__01_cloud._01 {
					width: calc((167.62 / 285.42) * 100%);
					top: 0;
					right: 0;
					z-index: 1;
					/* transform: rotate(3.8deg); */

					opacity: 0;
					transform: rotate(3.8deg) translate(-10%, 3%);
					transition: var(--anime_time);
					transition-delay: .25s;
				}
				._run .news__obj__01_cloud._01 {
					opacity: 1;
					transform: rotate(3.8deg) translate(0%, 0%);
				}
				.news__obj__01_cloud._02 {
					width: calc((266.13 / 285.42) * 100%);
					bottom: 0;
					left: 0;
					z-index: 2;
				
					opacity: 0;
					transform: translate(-10%, 4%);
					transition: var(--anime_time);
				}
				._run .news__obj__01_cloud._02 {
					opacity: 1;
					transform: translate(0%, 0%);
				}
			.news__obj._02 {
				width: 233px;
				height: auto;
				aspect-ratio: 233 / 240;
				top: -224px;
				right: -226px;
			}
				.news__obj__shishi {
					height: auto;
					position: absolute;
				}
				.news__obj__shishi._chutoro {
					width: calc((117 / 233) * 100%);
					top: 0;
					right: 0;

					opacity: 0;
				}
				._run .news__obj__shishi._chutoro {
					animation: news__obj__shishi .5s ease-out forwards;
				}
				.news__obj__shishi._anago {
					width: calc((111 / 233) * 100%);
					top: 62px;
					left: 0;

					opacity: 0;
				}
				._run .news__obj__shishi._anago {
					animation: news__obj__shishi .5s ease-out forwards .08s;
				}
				.news__obj__shishi._tamago {
					width: calc((123 / 233) * 100%);
					bottom: 57px;
					right: 5px;

					opacity: 0;
				}
				._run .news__obj__shishi._tamago {
					animation: news__obj__shishi .5s ease-out forwards .16s;
				}
				.news__obj__shishi._ikura {
					width: calc((87 / 233) * 100%);
					bottom: 0;
					left: 0;

					opacity: 0;
				}
				._run .news__obj__shishi._ikura {
					transform: translate(0%, 0%);
					animation: news__obj__shishi .5s ease forwards .24s;
				}
				@keyframes news__obj__shishi {
					0% {
						opacity: 0;
						transform: scale(0.7) translate(20px, -5px);
					}
					40% {
						transform: scale(1.1) translate(0, 0);
					}
					100% {
						opacity: 1;
						transform: scale(1) translate(0, 0);
					}
				}
			.news__obj._03 {
				width: 262.66px;
				aspect-ratio: 262.66 / 163;
				bottom: -131px;
				left: -227px;
			}
				.news__obj__shishi._salmon {
					width: calc((99 / 262.66) * 100%);
					top: 0;
					right: 70.66px;

					opacity: 0;
				}
				._run .news__obj__shishi._salmon {
					animation: news__obj__shishi .5s ease-out forwards .32s;
				}
				.news__obj__shishi._ebi {
					width: calc((108 / 262.66) * 100%);
					bottom: 0;
					left: 0;

					opacity: 0;
				}
				._run .news__obj__shishi._ebi {
					animation: news__obj__shishi .5s ease-out forwards .4s;
				}
				.news__obj__shishi._amaebi {
					width: calc((126.12 / 262.66) * 100%);
					bottom: 21.7px;
					right: 0;
					
					opacity: 0;
				}
				._run .news__obj__shishi._amaebi {
					animation: news__obj__shishi .5s ease-out forwards .48s;
				}
					.news__obj__shishi._amaebi img {
						transform: rotate(-9.25deg);
					}
			.news__obj._04 {
				width: 279.77px;
				height: auto;
				aspect-ratio: 279.77 / 216.44;
				bottom: -162px;
				right: -255px;
			}
				.news__obj__04_cloud {
					height: auto;
					position: absolute;
				}
				.news__obj__04_cloud._01 {
					width: calc((174.32 / 279.77) * 100%);
					top: 0;
					right: 0;
					z-index: 1;

					opacity: 0;
					transform: rotate(-29.15deg) translate(10%, 8%);
					transition: var(--anime_time);
					transition-delay: .25s;
				}
				._run .news__obj__04_cloud._01 {
					opacity: 1;
					transform: rotate(-29.15deg) translate(0%, 0%);
				}
				.news__obj__04_cloud._02 {
					width: calc((266.88 / 279.77) * 100%);
					bottom: 0;
					left: 0;
					z-index: 2;

					opacity: 0;
					transform: rotate(-22.12deg) translate(10%, 5%);
					transition: var(--anime_time);
				}
				._run .news__obj__04_cloud._02 {
					opacity: 1;
					transform: rotate(-22.12deg) translate(0%, 0%);
				}
		.news__contents {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			width: 100%;
			height: auto;
			margin: 0 auto;
			position: relative;
		}
			.news__contents__makinosuke {
				width: 155px;
				height: auto;
				overflow: hidden;
				position: absolute;
				top: 10px;
				left: 50%;
				transform: translate(-50%, -100%);
				z-index: 1;
			}
			._run .news__contents__makinosuke {
				top: 16px;
				animation: news__contents__makinosuke .5s ease-out forwards;
			}
			@keyframes news__contents__makinosuke {
				0% {
					top: 10px;
				}
				60% {
					top: 10px;
				}
				100% {
					top: 16px;
				}
			}
				.news__contents__makinosuke img {
					transform: translate(0%, 100%);
				}
				._run .news__contents__makinosuke img {
					transform: translate(0%, 0%);
					animation: news__contents__makinosuke__img .5s ease-out forwards;
				}
				@keyframes news__contents__makinosuke__img {
					0% {
						transform: translate(0%, 100%);
					}
					60% {
						transform: translate(0%, 0%);
					}
					100% {
						transform: translate(0%, 0%);
					}
				}
			.news__heading {
				width: calc((123 / 900) * 100%);
				height: auto;
				position: relative;
			}
				.news__heading__bg {
					width: 100%;
					height: auto;

					opacity: 0;
					transform: translateY(20px);
					transition: var(--anime_time);
				}
				._run .news__heading__bg {
					opacity: 1;
					transform: translateY(0px);
				}
				.news__heading__top_line {
					width: calc((113 / 123) * 100%);
					height: auto;
					position: absolute;
					top: calc((7.13 / 366) * 100%);
					left: 50%;
					/* transform: translate(-50%, 0%); */

					opacity: 0;
					transform: translate(-50%, 10px);
					transition: var(--anime_time);
					transition-delay: .2s;
				}
				._run .news__heading__top_line {
					opacity: 1;
					transform: translate(-50%, 0px);
				}
				.news__heading__bottom_line {
					width: calc((113 / 123) * 100%);
					height: auto;
					position: absolute;
					bottom: calc((11.15 / 366) * 100%);
					left: 50%;

					opacity: 0;
					transform: translate(-50%, 10px);
					transition: var(--anime_time);
					transition-delay: .2s;
				}
				._run .news__heading__bottom_line {
					opacity: 1;
					transform: translate(-50%, 0px);
				}
				.news__heading__main_text {
					width: calc((41.07 / 123) * 100%);
					height: auto;
					position: absolute;
					top: calc((42.61 / 366) * 100%);
					left: calc((40.06 / 123) * 100%);

					opacity: 0;
					transform: translateY(10px);
					transition: var(--anime_time);
					transition-delay: .4s;
				}
				._run .news__heading__main_text {
					opacity: 1;
					transform: translateY(0px);
				}
				.news__heading__sub_text {
					width: calc((52.84 / 123) * 100%);
					height: auto;
					position: absolute;
					top: calc((312.4 / 366) * 100%);
					left: 50%;
					/* transform: translate(-50%, 0%); */

					opacity: 0;
					transform: translate(-50%, 10px);
					transition: var(--anime_time);
					transition-delay: .4s;
				}
				._run .news__heading__sub_text {
					opacity: 1;
					transform: translate(-50%, 0px);
				}
			.news__list_wrap {
				width: calc((735 / 900) * 100%);
				height: auto;
				padding: 10px 0 0;
			}
				.news__list {
					width: 100%;
					height: auto;
					border-top: solid 1px var(--color--black);
					border-bottom: solid 1px var(--color--black);
				}
					.news__list__item {
						display: flex;
						justify-content: flex-end;
						align-items: flex-start;
						width: 100%;
						height: auto;
						padding: 20px 0;

						opacity: 0;
						transform: translateY(10px);
						transition: var(--anime_time);
					}
					.news__list__item:nth-of-type(2) {
						transition-delay: .1s;
					}
					.news__list__item:nth-of-type(3) {
						transition-delay: .2s;
					}
					.news__list__item:nth-of-type(4) {
						transition-delay: .3s;
					}
					.news__list__item:nth-of-type(5) {
						transition-delay: .4s;
					}
					.news__list__item:nth-of-type(6) {
						transition-delay: .5s;
					}
					.news__list__item:nth-of-type(7) {
						transition-delay: .6s;
					}
					.news__list__item:nth-of-type(8) {
						transition-delay: .7s;
					}
					.news__list__item:nth-of-type(9) {
						transition-delay: .8s;
					}
					.news__list__item:nth-of-type(10) {
						transition-delay: .9s;
					}
					.news__list__item:not(:last-of-type) {
						border-bottom: dashed 1px var(--color--black);
					}
					._run .news__list__item {
						opacity: 1;
						transform: translateY(0px);
					}
						.news__list__item__date {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 84px;
							height: 25px;
							padding: 0 0 1px;
							margin: 0 auto 0 0;
							border-radius: 2px;
							border: solid 1px var(--color--black);
							font-size: 12px;
							font-weight: 500;
							line-height: 1;
							letter-spacing: 0.03em;
							color: var(--color--black);
						}
						.news__list__item__title {
							width: calc((624 / 735) * 100%);
							height: auto;
							margin: 0 0 0 auto;
							font-size: 14px;
							font-weight: 500;
							line-height: 1.8;
							letter-spacing: 0.03em;
						}
							.news__list__item__title span {
								display: block;
								color: var(--color--black);
							}
							.news__list__item__title__en {
								font-size: 12px;
							}
						@media (any-hover: hover) {
							a.news__list__item__title span {
								transition: .3s;
							}
							a.news__list__item__title:hover span {
								color: var(--color--red);
							}
						}

#store {
	width: 100%;
	height: auto;
	padding: 174px 0 260px;
	background-color: var(--color--light_gray);
}
	.store__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.store__heading {
			display: flex;
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
			width: 100%;
			max-width: 1000px;
			height: 144px;
			padding: 19px 0 0;
			margin: 0 auto 90px;
			position: relative;
		}
			.store__heading__brackets {
				width: auto;
				height: 144px;
				position: absolute;
				top: 0;
				opacity: 0;
				transition: .5s;
			}
			.store__heading__brackets._left {
				left: 0;
				transform: translate(10px, 0px);
			}
			.store__heading__brackets._right {
				right: 0;
				transform: translate(-10px, 0px);
			}
			._run .store__heading__brackets {
				opacity: 1;
				transform: translate(0px, 0px);
			}
				.store__heading__brackets svg {
					width: auto;
					height: 100%;
					fill: var(--color--black);
				}
			.store__heading__text_en {
				margin-bottom: 23px;
				font-size: 20px;
				line-height: 1;
				letter-spacing: 0.06em;
				text-align: center;
				color: var(--color--black);
				opacity: 0;
				transform: translate(0%, 10px);
				transition: .5s;
				transition-delay: .2s;
			}
			._run .store__heading__text_en {
				opacity: 1;
				transform: translate(0%, 0%);
			}
			.store__heading__text_ja {
				width: 295.9px;
				height: auto;
				opacity: 0;
				transform: translate(0%, 10px);
				transition: .5s;
				transition-delay: .2s;
			}
			._run .store__heading__text_ja {
				opacity: 1;
				transform: translate(0%, 0%);
			}
				.store__heading__text_ja svg {
					fill: var(--color--black);
				}
		.store__contents {
			width: 100%;
			max-width: 936px;
			height: auto;
		}
			.store__list {
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
				width: 100%;
				height: auto;
			}
				.store__list__item {
					width: calc((438 / 936) * 100%);
					height: auto;

					opacity: 0;
					transform: translate(0%, 10px);
					transition: var(--anime_time);
				}
				._run.store__list__item {
					opacity: 1;
					transform: translate(0%, 0%);
				}
					.store__list__item__image {
						width: 100%;
						height: auto;
						margin: 0 auto 30px;
						aspect-ratio: 289 / 409;
					}
						.store__list__item__image__link {
							display: block;
							width: 100%;
							height: auto;
							border-radius: 5px;
							border: solid 1px var(--color--red_beige);
							overflow: hidden;
						}
					@media (any-hover: hover) {
						.store__list__item__image__link {
							transition: .3s;
						}
						.store__list__item__image__link:hover {
							border-color: var(--color--red);
						}
					}
					.store__list__item__btn_wrap {
						width: 152px;
						height: auto;
						margin: 0 auto;
					}
						.store__list__item__btn {
							display: flex;
							justify-content: space-between;
							align-items: center;
							width: 100%;
							height: auto;
						}
							.store__list__item__btn__text._ja {
								font-size: 22px;
								font-weight: 900;
								line-height: 1;
								letter-spacing: 0em;
								color: var(--color--black);
							}
							.store__list__item__btn__text._en {
								font-size: 20px;
								line-height: 1;
								letter-spacing: 0.03em;
								color: var(--color--black);
							}
							.store__list__item__btn__icon {
								width: 40px;
								height: 40px;
								border-radius: 9999px;
								background-color: var(--color--black);
								position: relative;
							}
								.store__list__item__btn__icon svg {
									width: 46px;
									height: auto;
									position: absolute;
									top: 9px;
									left: 0;
									transform: translate(-0.5px, 0px);
									transform-origin: left 70%;
								}
						@media (any-hover: hover) {
							.store__list__item__btn__text {
								transition: .3s;
							}
							.store__list__item__btn:hover .store__list__item__btn__text {
								color: var(--color--red);
							}
							.store__list__item__btn__icon {
								transition: .3s;
							}
							.store__list__item__btn:hover .store__list__item__btn__icon {
								background-color: var(--color--red);
							}
								.store__list__item__btn__icon svg {
									transition: .3s;
								}
								.store__list__item__btn:hover .store__list__item__btn__icon svg {
									transform: translate(-0.5px, 0px) scale(1.16);
								}
						}

#epilogue {
	width: 100%;
	height: auto;
	margin: -190px 0 0;
	border-radius: 190px 190px 0 0;
	overflow: hidden;
	background-color: #F4EBE1;
	position: relative;
	z-index: 2;
}
	.epilogue__menu {
		width: 100%;
		height: auto;
		padding: 88px 0 170px;
		margin: 0 auto;
		background-image: url(../image/index/epilogue-menu_bg@pc.webp);
		background-size: auto 100%;
		background-position: bottom center;
		background-repeat: repeat-x;
		position: relative;
		z-index: 2;
	}
		.epilogue__menu__inner {
			width: 90%;
			max-width: 1000px;
			height: auto;
			margin: 0 auto;
			position: relative;
		}
			.epilogue__menu__top {
				display: flex;
				justify-content: space-between;
				align-items: flex-end;
				width: 100%;
				height: auto;
				margin: 0 auto 50px;
			}
				.epilogue__menu__obj {
					display: flex;
					justify-content: space-between;
					align-items: center;
					height: auto;
					gap: 14px;
				}
				.epilogue__menu__top .epilogue__menu__obj {
					width: calc((347 / 1000) * 100%);
				}
				.epilogue__menu__bottom .epilogue__menu__obj {
					width: calc(50% - 229px);
				}
				.epilogue__menu__obj._left {
					flex-direction: row;
				}
				.epilogue__menu__obj._right {
					flex-direction: row-reverse;
				}
					.epilogue__menu__obj__circle {
						width: 61px;
						height: auto;

						opacity: 0;
						transition: var(--anime_time);
						transition-delay: .5s;
					}
					._run .epilogue__menu__obj__circle {
						opacity: 1;
					}
						.epilogue__menu__obj__circle svg {
							fill: var(--color--black);
						}
					.epilogue__menu__obj__line {
						flex: 1;
						height: 6px;
						position: relative;
						top: 2px;
					}
						.epilogue__menu__obj__line::before,
						.epilogue__menu__obj__line::after {
							content: '';
							display: block;
							width: 100%;
							height: 2px;
							border-radius: 9999px;
							background-color: var(--color--black);
							position: absolute;
							left: 0;
							
							transform: scaleX(0);
							transition: .5s;
						}
						.epilogue__menu__obj__line::before {
							top: 0;
						}
						.epilogue__menu__obj__line::after {
							bottom: 0;
						}
						._left .epilogue__menu__obj__line::before,
						._left .epilogue__menu__obj__line::after {
							transform-origin: right 50%;;
						}
						._right .epilogue__menu__obj__line::before,
						._right .epilogue__menu__obj__line::after {
							transform-origin: left 50%;;
						}
						._run .epilogue__menu__obj__line::before,
						._run .epilogue__menu__obj__line::after {
							transform: scaleX(1);
						}
				.epilogue__menu__logo {
					width: calc(200 / 1000 * 100%);
					height: auto;

					opacity: 0;
					transition: var(--anime_time);
					transform: translate(0%, 10px);
				}
				._run .epilogue__menu__logo {
					opacity: 1;
					transform: translate(0%, 0%);
				}
					.epilogue__menu__logo svg {
						fill: var(--color--black);
					}
				.epilogue__menu__top__right {
					width: 100%;
					height: auto;
				}
			.epilogue__menu__contents {
				width: 100%;
				height: auto;
				margin: 0 auto 35px;
			}
				.epilogue__menu__contents__container {
					display: flex;
					justify-content: space-between;
					align-items: center;
					width: 100%;
					max-width: 976px;
					height: auto;
					margin: 0 auto;
				}
					.epilogue__menu__list {
						display: flex;
						justify-content: flex-start;
						align-items: center;
						gap: calc((10 / 777) * 100%);
						width: calc((777 / 976) * 100%);
						height: auto;
					}
						.epilogue__menu__list__item {
							flex: 1;
							height: auto;
						}
							.epilogue__menu__list__item__btn {
								display: flex;
								flex-direction: column;
								justify-content: space-between;
								align-items: flex-start;
								width: auto;
								height: 43px;
								padding: 3px 17px 4px;
								position: relative;
							}
								.epilogue__menu__list__item__btn__brackets {
									width: auto;
									height: 43px;
									position: absolute;
									top: 0;

									opacity: 0;
								}
								.epilogue__menu__list__item__btn__brackets._left {
									left: 0;
									transform: translate(10px, 0px);
								}
								.epilogue__menu__list__item__btn__brackets._right {
									right: 0;
									transform: translate(-10px, 0px);
								}
								._run .epilogue__menu__list__item__btn__brackets {
									opacity: 1;
									transform: translate(0px, 0px);
								}
									.epilogue__menu__list__item__btn__brackets svg {
										fill: var(--color--black);
									}
								.epilogue__menu__list__item__btn__text_en {
									font-size: 10px;
									line-height: 1;
									letter-spacing: 0em;
									color: var(--color--black);
									white-space: nowrap;

									opacity: 0;
									transform: translate(0%, 10px);
								}
								._run .epilogue__menu__list__item__btn__text_en {
									opacity: 1;
									transform: translate(0%, 0%);
								}
								.epilogue__menu__list__item__btn__text_ja {
									font-size: 16px;
									font-weight: 900;
									line-height: 1;
									letter-spacing: 0.03em;
									color: var(--color--black);
									white-space: nowrap;

									opacity: 0;
									transform: translate(0%, 10px);
								}
								._run .epilogue__menu__list__item__btn__text_ja {
									opacity: 1;
									transform: translate(0%, 0%);
								}
							@media (any-hover: hover) {
								.epilogue__menu__list__item__btn__brackets {
									transition: .3s;
									transform: translate(0px, 0px);
								}
								.epilogue__menu__list__item__btn:hover .epilogue__menu__list__item__btn__brackets._left {
									transform: translate(-2px, 0px);
								}
								.epilogue__menu__list__item__btn:hover .epilogue__menu__list__item__btn__brackets._right {
									transform: translate(2px, 0px);
								}
									.epilogue__menu__list__item__btn__brackets svg {
										transition: .3s;
									}
									.epilogue__menu__list__item__btn:hover .epilogue__menu__list__item__btn__brackets svg {
										fill: var(--color--red);
									}
								.epilogue__menu__list__item__btn__text_en {
									transition: .3s;
									transform: translate(0px, 0px);
								}
								.epilogue__menu__list__item__btn:hover .epilogue__menu__list__item__btn__text_en {
									color: var(--color--red);
								}
								.epilogue__menu__list__item__btn__text_ja {
									transition: .3s;
								}
								.epilogue__menu__list__item__btn:hover .epilogue__menu__list__item__btn__text_ja {
									color: var(--color--red);
								}
							}
					.epilogue__menu__contact {
						width: calc((190 / 976) * 100%);
						height: auto;

						opacity: 0;
						transform: translate(0%, 10px);
						transition: var(--anime_time);
					}
					._run .epilogue__menu__contact {
						opacity: 1;
						transform: translate(0%, 0%);
					}
						.epilogue__menu__contact__btn {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: flex-start;
							width: 100%;
							height: 52px;
							padding: 0 0 0 12px;
							border-radius: 3px;
							background-color: var(--color--black);
							position: relative;
							overflow: hidden;
						}
							.epilogue__menu__contact__btn .epilogue__menu__contact__btn__text_en {
								margin-bottom: 5px;
								font-size: 10px;
								line-height: 1;
								letter-spacing: 0em;
								color: var(--color--red_beige);
								position: relative;
								z-index: 2;
							}
							.epilogue__menu__contact__btn .epilogue__menu__contact__btn__text_ja {
								font-size: 16px;
								font-weight: 900;
								line-height: 1;
								letter-spacing: 0.03em;
								color: var(--color--red_beige);
								position: relative;
								z-index: 2;
							}
								.epilogue__menu__contact__btn .epilogue__menu__contact__btn__text__icon {
									display: inline-block;
									width: 14px;
									height: auto;
									margin-left: 4px;
									transform: translate(0px, 1px);
								}
									.epilogue__menu__contact__btn .epilogue__menu__contact__btn__text__icon svg {
										fill: var(--color--red_beige);
									}
							.epilogue__menu__contact__btn__icon {
								width: 46px;
								height: auto;
								position: absolute;
								bottom: -12px;
								right: 2px;
								z-index: 1;
							}
					@media (any-hover: hover) {
						.epilogue__menu__contact__btn {
							transition: .3s;
						}
						.epilogue__menu__contact__btn:hover {
							background-color: var(--color--red);
							color: var(--color--white);
						}
							.epilogue__menu__contact__btn__icon {
								transition: .3s;
								transform: translate(0px, 0px);
							}
							.epilogue__menu__contact__btn:hover .epilogue__menu__contact__btn__icon {
								transform: translate(0px, -6px);
							}
					}
			.epilogue__menu__scroll {
				width: 100%;
				height: auto;
				margin: 0 auto;
				position: relative;
			}
				.epilogue__menu__scroll__inner {
					display: flex;
					justify-content: space-between;
					align-items: flex-end;
					width: 372px;
					height: auto;
					padding: 0 27px 0 0;
					margin: 0 auto;
				}
					.epilogue__menu__scroll__makinosuke_wrap {
						width: 86.7px;
						height: auto;
						position: relative;
					}
						.epilogue__menu__scroll__makinosuke {
							width: 100%;
							height: auto;
						}
							.epilogue__menu__scroll__makinosuke__image {
								width: 100%;
								height: auto;
								position: relative;
								z-index: 2;
							}
								.epilogue__menu__scroll__makinosuke__image img {
									opacity: 0;
									transform: translateY(-10px);
								}
								._run .epilogue__menu__scroll__makinosuke__image img {
									animation: epilogue_character .5s ease-out forwards .5s;
								}
								@keyframes epilogue_character {
									0% {
										opacity: 0;
										transform: translateY(-18px);
										animation-timing-function: ease-in;
									}
									44% {
										opacity: 1;
										transform: translateY(0);
										animation-timing-function: ease-out;
									}
									77% {
										opacity: 1;
										transform: translateY(-4px);
										animation-timing-function: ease-in;
									}
									100% {
										opacity: 1;
										transform: translateY(0);
									}
								}
								.epilogue__menu__scroll__makinosuke__image::after {
									content: '';
									display: block;
									width: 84px;
									height: 17px;
									border-radius: 50%;
									background-color: var(--color--black);
									position: absolute;
									bottom: -6px;
									left: 3px;
									z-index: -1;

									opacity: 0;
									transform: scale(0.6);
									transition: .3s;
									transition-delay: .5s;
								}
								._run .epilogue__menu__scroll__makinosuke__image::after {
									opacity: 1;
									transform: scale(1);
								}
							.epilogue__menu__scroll__makinosuke__s_bubble {
								width: 161px;
								height: auto;
								position: absolute;
								bottom: 92px;
								left: -28px;

								transform: scale(0.9)  translate(0%, 0%);
								opacity: 0;
							}
							._run .epilogue__menu__scroll__makinosuke__s_bubble {
								animation: epilogue_makinosuke_s_bubble .8s ease forwards 1.5s;
								transform-origin: 0 100%;
							}
							@keyframes epilogue_makinosuke_s_bubble {
								0% {
									opacity: 0;
									transform: scale(0.9)  translate(-100%, 0%);
								}
								40% {
									transform: scale(1.06) translate(-100%, 0%);
								}
								100% {
									opacity: 1;
									transform: scale(1) translate(-100%, 0%);
								}
							}
						.epilogue__menu__scroll__makinosuke__text_en {
							font-size: 11px;
							font-weight: 500;
							line-height: 1.4;
							letter-spacing: 0.03em;
							white-space: nowrap;
							position: absolute;
							bottom: 54px;
							left: -42px;

							opacity: 0;
							transform: translate(-100%, 5px);
							transition: var(--anime_time);
							transition-delay: 1.5s;
						}
						._run .epilogue__menu__scroll__makinosuke__text_en {
							opacity: 1;
							transform: translate(-100%, 0px);
						}
					.epilogue__menu__scroll__tatamaru_wrap {
						width: 62px;
						height: auto;
						position: relative;
					}
						.epilogue__menu__scroll__tatamaru {
							width: 100%;
							height: auto;
						}
							.epilogue__menu__scroll__tatamaru__image {
								width: 100%;
								height: auto;
								position: relative;
								z-index: 2;
							}
								.epilogue__menu__scroll__tatamaru__image img {
									opacity: 0;
									transform: translate(0%, -10px);
									transition: .3s;
									transition-delay: .5s;
									opacity: 0;
									transform: translateY(-10px);
								}
								._run .epilogue__menu__scroll__tatamaru__image img {
									animation: epilogue_character .5s ease-out forwards .5s;
								}
								.epilogue__menu__scroll__tatamaru__image::after {
									content: '';
									display: block;
									width: 58px;
									height: 9px;
									border-radius: 50%;
									background-color: var(--color--black);
									position: absolute;
									bottom: -4px;
									left: 2px;
									z-index: -1;

									opacity: 0;
									transform: scale(0.6);
									transition: .3s;
									transition-delay: .5s;
								}
								._run .epilogue__menu__scroll__tatamaru__image::after {
									opacity: 1;
									transform: scale(1);
								}
							.epilogue__menu__scroll__tatamaru__s_bubble {
								width: 161px;
								height: auto;
								position: absolute;
								bottom: 78px;
								right: -28px;

								transform: scale(0.9)  translate(100%, 0%);
								opacity: 0;
							}
							._run .epilogue__menu__scroll__tatamaru__s_bubble {
								animation: epilogue_tatamaru_s_bubble .8s ease forwards 2.5s;
								transform-origin: 100% 100%;
							}
							@keyframes epilogue_tatamaru_s_bubble {
								0% {
									opacity: 0;
									transform: scale(0.9)  translate(100%, 0%);
								}
								40% {
									transform: scale(1.06) translate(100%, 0%);
								}
								100% {
									opacity: 1;
									transform: scale(1) translate(100%, 0%);
								}
							}
						.epilogue__menu__scroll__tatamaru__text_en {
							font-size: 11px;
							font-weight: 500;
							line-height: 1.4;
							letter-spacing: 0.03em;
							white-space: nowrap;
							position: absolute;
							bottom: 38px;
							right: -70px;

							opacity: 0;
							transform: translate(100%, 5px);
							transition: var(--anime_time);
							transition-delay: 2.5s;
						}
						._run .epilogue__menu__scroll__tatamaru__text_en {
							opacity: 1;
							transform: translate(100%, 0px);
						}
					.epilogue__menu__scroll__guide {
						width: auto;
						height: auto;
						position: absolute;
						bottom: 3px;
						left: 50%;
						transform: translate(-50%, 0%);

						opacity: 0;
						transition: var(--anime_time);
						transition-delay: .5s;
					}
					._run .epilogue__menu__scroll__guide {
						opacity: 1;
					}
						.epilogue__menu__scroll__guide__text {
							margin: 0 auto 9px;
							font-size: 14px;
							line-height: 1;
							letter-spacing: 0.06em;
							white-space: nowrap;
						}
						.epilogue__menu__scroll__guide__icon {
							width: 2px;
							height: 40px;
							margin: 0 auto;
							border-radius: 9999px;
							background-color: var(--color--black);
							position: relative;
						}
							.epilogue__menu__scroll__guide__icon::before {
								content: '';
								width: 8px;
								height: 8px;
								border-radius: 9999px;
								background-color: var(--color--black);
								position: absolute;
								top: -4px;
								left: 50%;
								transform: translate(-50%, 0%);
								animation: epilogue_menu_scroll_guide 2s ease infinite;
							}
							@keyframes epilogue_menu_scroll_guide {
								0% {
									opacity: 0;
									transform: translate(-50%, 0%);
								}
								20% {
									opacity: 1;
								}
								80% {
									opacity: 1;
								}
								100% {
									opacity: 0;
									transform: translate(-50%, 40px);
								}
							}
			.epilogue__menu__bottom {
				display: flex;
				justify-content: space-between;
				align-items: center;
				width: 100%;
				height: auto;
				margin: -58px auto 0;
			}
			.epilogue__menu__footprints {
				width: 163px;
				height: auto;
				aspect-ratio: 163 / 147;
				position: absolute;
				bottom: -168px;
				left: 450px;
				z-index: 2;
			}
				.epilogue__menu__footprints__item {
					width: 18.27px;
					height: auto;
					position: absolute;

					opacity: 0;
					transition: .3s;
				}
				._run .epilogue__menu__footprints__item {
					opacity: 1;
				}
				.epilogue__menu__footprints__item._01 {
					top: 0;
					right: 0;
					transform: rotate(35.51deg);
					transition-delay: 3.6s;
				}
				.epilogue__menu__footprints__item._02 {
					top: 12.39px;
					right: 52.8px;
					transform: rotate(20.43deg);
					transition-delay: 3.75s;
				}
				.epilogue__menu__footprints__item._03 {
					top: 62.15px;
					right: 41.62px;
					transform: rotate(49.94deg);
					transition-delay: 3.9s;
				}
				.epilogue__menu__footprints__item._04 {
					top: 55.46px;
					right: 108.46px;
					transform: rotate(35.51deg);
					transition-delay: 4.05s;
				}
				.epilogue__menu__footprints__item._05 {
					top: 107.85px;
					right: 87.27px;
					transform: rotate(49.94deg);
					transition-delay: 4.2s;
				}
				.epilogue__menu__footprints__item._06 {
					bottom: 0;
					left: 0;
					transform: rotate(20.43deg);
					transition-delay: 4.35s;
				}
	.epilogue__comic {
		width: 100%;
		height: auto;
		/* padding: 0 0 85px; */
		margin: 0 auto;
		position: relative;
		z-index: 1;
		will-change: transform;
	}
		.epilogue__comic__bg {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
		}
			.epilogue__comic__bg__top {
				width: 100%;
				height: 838px;
				background-image: url(../image/index/epilogue-comic_bg@pc.webp);
				background-size: auto 100%;
				background-position: center;
				background-repeat: repeat-x;
			}
			.epilogue__comic__bg__middle {
				width: 100%;
				flex: 1;
				background-image: url(../image/index/epilogue-comic_bg_middle@pc.webp);
				background-size: auto 100%;
				background-position: bottom center;
				background-repeat: repeat-x;
			}
			.epilogue__comic__bg__bottom {
				width: 100%;
				height: 838px;
				background-image: url(../image/index/epilogue-comic_bg@pc.webp);
				background-size: auto 100%;
				background-position: center;
				background-repeat: repeat-x;
				transform: scaleY(-1);
			}
		.epilogue__comic__inner {
			width: 90%;
			max-width: 1100px;
			height: auto;
			margin: 0 auto;
			position: relative;
			z-index: 3;
		}
			.epilogue__comic__panel {
				--comic-panel-offset-y: 15%;
				padding: 4px;
				border-radius: 10px;
				position: relative;
				opacity: 0;
				transition: transform var(--comic_time), opacity var(--comic_time);
				transform: translate(0%, var(--comic-panel-offset-y));
			}
			._run.epilogue__comic__panel {
				opacity: 1;
				transform: translate(0%, 0%);
			}
				.epilogue__comic__panel::before {
					content: '';
					display: block;
					width: 100%;
					height: 100%;
					border: solid 4px var(--color--black);
					border-radius: 10px;
					pointer-events: none;
					position: absolute;
					top: 0;
					left: 0;
					z-index: 2;
				}
				.epilogue__comic__panel__inner {
					width: 100%;
					height: 100%;
					border-radius: 6px;
					background-color: var(--color--red_beige);
					position: relative;
					z-index: 3;
				}
			.epilogue__comic__panel._01 {
				width: 100%;
				height: auto;
				aspect-ratio: 1100 / 490;
				z-index: 1;
			}
				._01 .epilogue__comic__panel__inner {
					overflow: hidden;
				}
					.comic__panel_01__logo {
						width: calc((127 / 1092) * 100%);
						height: auto;
						position: absolute;
						top: 0;
						left: 50%;
						z-index: 10;
						
						opacity: 0;
						transform: translate(-50%, -10%);
						transition: .5s;
						will-change: transform;
					}
					._show.comic__panel_01__logo {
						opacity: 1;
						transform: translate(-50%, 0%);
					}
					.comic__panel_01__banner {
						width: 100%;
						height: auto;
						position: absolute;
						top: 0;
						left: 0;
						z-index: 1;

						opacity: 0;
						transform: translate(0%, -10%);
						transition: .5s;
						will-change: transform;
					}
					._show.comic__panel_01__banner {
						opacity: 1;
						transform: translate(0%, 0%);
					}
					.comic__panel_01__tatamaru {
						width: calc((193.34 / 1092) * 100%);
						height: auto;
						position: absolute;
						bottom: calc((45 / 482) * 100%);
						left: calc((330 / 1092) * 100%);
						z-index: 2;

						opacity: 0;
						transform: translate(-10%, 0%);
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_01__tatamaru {
						opacity: 1;
						transform: translate(0%, 0%);
					}
						.comic__panel_01__tatamaru__s_bubble {
							width: calc((123 / 193.34) * 100%);
							height: auto;
							position: absolute;
							top: calc((23 / 207) * 100%);
							left: 0;
							transform: translate(-100%, -100%) scale(0.8);
							z-index: 2;

							opacity: 0;
							transform-origin: 100% 100%;
							will-change: transform;
						}
						._show.comic__panel_01__tatamaru__s_bubble {
							animation: comic__panel_01__tatamaru__s_bubble .8s ease forwards;
						}
						@keyframes comic__panel_01__tatamaru__s_bubble {
							0% {
								opacity: 0;
								transform: translate(-100%, -100%) scale(0.8);
							}
							40% {
								transform: translate(-100%, -100%) scale(1.1);
							}
							100% {
								opacity: 1;
								transform: translate(-100%, -100%) scale(1);
							}
						}
						.comic__panel_01__tatamaru__lines {
							width: calc((101 / 193.34) * 100%);
							height: auto;
							font-size: min(12px, calc((12 / 1280) * 100vw));
							font-weight: 700;
							line-height: 1.4;
							letter-spacing: 0.03em;
							color: var(--color--black);
							position: absolute;
							top: calc((37/ 207) * 100%);
							left: calc((10 / 193.34) * -100%);
							z-index: 2;

							opacity: 0;
							transition: .5s;
							transform: translate(-100%, 10%);
							will-change: transform;
						}
						._show.comic__panel_01__tatamaru__lines {
							opacity: 1;
							transform: translate(-100%, 0%);
						}
						.comic__panel_01__tatamaru__image {
							width: 100%;
							height: auto;
							position: relative;
						}
							.comic__panel_01__tatamaru__image::after {
								content: '';
								display: block;
								width: calc((132 / 193.34) * 100%);
								height: auto;
								aspect-ratio: 132 / 14;
								border-radius: 50%;
								background-color: var(--color--black);
								position: absolute;
								bottom: calc((2 / 205) * -100%);
								left: calc((23.12 / 193.34) * 100%);
								z-index: -1;

								opacity: 0;
								transition: .5s;
								transition-delay: .8s;
								will-change: transform;
							}
							._show .comic__panel_01__tatamaru__image::after {
								opacity: 1;
							}
					.comic__panel_01__makinosuke {
						width: calc((289 / 1092) * 100%);
						height: auto;
						position: absolute;
						bottom: calc((45 / 482) * 100%);
						right: calc((267 / 1092) * 100%);
						z-index: 2;

						opacity: 0;
						transform: translate(10%, 0%);
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_01__makinosuke {
						opacity: 1;
						transform: translate(0%, 0%);
					}
						.comic__panel_01__makinosuke__image {
							width: 100%;
							height: auto;
							position: relative;
						}
							.comic__panel_01__makinosuke__image::after {
								content: '';
								display: block;
								width: calc((200 / 289) * 100%);
								height: auto;
								aspect-ratio: 200 /20;
								border-radius: 50%;
								background-color: var(--color--black);
								position: absolute;
								bottom: 0;
								left: calc((43.87 / 289) * 100%);
								z-index: -1;

								opacity: 0;
								transition: .5s;
								transition-delay: .8s;
								will-change: transform;
							}
							._show .comic__panel_01__makinosuke__image::after {
								opacity: 1;
							}
					.comic__panel_01__tatamaru__name {
						width: calc((150 / 1092) * 100%);
						height: auto;
						position: absolute;
						top: calc((35 / 482) * 100%);
						left: calc((38 / 1092) * 100%);
						z-index: 3;
					}
					.comic__panel_01__makinosuke__name {
						width: calc((150 / 1092) * 100%);
						height: auto;
						position: absolute;
						top: calc((35 / 482) * 100%);
						right: calc((38 / 1092) * 100%);
						z-index: 3;
					}
						.comic__panel_01__makinosuke__name img,
						.comic__panel_01__tatamaru__name img {
							clip-path: inset(0% 0% 100% 0%);
							transition: .5s;
						}
						._show.comic__panel_01__makinosuke__name img,
						._show.comic__panel_01__tatamaru__name img {
							clip-path: inset(0% 0% 0% 0%);
						}
					.comic__panel_01__tatamaru__profile,
					.comic__panel_01__makinosuke__profile {
						width: calc((242 / 1092) * 100%);
						height: auto;
						background-color: var(--color--black);
						position: absolute;
						bottom: 0;
						z-index: 4;

						opacity: 0;
						transition: .4s;
						will-change: transform;
					}
					.comic__panel_01__tatamaru__profile {
						padding: calc((20 / 1092) * 100%) calc((15 / 1092) * 100%);
						border-radius: 0 10px 0 0;
						left: 0;

						transform: translate(0%, 10%);
						will-change: transform;
					}
					.comic__panel_01__makinosuke__profile {
						padding: calc((20 / 1092) * 100%) calc((4 / 1092) * 100%) calc((20 / 1092) * 100%) calc((15 / 1092) * 100%);
						border-radius: 10px 0 0 0;
						right: 0;

						transform: translate(0%, 10%);
						will-change: transform;
					}
					._show.comic__panel_01__tatamaru__profile,
					._show.comic__panel_01__makinosuke__profile {
						opacity: 1;
						transform: translate(0%, 0%);
					}
						.comic__panel_01__tatamaru__profile__text_ja,
						.comic__panel_01__makinosuke__profile__text_ja {
							width: 100%;
							height: auto;
							margin: 0 auto calc((10 / 216) * 100%);
							font-size: min(calc((12 / 1280) * 100vw), 12px);
							font-weight: 700;
							line-height: 1.8;
							letter-spacing: 0.03em;
							color: var(--color--white);

							opacity: 0;
							transform: translate(0%, 10%);
							transition: .3s;
							transition-delay: .3s;
							will-change: transform;
						}
						._show .comic__panel_01__tatamaru__profile__text_ja,
						._show .comic__panel_01__makinosuke__profile__text_ja {
							opacity: 1;
							transform: translate(0%, 0%);
						}
						.comic__panel_01__tatamaru__profile__text_en,
						.comic__panel_01__makinosuke__profile__text_en {
							width: 100%;
							height: auto;
							font-size: min(calc((11 / 1280) * 100vw), 11px);
							font-weight: 500;
							line-height: 1.4;
							letter-spacing: 0.03em;
							color: var(--color--white);

							opacity: 0;
							transform: translate(0%, 10%);
							transition: .3s;
							transition-delay: .4s;
							will-change: transform;
						}
						._show .comic__panel_01__tatamaru__profile__text_en,
						._show .comic__panel_01__makinosuke__profile__text_en {
							opacity: 1;
							transform: translate(0%, 0%);
						}
			.epilogue__comic__panel._02 {
				width: calc((422 / 1100) * 100%);
				height: auto;
				aspect-ratio: 422 / 404;
				margin: calc((34 / 1100) * 100%) calc((56 / 1100) * 100%) 0 auto;
				z-index: 2;
			}
					.comic__panel_02__s_bubble {
						width: calc((383 / 414) * 100%);
						height: auto;
						position: absolute;
						top: 0;
						left: calc((18 / 414) * 100%);
						z-index: 1;

						opacity: 0;
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_02__s_bubble {
						opacity: 1;
					}
					.comic__panel_02__makinosuke {
						width: calc((163 / 414) * 100%);
						height: auto;
						position: absolute;
						bottom: calc((24 / 396) * -100%);
						left: calc((118 / 414) * 100%);
						z-index: 3;

						opacity: 0;
						transform: translate(0%, 10%);
						will-change: transform;
					}
					._show.comic__panel_02__makinosuke {
						animation: comic__panel_02__makinosuke .6s ease forwards;
					}
					@keyframes comic__panel_02__makinosuke {
						0% {
							opacity: 0;
							transform: translate(0%, 10%);
						}
						40% {
							transform: translate(0%, -4%);
						}
						100% {
							opacity: 1;
							transform: translate(0%, 0%);
						}
					}
					.comic__panel_02__lines_en {
						width: calc((101 / 414) * 100%);
						height: auto;
						font-size: min(12px, calc((12 / 1280) * 100vw));
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.03em;
						color: var(--color--black);
						position: absolute;
						bottom: calc((13/ 396) * 100%);
						left: calc((13 / 414) * 100%);
						z-index: 2;

						opacity: 0;
						transform: translate(10%, 0%);
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_02__lines_en {
						opacity: 1;
						transform: translate(0%, 0%);
					}
					.comic__panel_02__mumu {
						width: calc((41 / 414) * 100%);
						height: auto;
						position: absolute;
						bottom: calc((16 / 396) * 100%);
						right: calc((50 / 414) * 100%);
						z-index: 2;
					}
						.comic__panel_02__mumu__text_ja {
							width: calc((35 / 41) * 100%);
							height: auto;
							margin: 0 auto calc((11 / 41) * 100%) 0;

							opacity: 0;
							transform: translate(0%, 10%);
							transition: .8s;
							will-change: transform;
						}
						._show .comic__panel_02__mumu__text_ja {
							opacity: 1;
							transform: translate(0%, 0%);
						}
							.comic__panel_02__mumu__text_ja svg {
								fill: var(--color--black);
							}
						.comic__panel_02__mumu__text_en {
							width: 100%;
							height: auto;
							font-size: calc((18 / 1280) * 100vw);
							font-style: italic;
							font-weight: 500;
							line-height: 1.2;
							letter-spacing: 0.07em;
							color: var(--color--black);

							opacity: 0;
							transform: translate(10%, 0%);
							transition: .8s;
							will-change: transform;
						}
						._show .comic__panel_02__mumu__text_en {
							opacity: 1;
							transform: translate(0%, 0%);
						}
			.epilogue__comic__panel._03 {
				width: calc((535 / 1100) * 100%);
				height: auto;
				aspect-ratio: 535 / 422;
				margin: calc((282 / 1100) * -100%) auto 0 calc((39 / 1100) * 100%);
				z-index: 3;
			}
				._03 .epilogue__comic__panel__inner {
					background-color: #BFDBD7;
				}
					.comic__panel_03__cloud {
						height: auto;
						position: absolute;
						overflow: hidden;
					}
					.comic__panel_03__cloud._01 {
						width: calc((234 / 527) * 100%);
						top: calc((46 / 414) * -100%);
						left: 0;
						z-index: 1;
					}
					.comic__panel_03__cloud._02 {
						width: calc((249 / 527) * 100%);
						top: calc((17 / 414) * 100%);
						right: 0;
						z-index: 1;
					}
					._show.comic__panel_03__cloud._02 {
						opacity: 1;
					}
						.comic__panel_03__cloud img {
							opacity: 0;
							transition: .8s;
							will-change: transform;
						}
						.comic__panel_03__cloud._01 img {
							transform: translate(-10%, 0%);
						}
						.comic__panel_03__cloud._02 img {
							transform: translate(10%, 0%);
						}
						.comic__panel_03__cloud._show img {
							opacity: 1;
							transform: translate(0%, 0%);
						}
					.comic__panel_03__sushimeijin {
						width: calc((287 / 527) * 100%);
						height: auto;
						aspect-ratio: 287 / 338;
						position: absolute;
						top: calc((18 / 414) * -100%);
						left: calc((25 / 527) * 100%);
						z-index: 2;
					}
						.comic__panel_03__sushimeijin__orbit {
							width: calc((81 / 287) * 100%);
							height: auto;
							position: absolute;
							top: 0;
							right: 0;
							z-index: 1;

							opacity: 0;
							transform: translate(4%, -10%);
							transition: .8s;
							will-change: transform;
						}
						._show .comic__panel_03__sushimeijin__orbit {
							opacity: 1;
							transform: translate(0%, 0%);
						}
						.comic__panel_03__sushimeijin__main {
							width: calc((206 / 287) * 100%);
							height: auto;
							position: absolute;
							bottom: 0;
							left: 0;
							z-index: 2;

							opacity: 0;
							transform: translate(6%, -12%) rotate(-5deg);
							transition: .8s;
							transition-delay: .6s;
							will-change: transform;
						}
						._show .comic__panel_03__sushimeijin__main {
							opacity: 1;
							transform: translate(0%, 0%) rotate(0deg);
						}
					.comic__panel_03__lines_en {
						width: auto;
						height: auto;
						font-size: min(12px, calc((12 / 1280) * 100vw));
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.03em;
						color: var(--color--black);
						position: absolute;
						bottom: calc((13 / 396) * 100%);
						left: calc((19 / 414) * 100%);
						z-index: 2;

						opacity: 0;
						transform: translate(10%, 0%);
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_03__lines_en {
						opacity: 1;
						transform: translate(0%, 0%);
					}
					.comic__panel_03__makinosuke {
						width: calc((270 / 527) * 100%);
						height: auto;
						aspect-ratio: 270 / 478;
						position: absolute;
						bottom: 0;
						right: calc((26 / 527) * -100%);
						z-index: 3;
					}
						.comic__panel_03__makinosuke__lines {
							width: calc((217 / 270) * 100%);
							height: auto;
							position: absolute;
							top: 0;
							right: 0;
							z-index: 2;

							opacity: 0;
							transition: .3s;
							transition-delay: .8s;
							will-change: transform;
						}
						._show .comic__panel_03__makinosuke__lines {
							opacity: 1;
						}
						.comic__panel_03__makinosuke__image {
							width: calc((244 / 270) * 100%);
							height: auto;
							border-radius: 0 0 6px 0;
							overflow: hidden;
							position: absolute;
							bottom: 0;
							left: 0;
							z-index: 1;
						}
							.comic__panel_03__makinosuke__image img {
								opacity: 0;
								transition: .3s;
								transform: translate(10%, 5%);
								will-change: transform;
							}
							._show .comic__panel_03__makinosuke__image img {
								opacity: 1;
								transform: translate(0%, 0%);
							}
					.comic__panel_03__hirari {
						width: calc((124 / 527) * 100%);
						height: auto;
						position: absolute;
						bottom: calc((79 / 414) * -100%);
						left: calc((78 / 527) * -100%);
						z-index: 1;
					}
						.comic__panel_03__hirari__hi,
						.comic__panel_03__hirari__ra,
						.comic__panel_03__hirari__ri {
							width: 100%;
							height: auto;

							opacity: 0;
							transition: .8s;
							will-change: transform;
						}
						.comic__panel_03__hirari__ra,
						.comic__panel_03__hirari__ri {
							position: absolute;
							top: 0;
							left: 0;
						}
						.comic__panel_03__hirari__ra {
							transition-delay: .2s;
						}
						.comic__panel_03__hirari__ri {
							transition-delay: .4s;
						}
						._show .comic__panel_03__hirari__hi,
						._show .comic__panel_03__hirari__ra,
						._show .comic__panel_03__hirari__ri {
							opacity: 1;
						}
							.comic__panel_03__hirari__hi svg,
							.comic__panel_03__hirari__ra svg,
							.comic__panel_03__hirari__ri svg {
								fill: var(--color--black);
							}
			.epilogue__comic__panel._04 {
				width: calc((360 / 1100) * 100%);
				height: auto;
				aspect-ratio: 360 / 530;
				margin: calc((46 / 1100) * -100%) calc((56 / 1100) * 100%) 0 auto;
				z-index: 4;
			}
				._04 .epilogue__comic__panel__inner {
					background-color: #BFDBD7;
				}
					.comic__panel_04__cloud {
						width: calc((207 / 352) * 100%);
						height: auto;
						overflow: hidden;
						position: absolute;
						top: calc((1 / 522) * 100%);
						left: 0;
						z-index: 1;
					}
						.comic__panel_04__cloud img {
							opacity: 0;
							transform: translate(-10%, 0%);
							transition: .8s;
							will-change: transform;	
						}
						._show.comic__panel_04__cloud img {
							opacity: 1;
							transform: translate(0%, 0%);
						}
					.comic__panel_04__lines_en {
						width: auto;
						height: auto;
						font-size: min(12px, calc((12 / 1280) * 100vw));
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.03em;
						color: var(--color--black);
						position: absolute;
						bottom: calc((8 / 522) * 100%);
						left: calc((11 / 352) * 100%);
						z-index: 2;

						opacity: 0;
						transform: translate(10%, 0%);
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_04__lines_en {
						opacity: 1;
						transform: translate(0%, 0%);
					}
					.comic__panel_04__makinosuke {
						width: calc((452 / 352) * 100%);
						height: auto;
						aspect-ratio: 452 / 660;
						position: absolute;
						top: calc((33 / 522) * -100%);
						left: calc((7 / 352) * -100%);
						z-index: 3;
					}
						.comic__panel_04__makinosuke__s_bubble {
							width: calc((123 / 452) * 100%);
							height: auto;
							position: absolute;
							top: 0;
							right: calc((100 / 452) * 100%);
							z-index: 2;

							opacity: 0;
							transform: scale(0.9);
							transform-origin: 0% 100%;
							will-change: transform;
						}
						._show .comic__panel_04__makinosuke__s_bubble {
							animation: comic__panel_04__makinosuke__s_bubble .5s ease forwards .6s;
						}
						@keyframes comic__panel_04__makinosuke__s_bubble {
							0% {
								opacity: 0;
								transform: scale(0.9);
							}
							40% {
								transform: scale(1.2);
							}
							100% {
								opacity: 1;
								transform: scale(1);
							}
						}
						.comic__panel_04__makinosuke__image {
							width: calc((368 / 452) * 100%);
							height: auto;
							position: absolute;
							top: calc((142 / 660) * 100%);
							left: 0;
							z-index: 1;

							opacity: 0;
							transform: translate(10%, 5%);
							transition: .5s;
							will-change: transform;
						}
						._show .comic__panel_04__makinosuke__image {
							opacity: 1;
							transform: translate(0%, 0%);
						}
						.comic__panel_04__makinosuke__effect {
							width: calc((80 / 452) * 100%);
							height: auto;
							position: absolute;
							bottom: 0;
							right: 0;
							z-index: 1;

							opacity: 0;
							transform: translate(-5%, -5%);
							transition: .5s;
							transition-delay: .1s;
							will-change: transform;
						}
						._show .comic__panel_04__makinosuke__effect {
							opacity: 1;
							transform: translate(0%, 0%);
						}
			.epilogue__comic__panel._05 {
				width: calc((498 / 1100) * 100%);
				height: auto;
				aspect-ratio: 498 / 502;
				margin: calc((289 / 1100) * -100%) auto 0 calc((46 / 1100) * 100%);
				z-index: 5;
			}
					.comic__panel_05__s_bubble {
						width: calc((163 / 490) * 100%);
						height: auto;
						position: absolute;
						top: calc((169 / 494) * -100%);
						right: calc((156 / 490) * 100%);
						z-index: 2;

						opacity: 0;
						transition: .5s;
						transform: scale(0.9);
						will-change: transform;
					}
					._show.comic__panel_05__s_bubble {
						opacity: 1;
						animation: comic__panel_05__s_bubble .8s ease forwards;
					}
					@keyframes comic__panel_05__s_bubble {
						0% {
							opacity: 0;
							transform: scale(0.9);
						}
						40% {
							transform: scale(1.1);
						}
						100% {
							opacity: 1;
							transform: scale(1);
						}
					}
					.comic__panel_05__lines_en {
						width: auto;
						height: auto;
						font-size: min(12px, calc((12 / 1280) * 100vw));
						font-weight: 700;
						line-height: 1.4;
						letter-spacing: 0.03em;
						color: var(--color--black);
						position: absolute;
						top: calc((10 / 494) * 100%);
						right: calc((14 / 490) * 100%);
						z-index: 3;

						opacity: 0;
						transform: translate(10%, 0%);
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_05__lines_en {
						opacity: 1;
						transform: translate(0%, 0%);
					}
					.comic__panel_05__makinosuke_tatamaru {
						width: calc((520 / 490) * 100%);
						height: auto;
						aspect-ratio: 520 / 349;
						position: absolute;
						bottom: calc((94 / 494) * 100%);
						left: calc((26 / 490) * -100%);
						z-index: 3;
					}
						.comic__panel_05__question {
							width: calc((61.7 / 490) * 100%);
							height: auto;
							position: absolute;
							top: 0;
							left: calc((72 / 520) * 100%);
							z-index: 2;

							opacity: 0;
							transition: .5s;
							transition-delay: 1.2s;
							transform: translate(4%, 10%);
							will-change: transform;
						}
						._show .comic__panel_05__question {
							opacity: 1;
							transform: translate(0%, 0%);
							animation: comic__panel_05__question 1.2s ease infinite 1.2s;
						}
						@keyframes comic__panel_05__question {
							0% {
								transform: rotate(0deg);
							}
							20% {
								transform: rotate(-12deg);
							}
							40% {
								transform: rotate(12deg);
							}
							60% {
								transform: rotate(0deg);
							}
							100% {
								transform: rotate(0deg);
							}
						}
						.comic__panel_05__image {
							width: 100%;
							height: auto;
							position: absolute;
							bottom: 0;
							left: 0;
							z-index: 1;
							
							opacity: 0;
							transform: translate(0%, 10%);
							transition: .8s;
							will-change: transform;
						}
						._show .comic__panel_05__image {
							animation: comic__panel_05__image .8s ease forwards;
						}
						@keyframes comic__panel_05__image {
							0% {
								opacity: 0;
								transform: translate(0%, 10%);
							}
							40% {
								transform: translate(0%, -4%);
							}
							100% {
								opacity: 1;
								transform: translate(0%, 0%);
							}
						}
					.comic__panel_05__sushimeijin {
						width: 100%;
						height: auto;
						position: absolute;
						bottom: 0;
						left: 0;
						z-index: 4;
					}
						.comic__panel_05__sushimeijin__image {
							width: calc((393 / 490) * 100%);
							height: auto;
							position: absolute;
							bottom: calc((12 / 139) * 100%);
							left: calc((45 / 490) * 100%);
							z-index: 2;

							opacity: 0;
							transform: translate(0%, -10%);
							transition: .4s;
							transition-delay: .6s;
							will-change: transform;
						}
						._show .comic__panel_05__sushimeijin__image {
							opacity: 1;
							transform: translate(0%, 0%);
						}
						.comic__panel_05__sushimeijin__table {
							width: 100%;
							height: auto;
							aspect-ratio: 490 / 139;
							overflow: hidden;
						}
							.comic__panel_05__sushimeijin__table__color {
								width: 100%;
								height: 100%;
								border-radius: 0 0 6px 6px;
								border-top: solid 4px var(--color--black);	
								background-color: #B8A891;

								transform: translate(0%, 100%);
								transition: .8s;
								will-change: transform;
							}
							._show .comic__panel_05__sushimeijin__table__color {
								opacity: 1;
								transform: translate(0%, 0%);
							}
					.comic__panel_05__note {
						width: auto;
						height: auto;
						font-size: min(11px, calc((11 / 1280) * 100vw));
						font-weight: 500;
						line-height: 1.4;
						letter-spacing: 0.03em;
						color: var(--color--black);
						position: absolute;
						bottom: calc((14 / 494) * -100%);
						left: calc((2 / 490) * 100%);
						transform: translate(0%, 100%);
						z-index: 5;

						opacity: 0;
						transition: .8s;
						will-change: transform;
					}
					._show.comic__panel_05__note {
						opacity: 1;
					}
			.epilogue__comic__panel._06 {
				width: calc((560 / 1100) * 100%);
				height: auto;
				aspect-ratio: 560 / 288;
				margin: calc((75 / 1100) * -100%) calc((56 / 1100) * 100%) 0 auto;
				background-color: var(--color--black);
				z-index: 6;
			}
				._06 .epilogue__comic__panel__inner {
					background-color: initial;
				}
					.comic__panel_06__main {
						width: 100%;
						height: 100%;
						position: relative;
						overflow: hidden;
					}
						.comic__panel_06__left_hand {
							width: calc((376 / 552) * 100%);
							height: auto;
							border-radius: 0 0 0 6px;
							overflow: hidden;
							position: absolute;
							bottom: 0;
							left: 0;
							z-index: 1;

							opacity: 0;
							transform: translate(-20%, 10%) rotate(6deg);
							transform-origin: 0% 100%;
							transition: .5s;
							will-change: transform;
						}
						._show.comic__panel_06__left_hand {
							opacity: 1;
							transform: translate(0%, 0%) rotate(0deg);
						}
						.comic__panel_06__sushimeijin {
							width: calc((226 / 552) * 100%);
							height: auto;
							position: absolute;
							top: calc((96 / 280) * 100%);
							left: calc((157 / 552) * 100%);
							z-index: 2;

							opacity: 0;
						}
						._show.comic__panel_06__sushimeijin {
							opacity: 1;
							animation: comic__panel_06__sushimeijin .5s ease-out forwards;
						}
						@keyframes comic__panel_06__sushimeijin {
							0% {
								opacity: 0;
								transform: translateY(-18%);
								animation-timing-function: ease-in;
							}
							44% {
								opacity: 1;
								transform: translateY(0);
								animation-timing-function: ease-out;
							}
							66% {
								opacity: 1;
								transform: translateY(-6%);
								animation-timing-function: ease-in;
							}
							100% {
								opacity: 1;
								transform: translateY(0);
							}
						}
						.comic__panel_06__right_hand {
							width: calc((352 / 552) * 100%);
							height: auto;
							border-radius: 0 6px 0 0;
							overflow: hidden;
							position: absolute;
							top: 0;
							right: 0;
							z-index: 3;

							opacity: 0;
							transform: translate(20%, -10%) rotate(6deg);
							transform-origin: 100% 0%;
							transition: .5s;
							will-change: transform;
						}
						._show.comic__panel_06__right_hand {
							opacity: 1;
							transform: translate(0%, 0%) rotate(0deg);
						}
						._niginigi._show.comic__panel_06__right_hand {
							transform-origin: 100% 10%;
							animation: comic__panel_06__right_hand__niginigi 2s linear infinite;
						}
						@keyframes comic__panel_06__right_hand__niginigi {
							0% {
								transform: rotate(0deg);
							}
							10% {
								transform: rotate(4deg);
							}
							20% {
								transform: rotate(0deg);
							}
							30% {
								transform: rotate(4deg);
							}
							40% {
								transform: rotate(0deg);
							}
							100% {
								transform: rotate(0deg);
							}
						}
					.comic__panel_06__onomatopoeia {
						height: auto;
						position: absolute;
						z-index: 2;
					}
						.comic__panel_06__onomatopoeia__ni,
						.comic__panel_06__onomatopoeia__gi {
							height: auto;
							position: absolute;

							opacity: 0;

							transition: .5s;
							will-change: transform;
						}
						.comic__panel_06__onomatopoeia__ni {
							top: 0;
							right: 0;
						}
						._show .comic__panel_06__onomatopoeia__ni {
							opacity: 1;
						}
						._show ._niginigi.comic__panel_06__onomatopoeia__ni {
							animation: comic__panel_06__onomatopoeia__ni 2s ease infinite;
						}
						@keyframes comic__panel_06__onomatopoeia__ni {
							0% {
								transform: scale(1);
							}
							10% {
								transform: scale(1);
							}
							20% {
								transform: scale(1.1);
							}
							30% {
								transform: scale(1);
							}
							40% {
								transform: scale(1.1);
							}
							50% {
								transform: scale(1);
							}
							100% {
								transform: scale(1);
							}
						}
						.comic__panel_06__onomatopoeia__gi {
							bottom: 0;
							left: 0;
						}
						._show .comic__panel_06__onomatopoeia__gi {
							opacity: 1;
						}
						._show ._niginigi.comic__panel_06__onomatopoeia__gi {
							animation: comic__panel_06__onomatopoeia__gi 2s ease infinite;
						}
						@keyframes comic__panel_06__onomatopoeia__gi {
							0% {
								transform: scale(1);
							}
							10% {
								transform: scale(1);
							}
							20% {
								transform: scale(1.1);
							}
							30% {
								transform: scale(1);
							}
							40% {
								transform: scale(1.1);
							}
							50% {
								transform: scale(1);
							}
							100% {
								transform: scale(1);
							}
						}
							.comic__panel_06__onomatopoeia__ni svg,
							.comic__panel_06__onomatopoeia__gi svg {
								fill: var(--color--red_beige);
							}
					.comic__panel_06__onomatopoeia._01 {
						width: calc((94 / 522) * 100%);
						aspect-ratio: 94 / 126;
						top: calc((26 / 280) * 100%);
						left: calc((31 / 552) * 100%);
					}
						.comic__panel_06__onomatopoeia._01 .comic__panel_06__onomatopoeia__ni {
							width: calc((57.65 / 94) * 100%);
						}
						.comic__panel_06__onomatopoeia._01 .comic__panel_06__onomatopoeia__gi {
							width: calc((57.76 / 94) * 100%);
						}
					.comic__panel_06__onomatopoeia._02 {
						width: calc((107 / 522) * 100%);
						aspect-ratio: 107 / 129;
						bottom: calc((25 / 280) * 100%);
						right: calc((27 / 522) * 100%);
					}
						.comic__panel_06__onomatopoeia._02 .comic__panel_06__onomatopoeia__ni {
							width: calc((57.65 / 107) * 100%);
						}
						.comic__panel_06__onomatopoeia._02 .comic__panel_06__onomatopoeia__gi {
							width: calc((57.76 / 107) * 100%);
						}
					.comic__panel_06__onomatopoeia_en {
						width: auto;
						height: auto;
						font-size: min(18px, calc((11 / 1280) * 100vw));
						font-style: italic;
						font-weight: 500;
						line-height: 1.2;
						letter-spacing: 0.07em;
						color: var(--color--black);
						position: absolute;
						bottom: calc(((21 / 280) * -100%) - 4px);
						right: calc((3 / 552) * -100%);
						z-index: 1;

						opacity: 0;
						transition: .5s;
						transform: translate(10%, 0%);
						will-change: transform;
					}
					._show.comic__panel_06__onomatopoeia_en {
						opacity: 1;
						transform: translate(0%, 0%);
					}
			.epilogue__comic__panel._07 {
				width: calc((1000 / 1100) * 100%);
				height: auto;
				aspect-ratio: 1000 / 423;
				margin: calc((118 / 1100) * 100%) auto 0;
				z-index: 7;
			}
				.comic__panel_07__tatamaru {
					width: calc((182 / 992) * 100%);
					height: auto;
					position: absolute;
					top: 0px;
					left: calc((54 / 992) * 100%);
					transform: translate(0%, -80%);
					z-index: -1;

					opacity: 0;
					transition: .5s;
				}
				._show.comic__panel_07__tatamaru {
					opacity: 1;
					transform: translate(0%, -100%);
				}
				._07 .epilogue__comic__panel__inner {
					background-color: #DEA18E;
				}
					.comic__panel_07__texture,
					.comic__panel_07__obj {
						width: 100%;
						height: 100%;
						border-radius: 6px;
						overflow: hidden;
						position: absolute;
						top: 0;
						left: 0;
					}
					.comic__panel_07__texture {
						z-index: 2;
						mix-blend-mode: color-burn;
					}
					.comic__panel_07__obj {
						z-index: 1;

						opacity: 0;
						transition: .3s;
					}
					._show.comic__panel_07__obj {
						opacity: 1;
					}
						.comic__panel_07__texture img {
							width: 100%;
							height: 100%;
							object-fit: cover;
							object-position: center;
						}
						.comic__panel_07__obj img {
							width: 110%;
							height: auto;
							position: absolute;
							top: 50%;
							left: 50%;
							transform: translate(-50%, -50%);
						}
						._show.comic__panel_07__obj img {
							opacity: 1;
							animation: comic__panel_07__obj 2s steps(1) infinite .3s;
						}
						@keyframes comic__panel_07__obj {
							0% {
								transform: translate(-50%, -50%) rotate(0deg);
							}
							25% {
								transform: translate(-50%, -50%) rotate(10deg);
							}
							50% {
								transform: translate(-50%, -50%) rotate(0deg);
							}
							75% {
								transform: translate(-50%, -50%) rotate(-10deg);
							}
							100% {
								transform: translate(-50%, -50%) rotate(0deg);
							}
						}
					.comic__panel_07__lines_en {
						width: auto;
						height: auto;
						font-size: min(16px, calc((16 / 1280) * 100vw));
						font-weight: 900;
						line-height: 1.4;
						letter-spacing: 0.03em;
						text-align: center;
						color: var(--color--black);
						position: absolute;
						top: calc((12 / 415) * 100%);
						left: 50%;
						transform: translate(-50%, 10%);
						z-index: 3;

						opacity: 0;
						transition: .5s;
					}
					._show.comic__panel_07__lines_en {
						opacity: 1;
						transform: translate(-50%, 0%);
					}
					.comic__panel_07__s_bubble {
						width: calc((205 / 992) * 100%);
						height: auto;
						position: absolute;
						z-index: 3;

						opacity: 0;
						will-change: transform;
					}
					._show.comic__panel_07__s_bubble {
						animation: comic__panel_07__s_bubble .5s ease forwards;
					}
					@keyframes comic__panel_07__s_bubble {
						0% {
							opacity: 0;
							transform: scale(0.9);
						}
						40% {
							transform: scale(1.1);
						}
						100% {
							opacity: 1;
							transform: scale(1);
						}
					}
					.comic__panel_07__s_bubble._01 {
						top: calc((45 / 415) * -100%);
						right: calc((39 / 992) * -100%);
					}
					.comic__panel_07__s_bubble._02 {
						top: calc((22 / 415) * -100%);
						left: calc((78 / 992) * -100%);
					}
					.comic__panel_07__sushimeijin {
						width: calc((648 / 992) * 100%);
						height: auto;
						aspect-ratio: 648 / 340;
						position: absolute;
						bottom: 0;
						right: calc((35 / 992) * 100%);
						z-index: 5;
					}
						.comic__panel_07__sushimeijin__hand {
							width: calc((644 / 648) * 100%);
							height: auto;
							aspect-ratio: 644 / 420;
							overflow: hidden;
							position: absolute;
							bottom: 0;
							right: 0;
							z-index: 1;
						}
							.comic__panel_07__sushimeijin__hand img {
								width: 100%;
								height: auto;
								position: absolute;
								bottom: calc((52 / 340) * -100%);
								left: 0;
								transition: .5s;
								transform: translate(0%, 100%);
								will-change: transform;
							}
							._show.comic__panel_07__sushimeijin__hand img {
								animation: comic__panel_07__sushimeijin__hand .5s ease-out forwards;
							}
							@keyframes comic__panel_07__sushimeijin__hand {
								0% {
									transform: translate(0%, 70%) rotate(3deg);
								}
								50% {
									transform: translate(0%, -10%) rotate(3deg);
								}
								100% {
									transform: translate(0%, 0%) rotate(0deg);
								}
							}
						.comic__panel_07__sushimeijin__image {
							width: calc((320 / 648) * 100%);
							height: auto;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 2;

							opacity: 0;
						}
						._show.comic__panel_07__sushimeijin__image {
							animation: comic__panel_07__sushimeijin__image .5s ease forwards;
						}
						@keyframes comic__panel_07__sushimeijin__image {
							0% {
								opacity: 0;
								transform: scale(0.8);
							}
							30% {
								transform: scale(1.1);
							}
							100% {
								opacity: 1;
								transform: scale(1);
							}
						}
					.comic__panel_07__sushimeijin_logo {
						display: flex;
						justify-content: space-between;
						align-items: flex-end;
						width: calc((696 / 992) * 100%);
						height: auto;
						position: absolute;
						top: calc((155 / 415) * 100%);
						left: calc((143 / 992) * 100%);
						z-index: 4;

						opacity: 0;
						transform: translate(0%, -10%);
						transition: .5s;
						will-change: transform;
					}
					._show.comic__panel_07__sushimeijin_logo {
						opacity: 1;
						transform: translate(0%, 0%);
					}
						.comic__panel_07__sushimeijin_logo__text_01 {
							width: calc((147.4 / 696) * 100%);
							height: auto;
						}
						.comic__panel_07__sushimeijin_logo__text_02 {
							width: calc((148 / 696) * 100%);
							height: auto;
						}
			.epilogue__comic__panel._08 {
				width: calc((1000 / 1100) * 100%);
				height: auto;
				padding: 0;
				aspect-ratio: 1000 / 423;
				margin: calc((82 / 1100) * 100%) auto 0;
				z-index: 8;
				position: relative;
			}
				.epilogue__comic__panel._08::before {
					display: none;
				}
				._08 .epilogue__comic__panel__inner {
					width: 100%;
					height: 100%;
					background-color: initial;
					position: relative;
					z-index: 1;
				}
					.comic__panel_08__bg {
						width: calc(100% + 8px);
						height: calc(100% + 8px);
						border-radius: 10px;
						overflow: hidden;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
						will-change: transform;
					}
					.comic__panel_08__bg._front {
						background-color: initial;
						z-index: 5;
					}
						.comic__panel_08__bg::after {
							content: '';
							display: block;
							width: 100%;
							height: 100%;
							border: solid 4px var(--color--black);
							border-radius: inherit;
							pointer-events: none;
							position: absolute;
							top: 0;
							left: 0;
							z-index: 2;
						}
						.comic__panel_08__bg._front::after {
							display: none;
						}
						.comic__panel_08__bg__wrap {
							width: 100%;
							height: 100%;
							position: relative;
						}
							.comic__panel_08__texture,
							.comic__panel_08__obj {
								width: calc(100% - 8px);
								height: calc(100% - 8px);
								position: absolute;
								top: 4px;
								left: 4px;
							}
							.comic__panel_08__texture {
								z-index: 2;
								background-color: #E0D3C8;
							}
							.comic__panel_08__obj {
								z-index: 1;

								opacity: 0;
								transition: .5s;
							}
							._show.comic__panel_08__obj {
								opacity: 1;
							}
								.comic__panel_08__texture img,
								.comic__panel_08__obj img {
									width: 100%;
									height: 100%;
									object-fit: cover;
									object-position: center;
									position: relative;
									z-index: 1;
								}
								.comic__panel_08__texture img {
									mix-blend-mode: color-burn;
									z-index: 2;
								}
							.epilogue__comic__panel_08__stage {
								height: calc(100vh - 55px);
								position: absolute;
								top: 0;
								left: 0;
								z-index: 2;

								/* opacity: 0; */
								will-change: transform;
							}
								.epilogue__comic__panel_08__stage__inner {
									width: 100%;
									height: 100%;
									overflow: hidden;
									position: relative;
								}
									.epilogue__comic__panel_08__stage__bg {
										width: calc((1562 / 1280) * 100%);
										min-width: 1562px;
										height: auto;
										aspect-ratio: 1562 / 1072;
										position: absolute;
										top: calc((323 / 800) * 100vh);
										left: 50%;
										transform: translate(-50%, -50%);
										z-index: 1;
										will-change: transform;
									}
										.epilogue__comic__panel_08__stage__bg__image {
											width: 100%;
											height: 100%;
										}
											.epilogue__comic__panel_08__stage__bg__image img {
												width: 100%;
												height: 100%;
												object-fit: cover;
												object-position: center;
											}
										.epilogue__comic__panel_08__stage__bg__matsu {
											width: calc((707 / 1562) * 100%);
											height: auto;
											position: absolute;
											top: calc((466 / 1072) * 100%);
											left: calc((778 / 1562) * 100%);
											transform: translate(-50%, 0%);
											z-index: 2;
											opacity: .6;

											will-change: transform;
										}
									.epilogue__comic__panel_08__stage__hand_applause {
										width: 100%;
										height: auto;
										position: absolute;
										bottom: 0;
										left: 0;
										z-index: 4;

										transform: translate(0%, 100%);
										transition: .5s;
										will-change: transform;
									}
									._show.epilogue__comic__panel_08__stage__hand_applause {
										transform: translate(0%, 0%);
									}
									.epilogue__comic__panel_08__stage__narration {
										width: calc((205 / 1280) * 100%);
										max-width: 205px;
										height: auto;
										position: absolute;
										z-index: 5;

										clip-path: inset(0 0 100% 0);
										transition: .8s;
										will-change: transform;
									}
									._show.epilogue__comic__panel_08__stage__narration {
										clip-path: inset(0 0 0% 0);
									}
									.epilogue__comic__panel_08__stage__narration._01 {
										top: calc((165 / 800) * 100%);
										right: calc((57 / 1280) * 100%);
									}
									.epilogue__comic__panel_08__stage__narration._02 {
										top: calc((165 / 800) * 100%);
										left: calc((57 / 1280) * 100%);
									}
										.epilogue__comic__panel_08__stage__narration img {
											width: 100%;
											height: auto;
										}
					.comic__panel_08__s_bubble {
						pointer-events: none;
					}
					.comic__panel_08__s_bubble._01 {
						width: calc((264 / 1000) * 100%);
						height: auto;
						position: absolute;
						top: 0;
						right: 0;
						z-index: 3;

						opacity: 0;
						transition: .5s;
					}
					._show.comic__panel_08__s_bubble._01 {
						opacity: 1;
					}
					.comic__panel_08__s_bubble._02 {
						width: calc((174.77 / 992) * 100%);
						height: auto;
						position: absolute;
						top: calc((12 / 415) * -100%);
						left: calc((58 / 992) * -100%);
						z-index: 3;

						opacity: 0;
						transition: .5s;
					}
					._show.comic__panel_08__s_bubble._02 {
						opacity: 1;
					}
					.comic__panel_08__lines_en__wrap {
						position: absolute;
						z-index: 3;

						opacity: 0;
						transition: .5s;
						will-change: transform;
					}
					._01.comic__panel_08__lines_en__wrap {
						bottom: calc((14  / 415) * 100%);
						right: calc((10 / 992) * 100%);
					}
					._02.comic__panel_08__lines_en__wrap {
						bottom: calc((14 / 415) * 100%);
						left: calc((12 / 992) * 100%);
					}
					._show.comic__panel_08__lines_en__wrap {
						opacity: 1;
					}
						.comic__panel_08__lines_en {
							font-size: min(12px, calc((12 / 1280) * 100vw));
							font-weight: 700;
							line-height: 1.4;
							letter-spacing: 0.03em;
							color: var(--color--black);

							will-change: transform;
						}
					.comic__panel_08__makinosuke {
						width: calc((474 / 1000) * 100%);
						height: auto;
						position: absolute;
						/* top: calc((67 / 415) * -100%);
						left: calc((317 / 992) * 100%); */
						top: 50%;
						left: 50%;
						transform: translate(calc((179 / 472) * -100%), calc((275 / 474) * -100%));
						z-index: 4;
						will-change: transform;
					}
						.comic__panel_08__makinosuke__wrap {
							width: 100%;
							height: auto;
						}
							.comic__panel_08__makinosuke__image {
								width: 100%;
								height: auto;
								position: relative;
								z-index: 1;
							}
								.comic__panel_08__makinosuke__image img {
									opacity: 0;
									transform: translate(0%, 20%);
								}
								._show .comic__panel_08__makinosuke__image img {
									animation: comic__panel_08__makinosuke__image .5s ease forwards;
								}
								@keyframes comic__panel_08__makinosuke__image {
									0% {
										opacity: 0;
										transform: translate(0%, 20%);
									}
									50% {
										transform: translate(0%, -2%);
									}
									100% {
										opacity: 1;
										transform: translate(0%, 0%);
									}
								}
								.comic__panel_08__makinosuke__image__shadow {
									content: '';
									display: block;
									width: calc((253 / 474) * 100%);
									height: auto;
									aspect-ratio: 253 / 22;
									position: absolute;
									bottom: calc((7 / 472) * -100%);
									left: calc((126 / 474) * 100%);
									z-index: -1;

									opacity: 0;
									transition: .5s;
									transition-delay: .25s;
									will-change: transform;
								}
								._show .comic__panel_08__makinosuke__image__shadow {
									opacity: 1;
								}
									.comic__panel_08__makinosuke__image__shadow__inner {
										width: 100%;
										height: 100%;
										border-radius: 50%;
										background-color: var(--color--black);
									}
							.comic__panel_08__makinosuke__tamago {
								width: calc((85 / 474) * 100%);
								height: auto;
								position: absolute;
								top: calc((144 / 472) * 100%);
								left: calc((15 / 474) * 100%);
								z-index: 2;

								opacity: 0;
								will-change: transform;
							}
							._show .comic__panel_08__makinosuke__tamago {
								animation: comic__panel_08__makinosuke__tamago .5s ease forwards .5s;
							}
							@keyframes comic__panel_08__makinosuke__tamago {
								0% {
									opacity: 0;
									transform: scale(0.8);
								}
								50% {
									transform: scale(1.1);
								}
								100% {
									opacity: 1;
									transform: scale(1);
								}
							}
					.comic__panel_08__tatamaru {
						width: calc((162 / 1000) * 100%);
						height: auto;
						position: absolute;
						/* top: calc((61 / 415) * 100%);
						left: calc((96 / 992) * 100%); */
						top: 50%;
						left: 50%;
						transform: translate(calc((400 / 162) * -100%), calc((147 / 247) * -100%));

						z-index: 4;
						will-change: transform;
					}
						.comic__panel_08__tatamaru__wrap {
							width: 100%;
							height: auto;
						}
							.comic__panel_08__tatamaru__image {
								width: 100%;
								height: auto;
							}
								.comic__panel_08__tatamaru__image img {
									opacity: 0;
									transform: translate(-2%, 10%);
									transition: .4s;
									will-change: transform;
								}
								._show .comic__panel_08__tatamaru__image img {
									opacity: 1;
									transform: translate(0%, 0%);
								}
								.comic__panel_08__tatamaru__image__shadow {
									content: '';
									display: block;
									width: calc((100 / 162) * 100%);
									height: auto;
									aspect-ratio: 100 / 14;
									position: absolute;
									bottom: calc((86 / 247) * -100%);
									left: calc((29 / 162) * 100%);
									z-index: -1;

									opacity: 0;
									transition: .5s;
									transition-delay: .2s;
									will-change: transform;
								}
								._show .comic__panel_08__tatamaru__image__shadow {
									opacity: 1;
								}
									.comic__panel_08__tatamaru__image__shadow__inner {
										width: 100%;
										height: 100%;
										border-radius: 50%;
										background-color: var(--color--black);
									}
							.comic__panel_08__tatamaru__effect {
								width: calc((58 / 162) * 100%);
								height: auto;
								position: absolute;
								bottom: calc((44 / 247) * -100%);
								left: calc((32 / 162) * 100%);
								
								opacity: 0;
								transform: translate(1%, -5%);
								transition: .4s;
								will-change: transform;
							}
							._show .comic__panel_08__tatamaru__effect {
								opacity: 1;
								transform: translate(0%, 0%);
							}
							.comic__panel_08__tatamaru__onomatopoeia {
								height: auto;
								position: absolute;

								opacity: 0;
								transition: .3s;
								will-change: transform;
							}
							.comic__panel_08__tatamaru__onomatopoeia._01 {
								width: calc((58 / 162) * 100%);
								bottom: calc((50 / 247) * -100%);
								left: calc((43 / 162) * -100%);

								transform: translate(4%, 8%);
							}
							.comic__panel_08__tatamaru__onomatopoeia._02 {
								width: calc((68 / 162) * 100%);
								bottom: calc((15 / 247) * 100%);
								right: calc((103 / 162) * -100%);

								transform: translate(3%, 10%);
							}
							._show.comic__panel_08__tatamaru__onomatopoeia {
								opacity: 1;
								transform: translate(0%, 0%);
							}
		.epilogue__comic__bottom_edge {
			width: 100%;
			height: 838px;
			background-image: url(../image/index/epilogue-comic_bg@pc.webp);
			background-size: auto 100%;
			background-position: center;
			background-repeat: repeat-x;
			position: absolute;
			bottom: 0;
			left: 0;
			transform: translate(0%, 100%);
			z-index: 1;
		}

#curtain {
	width: 100%;
	height: 100vh;
	margin: -300vh 0 0;
	position: relative;
	z-index: 10000;
	pointer-events: none;
}
	.curtain {
		width: 100%;
		height: 100vh;
		position: absolute;
		top: 0;
		left: 0;
		transform: translate(-100%, 0%);
		z-index: 6;
	}
		.curtain__image {
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}
			.curtain__image img {
				width: 100%;
				height: 100%;
				object-fit: cover;
				object-position: center;
			}
		.curtain__logo {
			width: calc((118 / 1280) * 100%);
			height: calc((422 / 800) * 100vh);
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			z-index: 3;
		}
			.curtain__logo img {
				width: 100%;
				height: 100%;
				object-fit: contain;
				object-position: center;
			}
		.curtain__makinosuke {
			width: 230px;
			height: auto;
			position: absolute;
			bottom: 0;
			left: -217px;
			z-index: 1;
		}

/* PC ================================================== */
@media (max-width: 1099px) and (min-width: 769px){
				.epilogue__menu__contents__container {
					flex-direction: column;
					justify-content: flex-start;
					gap: 15px;
					max-width:480px;
				}
					.epilogue__menu__list {
						flex-wrap: wrap;
						gap: 14px;
						width: 100%;
					}
					.epilogue__menu__contact {
						width: calc((190 / 480) * 100%);
					}
}

@media all and (min-width: 769px){
#viewH {
	display: none;
}

/* make */
					._01 .make__video_list__item__heading {
						transition-delay: .1s;
					}
					._02 .make__video_list__item__heading {
						transition-delay: .2s;
					}
					._02 .make__video_list__item__video {
						transition-delay: .1s;
					}
					._03 .make__video_list__item__heading {
						transition-delay: .3s;
					}
					._03 .make__video_list__item__video {
						transition-delay: .2s;
					}

/* products */
				.products__contents__list__item:nth-of-type(3n-1) {
					transition-delay: .1s;
				}
				.products__contents__list__item:nth-of-type(3n) {
					transition-delay: .2s;
				}
}

/* Tablet ================================================== */
@media all and (max-width: 768px){
#viewH {
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 100lvh;
	pointer-events: none;
	visibility: hidden;
	z-index: -10000;
}

#opening {
	height: 100svh;
}
		.opening__top {
			top: 40px;
		}
		._loaded .opening__curtain {
			animation: opening__curtain 3.2s linear forwards;
		}
		@keyframes opening__curtain {
			0% {
				transform: translate(0%, 0%);
			}
			100% {
				transform: translate(180%, 0%);
			}
		}
			.opening__curtain__makinosuke {
				width: 184px;
				bottom: 40px;
			}
			.opening__curtain__contents {
				width: calc((90 / 375) * 100%);
				max-width: 140px;
			}
				.opening__curtain__logo {
					width: 100%;
					height: auto;
				}
					.opening__curtain__logo img {
						width: 100%;
						height: auto;
					}
		.opening__bottom {
			bottom: 40px;
		}

#hero {
	height: 100vh;
	height: calc((496 / 375) * 100vw);
}
	#hero::after {
		content: '';
		display: block;
		width: 100%;
		height: calc(100vh - ((496 / 375) * 100vw));
		background-image: url(../image/index/about-bg_top@sp.webp);
		background-size: 100% auto;
		background-position: top center;
		background-repeat: no-repeat;
		position: absolute;
		top: 100%;
		left: 0;
		z-index: 1;
	}
			.hero__bg__maku {
				width: calc((451 / 375) * 100%);
				top: 40px;
			}
			.hero__bg__main {
				background-image: url(../image/index/hero-bg@sp.webp);
			}
				.hero__bg__main__edge {
					width: 100%;
					height: auto;
					position: absolute;
					bottom: 0;
					left: 0;
				}
			.hero__logo {
				width: 97px;
				max-width: initial;
				height: auto;
				max-height: initial;
				top: 40px;
			}
				.hero__logo img {
					width: 100%;
					height: auto;
				}
			.hero__title {
				height: calc((220 / 496) * 100%);
				top: calc((242 / 496) * 100%);
			}
			.hero__title._right {
				right: calc((14 / 375) * 100%);
			}
			.hero__title._left {
				left: calc((14 / 375) * 100%);
			}
				.hero__s_bubble {
					width: calc((121 / 46) * 100%);
					top: calc(100% + (13 / 220) * 100%);
					right: auto;
					left: 0;
				}
				._loaded .hero__s_bubble {
					transform-origin: 0% 0%;
				}
		.hero__contents {
			width: 100%;
			height: 100%;
		}
			.hero__hand_wrap._left {
				width: calc((334 / 375) * 100%);
				bottom: calc((271 / 496) * 100%);
				transform: translate(calc((25 / 334) * -100%), 0px);
			}
			.hero__hand_wrap._right {
				width: calc((321 / 375) * 100%);
				bottom: calc((23 / 496) * -100%);
				/* transform: translate(calc((21 / 321) * 100%), 0%) rotate(14deg); */
				transform: translate(calc((21 / 321) * 100%), 0%) rotate(14deg);
			}
				._left .hero__hand._move {
					width: calc((255 / 200) * 100%);
					transform: translate(calc((92 / 375) * 100vw), calc((76 / 375) * 100vw)) rotate(3deg);
				}
				._right .hero__hand._move {
					width: calc((186 / 150) * 100%);
					transform: translate(calc((138 / 375) * -100vw), calc((68 / 375) * -100vw)) rotate(5deg);
				}
			.hero__sushi_wrap,
			.hero__sushi__bg {
				width: calc((288 / 375) * 100%);
				height: calc((211 / 496) * 100%);
				bottom: calc((119 / 496) * 100%);
				left: 50%;
				transform: translate(-50%, 0%);
			}
					.hero__sushi__onomatopoeia._kuru._01 {
						width: 20px;
						top: calc((129 / 211) * 100%);
						right: calc((50 / 288) * 100%);
					}
					.hero__sushi__onomatopoeia._kuru._02 {
						width: 19px;
						top: calc((93 / 211) * 100%);
						left: calc((65 / 288) * 100%);
					}
				.hero__geta {
					width: calc((259 / 288) * 100%);
					bottom: 0;
					left: calc((14 / 288) * 100%);
				}
				.hero__yunomi {
					width: calc((70 / 288) * 100%);
					bottom: calc((88 / 211) * 100%);
					right: calc((20 / 288) * 100%);
				}
			.hero__cloud_wrap._left_top {
				width: calc((130 / 375) * 100%);
				aspect-ratio: initial;
				top: calc((19 / 496) * 100%);
				left: calc((18 / 375) * -100%);
			}
				._left_top .hero__cloud._01 {
					display: none;
				}
				._left_top .hero__cloud._02 {
					width: 100%;
					top: 0;
					right: 0;
				}
			.hero__cloud_wrap._right_top {
				width: calc((138 / 375) * 100%);
				aspect-ratio: initial;
				top: calc((73 / 496) * 100%);
				right: calc((28 / 375) * -100%);
			}
				._right_top .hero__cloud._01 {
					top: 0;
					bottom: initial;
					transform: rotate(0deg);
				}
				._right_top .hero__cloud._02 {
					display: none;
				}
			.hero__cloud_wrap._left_bottom {
				width: calc((151 / 375) * 100%);
				aspect-ratio: 151 / 93;
				bottom: calc((197 / 496) * 100%);
				left: calc((58 / 375) * -100%);
			}
				._left_bottom .hero__cloud._01 {
					width: 100%;
					transform: rotate(25.05deg);
				}
				._left_bottom .hero__cloud._02 {
					width: calc((107 / 151) * 100%);
					top: calc((43 / 93) * 100%);
					left: calc((17 / 151) * 100%);
					transform: rotate(5.07deg);
				}
				._left_bottom .hero__cloud._03 {
					display: none;
				}
			.hero__cloud_wrap._right_bottom._01 {
				width: calc((189 / 375) * 100%);
				bottom: calc((23 / 496) * 100%);
				right: calc((44 / 375) * -100%);
			}
			.hero__cloud_wrap._right_bottom._02 {
				width: calc((105 / 375) * 100%);
				bottom: calc((56 / 496) * 100%);
				right: calc((31 / 375) * -100%);
			}
		.hero__scroll {
			display: flex;
			flex-direction: row-reverse;
			justify-content: flex-start;
			align-items: center;
			filter: inherit;
			bottom: 3px;
			left: calc((26 / 375) * 100%);
			transform: translate(0%, 0%);
		}
			.hero__scroll__text {
				margin: 0 0 0 12px;
				font-size: 10px;
			}
			.hero__scroll__icon {
				width: 1px;
				height: 20px;
			}
				.hero__scroll__icon::before {
					width: 6px;
					height: 6px;
					top: -3px;
					left: 0;
				}
			@keyframes hero_scroll {
				0% {
					opacity: 0;
					transform: translate(-2.5px, 0%);
				}
				20% {
					opacity: 1;
				}
				80% {
					opacity: 1;
				}
				100% {
					opacity: 0;
					transform: translate(-2.5px, 20px);
				}
			}

#about {
	padding: 93px 0 27px;
	margin: calc((496 / 375) * 100vw) 0 0;
}
	.about__progress {
		height: calc(100vh - 40px);
	}
		.about__progress__tatamaru {
			width: 72px;
			right: -72px;
		}
			.about__progress__tatamaru__image._01 {
				width: calc((72 / 72) * 100%);
			}
			.about__progress__tatamaru__image._02 {
				width: calc((67.5 / 72) * 100%);
			}
				.about__progress__tatamaru__image::after {
					width: calc((36 / 72) * 100%);
					right: calc((12 / 72) * 100%);
				}
	.about__inner {
		margin: 0 0 calc(-100vh + ((((100vw * (425 / 375)) - (100vw * (326 / 375))) / 2) - ((13 / 375) * 100vw)));
	}
		.about__paper {
			width: calc((340 / 375) * 100%);
			padding: 34px 0 37px;
		}
			.about__paper__pin {
				width: 20px;
			}
			.about__paper__pin._top_left {
				top: 7px;
				left: calc((9 / 336) * 100%);
			}
			.about__paper__pin._top_right {
				top: 7px;
				right: calc((9 / 336) * 100%);
			}
			.about__paper__pin._bottom_left {
				bottom: 10px;
				left: calc((9 / 336) * 100%);
			}
			.about__paper__pin._bottom_right {
				bottom: 10px;
				right: calc((9 / 336) * 100%);
			}
			.about__paper__top_makinosuke {
				width: 100px;
				top: 4px;
			}
			._run.about__paper__top_makinosuke {
				animation: about__paper__top_makinosuke .5s ease-out forwards;
			}
			@keyframes about__paper__top_makinosuke {
				0% {
					top: -2px;
				}
				60% {
					top: -2px;
				}
				100% {
					top: 4px;
				}
			}
			.about__paper__top_left_text {
				font-size: 10px;
				text-align: center;
				left: 50%;
				transform: translate(-50%, 0%);
			}
			.about__paper__top_right_text {
				display: none;
			}
			.about__paper__inner {
				padding: 0 calc((10 / 336) * 100%);
			}
				.about__paper__top {
					border: solid 2px var(--color--black);
				}
					.about__paper__top__inner {
						flex-direction: column;
						justify-content: flex-start;
						border: solid 1px var(--color--black);
					}
						.about__paper__top__inner::before {
							display: none;
						}
						.about__paper__top__heading {
							width: 100%;
							padding: calc((23 / 375) * 100vw) 0 calc((12 / 375) * 100vw);
							position: relative;
						}
							.about__paper__top__heading::after {
								content: '';
								display: block;
								width: calc((281 / 309) * 100%);
								height: 1px;
								background-image: repeating-linear-gradient(
									to right,
									var(--color--black) 0 2px,
									transparent 2px 4px
								);
								position: absolute;
								bottom: 0%;
								left: calc((14 / 309) * 100%);
								transform: translate(0%, -50%);
							}
							.about__paper__top__heading__title_en {
								margin: 0 auto calc((12 / 375) * 100vw);
								font-size: calc((16 / 375) * 100vw);
							}
							.about__paper__top__heading__title_ja {
								width: calc((223.86 / 309) * 100%);
								margin: 0 auto calc((12 / 375) * 100vw);
							}
							.about__paper__top__heading__text_ja {
								margin: 0 auto calc((10 / 375) * 100vw);
								font-size: calc((15 / 375) * 100vw);
								line-height: 1.5;
								letter-spacing: 0.06em;
							}
							.about__paper__top__heading__text_en {
								font-size: calc((12 / 375) * 100vw);
								letter-spacing: 0.04em;
							}
						.about__paper__top__step {
							width: 100%;
							padding: calc((64 / 375) * 100vw) 0 calc((14 / 375) * 100vw);
						}
							.about__paper__top__step__text {
								font-size: calc((12 / 375) * 100vw);
								top: calc((15 / 375) * 100vw);
								left: calc((14 / 309) * 100%);
							}
							.about__paper__top__step__heading {
								font-size: calc((12 / 375) * 100vw);
								top: calc((18 / 375) * 100vw);
								right: calc((17 / 375) * 100vw);
							}
								.about__paper__top__step__heading__text {
									padding: calc((2 / 375) * 100vw) calc((6 / 375) * 100vw);
									border-radius: calc((2 / 375) * 100vw);
								}
							.about__paper__top__step__content {
								width: calc((239 / 309) * 100%);
								margin: 0 auto 0 calc((38 / 375) * 100vw);
								position: relative;
								bottom: initial;
								left: initial;
							}
								.about__paper__top__step__content__text {
									font-size: calc((14 / 375) * 100vw);
									top: calc((97 / 375) * 100vw);
								}
				.about__paper__main {
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
					align-items: center;
					margin: 0 auto calc((14 / 375) * 100vw);
				}
					.about__paper__main__fish {
						width: 100%;
						aspect-ratio: 634 / 320;
						margin: 0 0 calc((34 / 375) * 100vw);
						position: initial;
						order: 1;
					}
					.about__paper__main__shshimeijin {
						width: 100%;
						padding: 10px;
						margin: calc((8 / 375) * 100vw) 0 0;
						aspect-ratio: 318 / 140;
						position: initial;
						order: 3;
					}
						.about__paper__main__shshimeijin__inner {
							padding: 1px;
							border: none;
							position: relative;
						}
							.about__paper__main__shshimeijin__inner::after {
								content: '';
								display: block;
								width: 100%;
								height: 100%;
								border: solid 2px var(--color--black);
								position: absolute;
								top: 0;
								left: 0;
								z-index: 2;
							}
							.about__paper__main__shshimeijin__heading {
								display: none;
							}
							.about__paper__main__shshimeijin__body {
								flex: initial;
								width: 100%;
								height: 100%;
							}
								.about__paper__main__shshimeijin__body__bg {
									width: 100%;
									top: calc((53 / 125) * -100%);
									left: 0;
								}
								.about__paper__main__shshimeijin__body__image {
									width: calc((189 / 295) * 100%);
									bottom: calc((3 / 120) * 100%);
									transform: translate(1px, -1px);
								}
					.about__paper__main__contents__container {
						height: calc((326 / 375) * 100vw);
						order: 2;
					}
						.about__paper__main__contents__container__text {
							font-size: calc((10 / 375) * 100vw);
							font-weight: 500;
							line-height: 1;
							letter-spacing: 0em;
							text-align: center;
							color: var(--color--black);
							position: absolute;
							top: calc((14 / 375) * -100vw);
							left: 50%;
							transform: translate(-50%, 0%);
							z-index: 1;
						}
						.about__paper__main__contents__fv_text {
							font-size: calc((12 / 375) * 100vw);
							top: calc((10 / 375) * 100vw);
						}
						.about__paper__main__contents__fv_heading {
							width: calc((287 / 316) * 100%);
							height: auto;
							top: calc((15 / 375) * 100vw);
							right: calc((15 / 316) * 100%);
						}
							.about__paper__main__contents__fv_heading__text {
								height: auto;
								border-radius: 0;
								background-color: initial;
							}
						.about__paper__main__contents__fv_copy {
							width: calc((89 / 318) * 100%);
							top: calc((37 / 375) * 100vw);
							left: 50%;
							transform: translate(-50%, 0%);
						}
							.about__paper__main__contents__frame {
								width: 100%;
								border: solid 2px var(--color--black);
								padding: 2px;
							}
								.about__paper__main__contents__frame__inner {
									border: solid 1px var(--color--black);
								}
									.about__paper__main__contents__frame__details_bg,
									.about__paper__main__contents__frame__details_dashed,
									.about__paper__main__contents__frame__heading_bg,
									.about__paper__main__contents__frame__heading_dashed {
										width: 100%;
										height: calc((88 / 375) * 100vw);
										top: initial;
										left: 0;
									}
									.about__paper__main__contents__frame__details_bg {
										bottom: 0;
									}
									.about__paper__main__contents__frame__heading_bg {
										top: 0;
									}
									.about__paper__main__contents__frame__details_dashed,
									.about__paper__main__contents__frame__heading_dashed {
										transform: translate(0%, 0%);
									}
									.about__paper__main__contents__frame__details_dashed {
										bottom: 0;
										border-right: initial;
										border-top: dashed 2px var(--color--black);
									}
									.about__paper__main__contents__frame__heading_dashed {
										top: 0;
										border-left: initial;
										border-bottom: dashed 2px var(--color--black);
									}
							.about__paper__main__contents__item {
								width: 100%;
								height: calc(100% - 10px);
								padding: 0;
							} 
								.about__paper__main__contents__item__inner {
									flex-direction: column-reverse;
									justify-content: flex-start;
								}
									.about__paper__main__contents__item__details {
										display: flex;
										flex-direction: column;
										justify-content: center;
										align-items: center;
										width: 100%;
										height: calc(((88 / 375) * 100vw) + 4px);
										padding: 0 0 calc((5 / 375) * 100vw);
									}
									._03 .about__paper__main__contents__item__details {
										padding: 0 0 calc((2 / 375) * 100vw);
									}
										.about__paper__main__contents__item__details__top_text_wrap {
											display: flex;
											justify-content: space-between;
											align-items: center;
											padding: 0 calc((22 / 316) * 100%);
											top: calc(((425 / 2) / 375) * -100vw);
											left: initial;
										}
											.about__paper__main__contents__item__details__top_text_en {
												width: auto;
												margin: 0;
												font-size: calc((12 / 375) * 100vw);
												font-style: italic;
												-webkit-writing-mode: vertical-rl;
												-moz-writing-mode: vertical-rl;
												-ms-writing-mode: tb-rl;
												-ms-writing-mode: vertical-rl;
												writing-mode: vertical-rl;
												white-space: nowrap;
											}
											.about__paper__main__contents__item__details__top_text_ja {
												width: auto;
												font-size: calc((11 / 375) * 100vw);
												-webkit-writing-mode: vertical-rl;
												-moz-writing-mode: vertical-rl;
												-ms-writing-mode: tb-rl;
												-ms-writing-mode: vertical-rl;
												writing-mode: vertical-rl;
												white-space: nowrap;
											}
										.about__paper__main__contents__item__details__main_text {
											font-size: calc((24 / 375) * 100vw);
											line-height: 1.3;
											letter-spacing: 0.06em;
											text-align: center;
											-webkit-writing-mode: initial;
											-moz-writing-mode: initial;
											-ms-writing-mode: initial;
											writing-mode: initial;
											position: initial;
											transform: initial;
										}
										._03 .about__paper__main__contents__item__details__main_text {
											font-size: calc((22 / 375) * 100vw);
											line-height: 1.06;
										}
											.about__paper__main__contents__item__details__main_text br {
												display: none;
											}
											._03 .about__paper__main__contents__item__details__main_text br:nth-of-type(2) {
												display: inline-block;
											}
											._01 ._line02 {
												margin-top: initial;
											}
											._02 ._line02 {
												margin-top: initial;
											}
											._03 ._line01 {
												margin-top: initial;
											}
										.about__paper__main__contents__item__details__bottom_text {
											margin-top: calc((5 / 375) * 100vw);
											font-size: calc((12 / 375) * 100vw);
											position: initial;
											transform: initial;
										}
											.about__paper__main__contents__item__details__bottom_text br {
												display: none;
											}
									.about__paper__main__contents__item__makinosuke {
										width: 100%;
										height: auto;
										flex: 1;
									}
										._01 .about__paper__main__contents__item__makinosuke__image {
											height: calc((266 / 150) * 100%);
											top: calc((79 / 150) * 100%);
											left: calc((153 / 326) * 100%);
										}
										._02 .about__paper__main__contents__item__makinosuke__image {
											height: calc((195 / 244) * 100%);
											top: calc((24 / 244) * 100%);
											left: calc((156 / 326) * 100%);
										}
										._03 .about__paper__main__contents__item__makinosuke__image {
											height: calc((223 / 244) * 100%);
											top: calc((10 / 244) * 100%);
											left: calc((158 / 326) * 100%);
										}
									.about__paper__main__contents__item__heading {
										display: flex;
										justify-content: flex-start;
										align-items: center;
										gap: calc((19 / 375) * 100vw);
										width: 100%;
										height: calc(((88 / 375) * 100vw) + 4px);
										padding: 0 0 0 calc((35 / 326) * 100%);
									}
										.about__paper__main__contents__item__heading__number {
											width: calc((53 / 375) * 100vw);
											margin: 0;
											will-change: transform;
										}	
										.about__paper__main__contents__item__heading__text {
											width: auto;
											height: calc((45.95 / 375) * 100vw);
											margin: 0;
											will-change: transform;
										}
											.about__paper__main__contents__item__heading__text svg {
												width: auto;
												height: 100%;
											}
				.about__paper__bottom {
					border: solid 2px var(--color--black);
				}
					.about__paper__bottom__inner {
						border: solid 1px var(--color--black);
					}
						.about__paper__bottom__frame__dashed {
							width: 100%;
							height: calc((100vh - ((88 / 375) * 100vw) * 2) - 8px);
							background-color: var(--color--light_beige);
							border-top: dashed 2px var(--color--black);
							border-bottom: dashed 2px var(--color--black);
							border-left: initial;
							border-right: initial;
							margin: 0;
							position: absolute;
							top: calc((88 / 375) * 100vw + 4px);
						}

#make {
	padding: 30px 26px 40px;
}
	.make__text._01 {
		display: none;
	}
	.make__text._02 {
		display: none;
	}
	.make__obj {
		display: none;
	}
	.make__tatamaru {
		width: 200px;
		aspect-ratio: 200 / 116;
		bottom: 30px;
		right: 50%;
		transform: translate(50%, 0%);
	}
		.make__tatamaru__image {
			width: calc((73 / 200) * 100%);
		}
		.make__tatamaru__s_bubble {
			width: calc((120 / 200) * 100%);
			bottom: 26px;
		}
		._run .make__tatamaru__s_bubble {
			transform-origin: 100% 100%;
		}
		@keyframes make__obj__s_bubble {
			0% {
				opacity: 0;
				transform: scale(0.9) translate(20px, -3px);
			}
			40% {
				transform: scale(1.07) translate(0, 0);
			}
			100% {
				opacity: 1;
				transform: scale(1) translate(0, 0);
			}
		}
		.make__tatamaru__lines_en {
			font-size: 10px;
			bottom: -16px;
			right: 50%;
			transform: translate(50%, 0%);
		}
		.male__obj {
			width: 55px;
		}
		.make__su {
			top: -19px;
			left: -17px;
		}
		.make__shi {
			top: -19px;
			right: -17px;
		}
		.make__mei {
			bottom: -18px;
			left: -17px;
		}
		.male__jin {
			bottom: -18px;
			right: -17px;
		}
		.make__container {
			padding: 43px 0 120px;
		}
			.make__heading {
				margin: 0 auto 42px;
			}
				.make__heading__en {
					margin: 0 auto 11px;
					font-size: 14px;
					line-height: 1.2;
					letter-spacing: 0.04em;
				}
				.make__heading__ja {
					transform: translate(0%, 20px);
				}
					.make__heading__ja svg {
						width: auto;
						height: calc((28 / 375) * 100vw);
						max-height: 40px;
					}
			.make__video_list {
				width: calc((264 / 324) * 100%);
			}
				.make__video_list__item {
					display: flex;
					flex-direction: column-reverse;
					width: calc((82 / 264) * 100%);
				}
					.make__video_list__item__heading {
						margin: 15px auto 0;
					}
						.make__video_list__item__heading_wrap {
							width: 100%;
							height: auto;
							border-radius: 0px;
							background-color: initial;
						}
							._02 .make__video_list__item__heading_wrap::before,
							._02 .make__video_list__item__heading_wrap::after {
								content: '';
								display: block;
								width: 1px;
								height: calc(100% - 3px);
								background-color: var(--color--black);
								position: absolute;
								top: 2px;
							}
							._02 .make__video_list__item__heading_wrap::before {
								left: calc((5 / 83) * -100%);
							}
							._02 .make__video_list__item__heading_wrap::after {
								right: calc((5 / 83) * -100%);
							}
							.make__video_list__item__heading__ja {
								margin: 0 auto 6px;
								font-size: 14px;
								color: var(--color--black);
								white-space: nowrap;
							}
							.make__video_list__item__heading__en {
								font-size: 10px;
								letter-spacing: 0.03em;
								color: var(--color--black);
								white-space: nowrap;
							}
							.make__video_list__item__heading__edge {
								display: none;
							}
						.make__video_list__item__video__btn {
							width: calc((40 / 83) * 100%);
						}
	.make__modal {
		height: 100vh;
	}
		.make__modal__contents {
			width: calc(100% - 100px);
			height: auto;
			top: calc(50svh + 20px);
		}

#products {
	padding: 80px 0 calc((34 / 375) * 100vw);
}
	.products__inner {
		width: calc((335 / 375) * 100%);
		padding: 0 0 calc((168 / 375) * 100vw);
	}
		.products__heading {
			justify-content: center;
			width: 100%;
			max-width: 278px;
			height: 80px;
			padding: 0 0 4px;
			margin: 0 auto 46px;
		}
			.products__heading__brackets {
				height: 80px;
			}
			.products__heading__text_en {
				margin-bottom: 11px;
				font-size: 14px;
			}
			.products__heading__text_ja {
				width: 177.54px;
			}
			.products__contents__list {
				grid-template-columns: repeat(2, 1fr);
				gap: 26px calc((9 / 375) * 100vw);
			}
					.products__contents__list__item__image {
						margin: 0 auto 10px;
						aspect-ratio: 163 / 110;
					}
						.products__contents__list__item__image__name_ja {
							width: calc((18 / 163) * 100%);
							top: calc((6 / 110) * 100%);
							left: calc((9 / 163) * 100%);
						}
						.products__contents__list__item__image__name_en {
							padding: 0px;
							border-radius: 0px;
							background-color: initial;
							font-size: 12px;
							font-weight: 300;
							text-align: left;
							color: var(--color--black);
							position: initial;
						}
		.products__obj {
			width: calc((155 / 335) * 100%);
			aspect-ratio: 155 / 108;
			bottom: 20px;
			right: calc(50% + calc((5 / 375) * 100vw));
			transform: translate(50%, 0%);
		}
			.products__obj__guuu {
				width: calc((38 / 155) * 100%);
				left: calc((22 / 155) * 100%);
				aspect-ratio: 38 / 82;
			}
				.products__obj__guuu__text {
					width: calc((19 / 38) * 100%);
					left: calc((5 / 38) * 100%);
				}
			.products__obj__grrrrgle {
				font-size: calc((14 / 375) * 100vw);
				bottom: 0;
				left: 0;
			}
			.products__obj__chara {
				width: calc((83 / 155) * 100%);
				aspect-ratio: 83 / 101;
			}
				.products__obj__chara__makinosuke {
					width: calc((48.1 / 83) * 100%);
				}
				.products__obj__chara__tatamaru {
					width: calc((32.35 / 83) * 100%);
				}

#news {
	padding: 14px 0 80px;
	background-image: url(../image/index/news-bg@sp.webp);
}
	.news__inner {
		width: calc((321 / 375) * 100%);
	}
		.news__obj__container {
			z-index: 2;
		}
			.news__obj {
				height: auto;
				position: absolute;
				z-index: -1;
			}
			.news__obj._01 {
				display: none;
			}
			.news__obj._02 {
				width: 119px;
				aspect-ratio: 119 / 70;
				top: auto;
				bottom: -59px;
				right: -21px;
			}
				.news__obj__shishi._chutoro {
					display: none;
				}
				.news__obj__shishi._anago {
					display: none;
				}
				.news__obj__shishi._tamago {
					width: calc((65 / 119) * 100%);
					bottom: 0;
					right: auto;
					left: 0;
				}
				.news__obj__shishi._ikura {
					width: calc((45 / 119) * 100%);
					bottom: auto;
					top: 0;
					left: auto;
					right: 0;
				}
			.news__obj._03 {
				width: 116px;
				aspect-ratio: 116 / 65;
				bottom: -60px;
				left: -24px;
			}
				.news__obj__shishi._salmon {
					width: calc((54 / 116) * 100%);
					top: 0;
					right: auto;
					left: 0;
				}
				.news__obj__shishi._ebi {
					display: none;
				}
				.news__obj__shishi._amaebi {
					width: calc((68 / 116) * 100%);
					bottom: 0;
					right: 0;
				}
			.news__obj._04 {
				display: none;
			}
		.news__contents {
			flex-direction: column;
			justify-content: flex-start;
			align-items: center;
		}
			.news__contents__makinosuke {
				width: 100px;
				top: calc(4px + 76px + 84px);
			}
			@keyframes news__contents__makinosuke {
				0% {
					top: calc(-2px + 76px + 84px);
				}
				60% {
					top: calc(-2px + 76px + 84px);
				}
				100% {
					top: calc(4px + 76px + 84px);
				}
			}
			.news__heading {
				width: 230px;
				margin: 0 auto 84px;
			}
				.news__heading__top_line {
					width: calc((222 / 230) * 100%);
					top: calc((3.5 / 76) * 100%);
				}
				.news__heading__bottom_line {
					width: calc((222 / 230) * 100%);
					bottom: calc((5.5 / 76) * 100%);
				}
				.news__heading__main_text {
					width: calc((177 / 230) * 100%);
					top: calc((30.5 / 76) * 100%);
					left: calc((26.5 / 230) * 100%);
					transform: translateY(5px);
				}
				.news__heading__sub_text {
					width: calc((46.23 / 230) * 100%);
					height: auto;
					position: absolute;
					top: calc((15.85 / 76) * 100%);
					left: 50%;
					transform: translate(-50%, 5px);
				}
			.news__list_wrap {
				width: 100%;
				padding: 0;
			}
					.news__list__item {
						flex-direction: column;
						justify-content: flex-start;
						align-items: flex-start;
						padding: 15px 8px 10px;
					}
						.news__list__item__date {
							margin: 0 auto 3px 0;
							border-radius: 3px;
							line-height: 1.6;
						}
						.news__list__item__title {
							width: 100%;
							letter-spacing: 0em;
							margin: 0;
						}

#store {
	padding: 50px 0 110px;
}
	.store__inner {
		width: calc((278 / 375) * 100%);
	}
		.store__heading {
			justify-content: center;
			width: 100%;
			max-width: 278px;
			height: 80px;
			padding: 0 0 4px;
			margin: 0 auto 25px;
		}
			.store__heading__brackets {
				height: 80px;
			}
			.store__heading__text_en {
				margin-bottom: 11px;
				font-size: 14px;
			}
			.store__heading__text_ja {
				width: 177.54px;
			}
			.store__list {
				flex-direction: column;
				justify-content: flex-start;
				align-items: center;
				gap: 30px;
			}
				.store__list__item {
					width: 100%;
				}
					.store__list__item__image {
						border-radius: 5px;
						margin: 0 auto 10px;
					}
					.store__list__item__btn_wrap {
						width: 131px;
					}

#epilogue {
	margin: -60px 0 0;
	border-radius: 60px 60px 0 0;
}
	.epilogue__menu {
		padding: 56px 0 154px;
		background-image: url(../image/index/epilogue-menu_bg@sp.webp);
		background-size: 100% auto;
	}
		.epilogue__menu__inner {
			width: calc((298 / 375) * 100%);
		}
			.epilogue__menu__top {
				justify-content: center;
				align-items: center;
			}
				.epilogue__menu__obj {
					display: none;
				}
				.epilogue__menu__logo {
					width: calc(156 / 298 * 100%);
				}
			.epilogue__menu__contents {
				margin: 0 auto 160px;
			}
				.epilogue__menu__contents__container {
					flex-direction: column;
					justify-content: flex-start;
				}
					.epilogue__menu__list {
						justify-content: center;
						flex-wrap: wrap;
						gap: 18px 15px;
						width: 100%;
						margin: 0 auto 24px;
					}
						.epilogue__menu__list__item {
							flex: initial;
							width: calc(50% - 7.5px);
						}
							.epilogue__menu__list__item__btn {
								padding: 4px 12px 5px;
							}
								.epilogue__menu__list__item__btn__text_en {
									font-size: 10px;
								}
								.epilogue__menu__list__item__btn__text_ja {
									font-size: 14px;
								}
					.epilogue__menu__contact {
						width: 100%;
					}
						.epilogue__menu__contact__btn {
							height: 58px;
						}
				.epilogue__menu__scroll__inner {
					justify-content: center;
					gap: 10px;
					width: 100%;
					padding: 0;
				}
					.epilogue__menu__scroll__makinosuke_wrap {
						width: 87px;
					}
							.epilogue__menu__scroll__makinosuke__s_bubble {
								bottom: initial;
								top: -126px;
								left: -57px;
							}
							._run .epilogue__menu__scroll__makinosuke__s_bubble {
								animation: epilogue_makinosuke_s_bubble .8s ease forwards .5s;
								transform-origin: 0 100%;
							}
							@keyframes epilogue_makinosuke_s_bubble {
								0% {
									opacity: 0;
									transform: translate(0%, 10px);
								}
								40% {
									transform: translate(0%, -4px);
								}
								100% {
									opacity: 1;
									transform: translate(0%, 0px);
								}
							}
						.epilogue__menu__scroll__makinosuke__text_en {
							bottom: -38px;
							left: 50%;
							transform: translate(-50%, 5px);
							transition-delay: .5s;
						}
						._run .epilogue__menu__scroll__makinosuke__text_en {
							transform: translate(-50%, 0px);
						}
							.epilogue__menu__scroll__tatamaru__s_bubble {
								bottom: initial;
								top: -146px;
								right: -56px;
							}
							._run .epilogue__menu__scroll__tatamaru__s_bubble {
								animation: epilogue_tatamaru_s_bubble .8s ease forwards 1.5s;
								transform-origin: 100% 100%;
							}
							@keyframes epilogue_tatamaru_s_bubble {
								0% {
									opacity: 0;
									transform: translate(0%, 10px);
								}
								40% {
									transform: translate(0%, -4px);
								}
								100% {
									opacity: 1;
									transform: translate(0%, 0px);
								}
							}
						.epilogue__menu__scroll__tatamaru__text_en {
							bottom: -58px;
							right: 50%;
							transform: translate(50%, 5px);
							transition-delay: 1.5s;
						}
						._run .epilogue__menu__scroll__tatamaru__text_en {
							transform: translate(50%, 0px);
						}
					.epilogue__menu__scroll__guide {
						bottom: -154px;
						left: 50%;
						transform: translate(-50%, 0%);
					}
			.epilogue__menu__bottom {
				display: none;
				margin: 0 auto 0;
			}
			.epilogue__menu__footprints {
				width: 163px;
				bottom: -154px;
				left: initial;
				right: calc(((375 - 298) / 375) * -100vw);
			}
				.epilogue__menu__footprints__item._01 {
					transition-delay: 2.6s;
				}
				.epilogue__menu__footprints__item._02 {
					transition-delay: 2.75s;
				}
				.epilogue__menu__footprints__item._03 {
					transition-delay: 2.9s;
				}
				.epilogue__menu__footprints__item._04 {
					transition-delay: 3.05s;
				}
				.epilogue__menu__footprints__item._05 {
					transition-delay: 3.2s;
				}
				.epilogue__menu__footprints__item._06 {
					transition-delay: 3.35s;
				}

	.epilogue__comic {
		padding: 35px 0 0;
	}
			.epilogue__comic__bg__top {
				height: 1263px;
				background-image: url(../image/index/epilogue-comic_bg@sp.webp);
				background-position: top center;
			}
			.epilogue__comic__bg__middle {
				/* background-image: url(../image/index/epilogue-comic_bg_middle@sp.webp); */
				background-image: initial;
				background-color: #EBE4D7;
			}
			.epilogue__comic__bg__bottom {
				height: 1263px;
				background-image: url(../image/index/epilogue-comic_bg@sp.webp);
				background-position: bottom center;
			}
		.epilogue__comic__inner {
			width: calc((340 / 375) * 100%);
		}
			.epilogue__comic__panel {
				--comic-panel-offset-y: 15%;
				padding: calc((2 / 375) * 100vw);
				border-radius: calc((5 / 375) * 100vw);
			}
				.epilogue__comic__panel::before {
					border: solid calc((2 / 375) * 100vw) var(--color--black);
					border-radius: calc((5 / 375) * 100vw);
				}
				.epilogue__comic__panel__inner {
					border-radius: calc((3 / 375) * 100vw);
				}
			.epilogue__comic__panel._01 {
				aspect-ratio: 340 / 712;
			}
					.comic__panel_01__logo {
						width: calc((96 / 336) * 100%);
						transition: .3s;
					}
					.comic__panel_01__banner {
						transition: .3s;
					}
					.comic__panel_01__tatamaru {
						width: calc((124.38 / 336) * 100%);
						bottom: calc((135 / 708) * 100%);
						left: calc((111 / 336) * 100%);
						z-index: 2;
						transition: .6s;
					}
						.comic__panel_01__tatamaru__s_bubble {
							width: calc((87 / 124.38) * 100%);
							top: calc((36 / 133) * -100%);
							left: calc((10 / 124.38) * -100%);
							transform: translate(-100%, 0%) scale(0.8);
						}
						._show.comic__panel_01__tatamaru__s_bubble {
							animation: comic__panel_01__tatamaru__s_bubble .6s ease forwards;
						}
						@keyframes comic__panel_01__tatamaru__s_bubble {
							0% {
								opacity: 0;
								transform: translate(-100%, 0%) scale(0.8);
							}
							40% {
								transform: translate(-100%, 0%) scale(1.1);
							}
							100% {
								opacity: 1;
								transform: translate(-100%, 0%) scale(1);
							}
						}
						.comic__panel_01__tatamaru__lines {
							width: auto;
							font-size: calc((12 / 375) * 100vw);
							font-weight: 400;
							top: calc(100% + (13 / 375) * 100vw);
							left: calc((99 / 124.38) * -100%);
							transform: translate(0%, 10%);
							transition: .3s;
						}
						._show.comic__panel_01__tatamaru__lines {
							transform: translate(0%, 0%);
						}
							.comic__panel_01__tatamaru__image::after {
								transition: .3s;
								transition-delay: .6s;
							}
					.comic__panel_01__makinosuke {
						width: calc((156 / 336) * 100%);
						bottom: initial;
						top: calc((118 / 708) * 100%);
						right: calc((34 / 336) * 100%);
						z-index: 2;
						transition: .5s;
					}
							.comic__panel_01__makinosuke__image::after {
								transition: .3s;
								transition-delay: .6s;
							}
					.comic__panel_01__tatamaru__name {
						width: calc((81 / 336) * 100%);
						top: initial;
						bottom: calc((178 / 708) * 100%);
						left: calc((229 / 336) * 100%);
						z-index: 1;
					}
					.comic__panel_01__makinosuke__name {
						width: calc((78 / 336) * 100%);
						top: calc((125 / 708) * 100%);
						right: calc((232 / 336) * 100%);
					}
						.comic__panel_01__makinosuke__name img,
						.comic__panel_01__tatamaru__name img {
							transition: .3s;
						}
					.comic__panel_01__tatamaru__profile,
					.comic__panel_01__makinosuke__profile {
						width: calc((316 / 336) * 100%);
						transition: .3s;
					}
					.comic__panel_01__tatamaru__profile {
						padding: calc((9 / 375) * 100vw) calc((16 / 375) * 100vw) calc((8 / 375) * 100vw) calc((18 / 375) * 100vw);
						border-radius: 3px;
						bottom: calc((10 / 708) * 100%);
						left: calc((10 / 336) * 100%);
					}
					.comic__panel_01__makinosuke__profile {
						padding: calc((9 / 375) * 100vw) calc((16 / 375) * 100vw) calc((8 / 375) * 100vw) calc((18 / 375) * 100vw);
						border-radius: 3px;
						bottom: calc((323 / 708) * 100%);
						right: calc((10 / 336) * 100%);
					}
						.comic__panel_01__tatamaru__profile__text_ja,
						.comic__panel_01__makinosuke__profile__text_ja {
							margin: 0 auto calc((3 / 375) * 100vw);
							font-size: calc((12 / 375) * 100vw);
							line-height: 1.7;
						}
						.comic__panel_01__tatamaru__profile__text_en,
						.comic__panel_01__makinosuke__profile__text_en {
							font-size: calc((10 / 375) * 100vw);
							font-weight: 400;
						}
			.epilogue__comic__panel._02 {
				width: 100%;
				aspect-ratio: 340 / 288;
				margin: calc((10 / 375) * 100vw) auto 0;
			}
					.comic__panel_02__s_bubble {
						width: calc((272 / 336) * 100%);
						left: calc((38 / 336) * 100%);
						transition: .6s;
					}
					.comic__panel_02__makinosuke {
						width: calc((106 / 336) * 100%);
						bottom: calc((12 / 284) * -100%);
						left: calc((121 / 336) * 100%);
					}
					._show.comic__panel_02__makinosuke {
						animation: comic__panel_02__makinosuke .4s ease forwards;
					}
					.comic__panel_02__lines_en {
						width: calc((85 / 336) * 100%);
						font-size: calc((12 / 375) * 100vw);
						font-weight: 500;
						bottom: calc((8/ 284) * 100%);
						left: calc((12 / 336) * 100%);
						transition: .6s;
					}
					.comic__panel_02__mumu {
						width: calc((43 / 336) * 100%);
						bottom: calc((14 / 284) * 100%);
						right: calc((41 / 336) * 100%);
					}
						.comic__panel_02__mumu__text_ja {
							width: calc((25 / 43) * 100%);
							margin: 0 auto calc((8 / 375) * 100vw) 0;
							transition: .6s;
						}
						.comic__panel_02__mumu__text_en {
							font-size: calc((12 / 375) * 100vw);
							text-align: right;
							transition: .6s;
						}
			.epilogue__comic__panel._03 {
				width: 100%;
				aspect-ratio: 340 / 304;
				margin: calc((18 / 375) * 100vw) auto 0;
			}
					.comic__panel_03__cloud._01 {
						width: calc((148 / 336) * 100%);
						top: calc((2 / 300) * 100%);
					}
					.comic__panel_03__cloud._02 {
						width: calc((158 / 336) * 100%);
						top: calc((42 / 300) * 100%);
					}
						.comic__panel_03__cloud img {
							transition: .6s;
						}
					.comic__panel_03__sushimeijin {
						width: calc((182 / 336) * 100%);
						aspect-ratio: 182 / 214;
						top: calc((23 / 300) * 100%);
						left: calc((18 / 336) * 100%);
					}
						.comic__panel_03__sushimeijin__orbit {
							width: calc((51 / 182) * 100%);
							transition: .6s;
						}
						.comic__panel_03__sushimeijin__main {
							width: calc((131 / 182) * 100%);
							transition: .6s;
							transition-delay: .4s;
						}
					.comic__panel_03__lines_en {
						font-size: calc((12 / 375) * 100vw);
						font-weight: 500;
						bottom: calc((9 / 300) * 100%);
						left: calc((12 / 336) * 100%);
						transition: .6s;
					}
					.comic__panel_03__makinosuke {
						width: calc((169 / 336) * 100%);
						aspect-ratio: 169 / 299;
						right: calc((15 / 336) * -100%);
					}
						.comic__panel_03__makinosuke__lines {
							width: calc((136 / 169) * 100%);
							transition: .3s;
							transition-delay: .6s;
						}
						.comic__panel_03__makinosuke__image {
							width: calc((155 / 169) * 100%);
							border-radius: 0 0 calc((3 / 375) * 100vw) 0;
						}
					.comic__panel_03__hirari {
						width: calc((84 / 336) * 100%);
						bottom: calc((117 / 300) * -100%);
						left: calc((2 / 336) * -100%);
					}
						.comic__panel_03__hirari__hi,
						.comic__panel_03__hirari__ra,
						.comic__panel_03__hirari__ri {
							transition: .6s;
						}
						.comic__panel_03__hirari__ra {
							transition-delay: .15s;
						}
						.comic__panel_03__hirari__ri {
							transition-delay: .3s;
						}
						.comic__panel_04__cloud img {
							transition: .6s;
						}
			.epilogue__comic__panel._04 {
				width: 100%;
				aspect-ratio: 340 / 398;
				margin: calc((124 / 375) * 100vw) auto 0;
			}
					.comic__panel_04__cloud {
						width: calc((171 / 336) * 100%);
						top: calc((2 / 522) * 100%);
					}
					.comic__panel_04__lines_en {
						font-size: calc((12 / 375) * 100vw);
						font-weight: 500;
						bottom: calc((4 / 394) * 100%);
						left: calc((12 / 336) * 100%);
						transition: .6s;
					}
					.comic__panel_04__makinosuke {
						width: calc((277 / 336) * 100%);
						aspect-ratio: 277 / 490;
						top: calc((26 / 394) * -100%);
						left: calc((47 / 336) * 100%);
					}
						.comic__panel_04__makinosuke__s_bubble {
							width: calc((92 / 277) * 100%);
							right: calc((9 / 277) * 100%);
						}
						._show .comic__panel_04__makinosuke__s_bubble {
							animation: comic__panel_04__makinosuke__s_bubble .3s ease forwards .4s;
						}
						.comic__panel_04__makinosuke__image {
							width: 100%;
							top: calc((125 / 490) * 100%);
							transition: .3s;
						}
						.comic__panel_04__makinosuke__effect {
							width: calc((34 / 277) * 100%);
							right: calc((48 / 277) * 100%);
							transition: .3s;
						}
			.epilogue__comic__panel._05 {
				width: 100%;
				aspect-ratio: 340 / 328;
				margin: calc((124 / 375) * 100vw) auto 0;
			}
					.comic__panel_05__s_bubble {
						width: calc((97 / 336) * 100%);
						top: calc((84 / 324) * -100%);
						right: calc((120 / 336) * 100%);
						transition: .3s;
					}
					._show.comic__panel_05__s_bubble {
						animation: comic__panel_05__s_bubble .6s ease forwards;
					}
					.comic__panel_05__lines_en {
						font-size: calc((12 / 375) * 100vw);
						font-weight: 500;
						top: calc((9 / 324) * 100%);
						right: calc((8 / 336) * 100%);
						transition: .6s;
					}
					.comic__panel_05__makinosuke_tatamaru {
						width: calc((310 / 336) * 100%);
						aspect-ratio: 310 / 193;
						bottom: calc((55 / 324) * 100%);
						left: calc((10 / 336) * 100%);
					}
						.comic__panel_05__question {
							width: calc((44.54 / 310) * 100%);
							top: calc((17 / 193) * -100%);
							left: calc((42 / 310) * 100%);
							transition: .3s;
							transition-delay: 1s;
						}
						.comic__panel_05__image {
							transition: .6s;
						}
						._show .comic__panel_05__image {
							animation: comic__panel_05__image .6s ease forwards;
						}
						.comic__panel_05__sushimeijin__image {
							width: calc((234 / 336) * 100%);
							bottom: calc((7 / 324) * 100%);
							left: calc((52 / 336) * 100%);
							transition: .2s;
							transition-delay: .4s;
						}
						.comic__panel_05__sushimeijin__table {
							aspect-ratio: 336 / 84;
						}
							.comic__panel_05__sushimeijin__table__color {
								border-radius: 0 0 calc((3 / 375) * 100vw) calc((3 / 375) * 100vw);
								border-top: solid calc((2 / 375) * 100vw) var(--color--black);	
								transition: .6s;
							}
					.comic__panel_05__note {
						font-size: calc((11 / 375) * 100vw);
						bottom: calc((14 / 494) * -100%);
						left: calc((2 / 336) * -100%);
						transition: .6s;
					}
			.epilogue__comic__panel._06 {
				width: 100%;
				aspect-ratio: 340 / 154;
				margin: calc((46 / 375) * 100vw) auto 0;
			}
						.comic__panel_06__left_hand {
							transition: .3s;
						}
						._show.comic__panel_06__sushimeijin {
							animation: comic__panel_06__sushimeijin .3s ease-out forwards;
						}
						.comic__panel_06__right_hand {
							transition: .3s;
						}
						.comic__panel_06__onomatopoeia__ni,
						.comic__panel_06__onomatopoeia__gi {
							transition: .3s;
						}
					.comic__panel_06__onomatopoeia._01 {
						width: calc((50 / 336) * 100%);
						aspect-ratio: 50 / 68;
						top: calc((14 / 150) * 100%);
						left: calc((39 / 336) * 100%);
					}
						.comic__panel_06__onomatopoeia._01 .comic__panel_06__onomatopoeia__ni {
							width: calc((30.83 / 50) * 100%);
						}
						.comic__panel_06__onomatopoeia._01 .comic__panel_06__onomatopoeia__gi {
							width: calc((30.88 / 50) * 100%);
						}
					.comic__panel_06__onomatopoeia._02 {
						width: calc((57 / 336) * 100%);
						aspect-ratio: 57 / 68.87;
						bottom: calc((14 / 150) * 100%);
						right: calc((31 / 336) * 100%);
					}
						.comic__panel_06__onomatopoeia._02 .comic__panel_06__onomatopoeia__ni {
							width: calc((30.83 / 57) * 100%);
						}
						.comic__panel_06__onomatopoeia._02 .comic__panel_06__onomatopoeia__gi {
							width: calc((30.88 / 57) * 100%);
						}
					.comic__panel_06__onomatopoeia_en {
						font-size: calc((12 / 375) * 100vw);
						bottom: calc(((18 / 150) * -100%) - ((2 / 375) * 100vw));
						right: calc(((3 / 336) * 100%) - ((2 / 375) * 100vw));
					}
			.epilogue__comic__panel._07 {
				width: 100%;
				aspect-ratio: 340 / 305;
				margin: calc((32 / 375) * 100vw) auto 0;
			}
				.comic__panel_07__tatamaru {
					width: calc((88 / 340) * 100%);
					top: calc((197 / 305) * 100%);
					left: calc((13 / 340) * -100%);
					transform: translate(0%, 20%);
					z-index: 4;
					transition: .3s;
				}
				._show.comic__panel_07__tatamaru {
					transform: translate(0%, 0%);
				}
					.comic__panel_07__texture,
					.comic__panel_07__obj {
						border-radius: calc((3 / 375) * 100vw);
					}
						.comic__panel_07__obj img {
							width: calc((433 / 336) * 100%);
							top: 0%;
							transform: translate(-50%, 0%);
						}
						@keyframes comic__panel_07__obj {
							0% {
								transform: translate(-50%, 0%) rotate(0deg);
							}
							25% {
								transform: translate(-50%, 0%) rotate(10deg);
							}
							50% {
								transform: translate(-50%, 0%) rotate(0deg);
							}
							75% {
								transform: translate(-50%, 0%) rotate(-10deg);
							}
							100% {
								transform: translate(-50%, 0%) rotate(0deg);
							}
						}
					.comic__panel_07__lines_en {
						font-size: calc((12 / 375) * 100vw);
						font-weight: 500;
						top: calc((281 / 301) * 100%);
						left: calc((67 / 336) * 100%);
						transform: translate(0%, 10%);
						transition: .3s;
					}
					._show.comic__panel_07__lines_en {
						transform: translate(0%, 0%);
					}
					._show.comic__panel_07__s_bubble {
						animation: comic__panel_07__s_bubble .3s ease forwards;
					}
					.comic__panel_07__s_bubble._01 {
						width: calc((89 / 336) * 100%);
						top: calc((15 / 301) * 100%);
						right: calc((10 / 336) * 100%);
					}
					.comic__panel_07__s_bubble._02 {
						width: calc((117 / 336) * 100%);
						top: calc((15 / 301) * -100%);
						left: calc((7 / 336) * -100%);
					}
					.comic__panel_07__sushimeijin {
						width: calc((232 / 336) * 100%);
						aspect-ratio: 236 / 149;
						right: 0;
					}
						.comic__panel_07__sushimeijin__hand {
							width: calc((225 / 236) * 100%);
							aspect-ratio: 225 / 300;
							overflow: hidden;
						}
							.comic__panel_07__sushimeijin__hand img {
								right: calc((14 / 225) * -100%);
								bottom: calc((28 / 300) * -100%);
								transition: .3s;
							}
							._show.comic__panel_07__sushimeijin__hand img {
								animation: comic__panel_07__sushimeijin__hand .3s ease-out forwards;
							}
						.comic__panel_07__sushimeijin__image {
							width: calc((128 / 236) * 100%);
						}
						._show.comic__panel_07__sushimeijin__image {
							animation: comic__panel_07__sushimeijin__image .3s ease forwards;
						}
					.comic__panel_07__sushimeijin_logo {
						display: block;
						width: calc((81 / 336) * 100%);
						top: calc((28 / 301) * 100%);
						left: calc((135 / 336) * 100%);
						transition: .3s;
					}
						.comic__panel_07__sushimeijin_logo__text {
							width: 100%;
							height: auto;
						}
			.epilogue__comic__panel._08 {
				width: 100%;
				aspect-ratio: 340 / 250;
				margin: calc((145 / 375) * 100vw) auto 0;
			}
					.comic__panel_08__bg {
						width: 100%;
						height: 100%;
						border-radius: calc((6 / 375) * 100vw);
					}
						.comic__panel_08__bg::after {
							border: solid calc((2 / 375) * 100vw) var(--color--black);
						}
							.comic__panel_08__texture,
							.comic__panel_08__obj {
								width: 100%;
								height: 100%;
								top: 0;
								left: 0;
							}
							.comic__panel_08__obj {
								transition: .3s;
							}
							.epilogue__comic__panel_08__stage {
								height: calc(100vh - 40px + ((2 / 375) * 100vw));
							}
									.epilogue__comic__panel_08__stage__bg {
										width: calc((100% + ((2 / 375) * 100vw)));
										min-width: initial;
										height: 100vh;
										top: 50%;
									}
										.epilogue__comic__panel_08__stage__bg__matsu {
											width: auto;
											height: calc((240 / 667) * 100%);
											top: auto;
											bottom: calc((156 / 667) * 100%);
											left: 50%;
											transform: translate(-50%, 0%);
										}
											.epilogue__comic__panel_08__stage__bg__matsu img {
												width: auto;
												height: 100%;
											}
									.epilogue__comic__panel_08__stage__hand_applause {
										width: calc((530 / 375) * 100%);
										bottom: calc((58 / 375) * 100vw);
										left: calc((81 / 375) * -100%);
										transition: .3s;
									}
									.epilogue__comic__panel_08__stage__narration {
										width: calc((87 / 375) * 100%);
										transition: .6s;
									}
									.epilogue__comic__panel_08__stage__narration._01 {
										top: calc((160 / 667) * 100%);
										right: calc((16 / 375) * 100%);
									}
									.epilogue__comic__panel_08__stage__narration._02 {
										top: calc((160 / 667) * 100%);
										left: calc((16 / 375) * 100%);
									}
									.epilogue__comic__panel_08__stage__narration_en {
										width: 100%;
										height: calc((58 / 375) * 100vw);
										padding-top: calc((12 / 375) * 100vw);
										background-color: var(--color--black);
										position: absolute;
										bottom: 0;
										left: 0;
										z-index: 5;
									}
										.epilogue__comic__panel_08__stage__narration_en__text {
											width: calc((343 / 375) * 100%);
											height: auto;
											margin: 0 auto;
											font-size: calc((12 / 375) * 100vw);
											font-weight: 500;
											line-height: 1.4;
											letter-spacing: 0.03em;
											color: var(--color--white);
										
											opacity: 0;
											transition: .5s;
											will-change: transform;
										}
										._show.epilogue__comic__panel_08__stage__narration_en__text {
											opacity: 1;
										}
					.comic__panel_08__s_bubble._01 {
						width: calc((144 / 336) * 100%);
						top: calc((100 / 246) * -100%);
						right: calc((13 / 336) * 100%);
						transition: .3s;
					}
					.comic__panel_08__s_bubble._02 {
						width: calc((99 / 336) * 100%);
						top: calc((53 / 246) * -100%);
						left: calc((2 / 336) * 100%);
						transition: .3s;
					}
					._01.comic__panel_08__lines_en__wrap {
						bottom: calc((26  / 246) * -100%);
						right: initial;
						left: 0;
						transition: .3s;
					}
					._02.comic__panel_08__lines_en__wrap {
						bottom: calc((43 / 246) * -100%);
						left: 0;
					}
						.comic__panel_08__lines_en {
							font-size: calc((12 / 375) * 100vw);
							font-weight: 500;
						}
					.comic__panel_08__makinosuke {
						width: calc((196 / 336) * 100%);
						transform: translate(calc((38 / 196) * -100%), calc((79 / 196) * -100%));
					}
								._show .comic__panel_08__makinosuke__image img {
									animation: comic__panel_08__makinosuke__image .3s ease forwards;
								}
								.comic__panel_08__makinosuke__image__shadow {
									transition: .3s;
									transition-delay: .5s;
								}
							._show .comic__panel_08__makinosuke__tamago {
								animation: comic__panel_08__makinosuke__tamago .3s ease forwards .3s;
							}
					.comic__panel_08__tatamaru {
						width: calc((69 / 336) * 100%);
						transform: translate(calc((132 / 69) * -100%), calc((27 / 123) * -100%));
					}
								.comic__panel_08__tatamaru__image img {
									transition: .2s;
								}
								.comic__panel_08__tatamaru__image__shadow {
									transition: .3s;
									transition-delay: 0s;
								}
							.comic__panel_08__tatamaru__effect {
								transition: .2s;
							}
		.epilogue__comic__bottom_edge {
			height: 1263px;
			background-image: url(../image/index/epilogue-comic_bg@sp.webp);
		}

/* curtain */
		.curtain__logo {
			width: calc((90 / 375) * 100%);
			max-width: 110px;
			height: auto;
			top: 50%;
			left: 50%;
		}
			.curtain__logo img {
				width: 100%;
				height: auto;
			}
		.curtain__makinosuke {
			width: 184px;
			left: -174px;
		}
}

/* SP ================================================== */
@media all and (max-width: 575px){
/* opening */
		._loaded .opening__curtain {
			animation: opening__curtain 2.5s linear forwards;
		}

}