/**
 *
 * page-spotlight.scss
 *
 */
.spotlight-main {
	position: relative;
	color: var(--color-txt2);
}

/* ------------------------------------------------------------
 spotlight-hero
------------------------------------------------------------ */
.spotlight-hero__inner {
	position: relative;
	container-type: inline-size;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__inner {
		padding-top: 22.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__inner {
		padding-top: 12.4rem ;
	}
}

/* ---------- spotlight-hero__cd ---------- */
.spotlight-hero__cd {
	position: absolute;
	z-index: 0;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__cd {
		aspect-ratio: 2132 / 2342;
		top: -8.6cqw ;
		right: -5.06667cqw ;
		width: 71.06667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__cd {
		aspect-ratio: 431 / 684;
		top: -19.4rem ;
		right: -22.8rem ;
		width: 43.1rem ;
	}
}

.spotlight-hero__cd picture {
	position: absolute;
	display: block;
}

.spotlight-hero__cd picture:nth-of-type(1) {
	left: -0.1%;
	bottom: 0;
	z-index: 1;
	-webkit-animation: rotate var(--animation-rotate3);
	animation: rotate var(--animation-rotate3);
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__cd picture:nth-of-type(1) {
		width: 95.40338%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__cd picture:nth-of-type(1) {
		width: 95.12761%;
	}
}

.spotlight-hero__cd picture:nth-of-type(2) {
	width: 100%;
	height: 100%;
	top: 0;
	right: 0;
	mix-blend-mode: overlay;
	z-index: 0;
}

/* ---------- spotlight-hero__txt ---------- */
.spotlight-hero__txt {
	position: relative;
	z-index: 1;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-weight: 400;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__txt {
		font-size: var(--font-size16);
		--line-height: 2.375;
		margin-left: 12cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__txt {
		font-size: var(--font-size12);
		--line-height: 2.08333;
		margin-left: 9.5cqw ;
	}
}

/* ---------- spotlight-hero__en ---------- */
.spotlight-hero__en {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__en {
		margin-top: 13.3rem ;
		margin-left: 6.8cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__en {
		display: none;
	}
}

.spotlight-hero__en span {
	display: block;
	font-family: var(--font-serif);
	font-weight: 400;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__en span {
		font-size: var(--font-size25);
	}
}

.spotlight-hero__en span:not(:first-of-type) {
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: var(--solid-current);
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__en span:not(:first-of-type) {
		height: 2.6rem ;
		margin-left: 1.3rem ;
		padding-left: 1.3rem ;
	}
}

/* ---------- spotlight-hero__title ---------- */
.spotlight-hero__title {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__title {
		width: 92.26667cqw ;
		margin-top: -6.5rem ;
		margin-inline: auto;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__title {
		width: 59.5cqw ;
		max-width: 23.8rem ;
		margin-top: 5.4rem ;
		margin-left: 5.5cqw ;
	}
}

/* ---------- spotlight-hero__site ---------- */
.spotlight-hero__site {
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: var(--solid-current);
	font-weight: 400;
	letter-spacing: 0.08em;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__site {
		width: 10.7rem ;
		height: 5.6rem ;
		right: 11.46667cqw ;
		bottom: 13.93333cqw ;
		font-size: var(--font-size11);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__site {
		display: none;
	}
}

/* ---------- spotlight-hero__illust ---------- */
.spotlight-hero__illust {
	position: absolute;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.spotlight-hero__illust {
		width: 10.1rem ;
		right: 3.66667cqw ;
		bottom: 13.6cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-hero__illust {
		width: 10rem ;
		left: 23.3rem ;
		margin-left: 5.5cqw ;
		bottom: -0.5rem ;
	}
}

/* ------------------------------------------------------------
 spotlight-nav
------------------------------------------------------------ */
.spotlight-nav {
	display: grid;
}

@media screen and (min-width: 1024px) {
	.spotlight-nav {
		gap: 2.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-nav {
		gap: 2.3rem ;
	}
}

.spotlight-nav__cell a {
	display: flex;
	align-items: center;
}

@media (hover: hover) {
	.spotlight-nav__cell a:hover .spotlight-nav__circle {
		background-color: var(--color-txt2);
	}
	.spotlight-nav__cell a:hover .spotlight-nav__circle span {
		opacity: 0;
	}
	.spotlight-nav__cell a:hover .spotlight-nav__circle i {
		opacity: 1;
	}
	.spotlight-nav__cell a:hover .spotlight-nav__illust {
		opacity: 1;
	}
}

.spotlight-nav__circle {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	border: var(--solid-current);
	transition: background-color var(--transition-hover);
}

@media screen and (min-width: 1024px) {
	.spotlight-nav__circle {
		width: 4.5rem ;
		height: 2.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-nav__circle {
		width: 3.6rem ;
		height: 1.9rem ;
	}
}

.spotlight-nav__circle span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: 0.08em;
	transition: opacity var(--transition-hover);
}

.spotlight-nav__circle span::before, .spotlight-nav__circle span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-nav__circle span::before {
	margin-top: var(--font-sans-serif-top);
}

.spotlight-nav__circle span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-nav__circle span {
		font-size: var(--font-size9);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-nav__circle span {
		font-size: var(--font-size7);
	}
}

.spotlight-nav__circle i {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) rotate(0.00001deg);
	transform: translate(-50%, -50%) rotate(0.00001deg);
	opacity: 0;
	transition: opacity var(--transition-hover);
}

.spotlight-nav__txt {
	display: block;
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 500;
	letter-spacing: -0.06em;
	white-space: nowrap;
}

.spotlight-nav__txt::before, .spotlight-nav__txt::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-nav__txt::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-nav__txt::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-nav__txt {
		font-size: var(--font-size28);
		margin-left: 1.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-nav__txt {
		font-size: var(--font-size22);
		margin-left: 1.2rem ;
	}
}

.spotlight-nav__illust {
	margin-top: -10rem ;
	margin-bottom: -10rem ;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	opacity: 0;
	transition: opacity var(--transition-hover);
}

@media screen and (min-width: 1024px) {
	.spotlight-nav__illust {
		margin-left: 0.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-nav__illust {
		display: none;
	}
}

.spotlight-nav__illust img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media screen and (min-width: 1024px) {
	.spotlight-nav__illust [src*="nav_illust_1"],
	.spotlight-nav__illust [src*="nav_illust_2"],
	.spotlight-nav__illust [src*="nav_illust_3"],
	.spotlight-nav__illust [src*="nav_illust_4"] {
		min-width: 6.7rem ;
		width: 6.7rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-nav__illust [src*="nav_illust_5"] {
		min-width: 7.7rem ;
		width: 7.7rem ;
	}
}

/* ------------------------------------------------------------
 spotlight-contents
------------------------------------------------------------ */
.spotlight-contents {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1000;
	height: 100%;
	pointer-events: none;
}

@media screen and (max-width: 1023px) {
	.spotlight-contents {
		display: flex;
		align-items: flex-end;
	}
}

.spotlight-contents__sticky {
	position: sticky;
	display: flex;
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__sticky {
		top: 0;
		height: var(--wh);
		align-items: center;
		margin-right: 3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__sticky {
		align-items: flex-end;
		margin-right: 1.2rem ;
		bottom: 2.7rem ;
	}
}

.spotlight-contents__inner {
	pointer-events: auto;
	display: flex;
	flex-direction: row-reverse;
	width: var(--button-width);
	height: var(--button-height);
	background-color: var(--color-bg15);
	-webkit-backdrop-filter: var(--color-blur);
	backdrop-filter: var(--color-blur);
	transition: var(--transition-accordion);
	transition-property: width, height;
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__inner {
		--button-width: 3.2rem ;
		--button-height: 14.8rem ;
		--open-width: 41.2rem ;
		--open-height: 36.6rem ;
		align-items: center;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__inner {
		--button-width: 2.3rem ;
		--button-height: 10.6rem ;
		--open-width: 27.8rem ;
		--open-height: 28.8rem ;
		align-items: flex-end;
	}
}

.spotlight-contents__inner.is-open {
	width: var(--open-width);
	height: var(--open-height);
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__inner.is-open .spotlight-contents__button {
		height: var(--open-height);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__inner.is-open .spotlight-contents__button {
		opacity: 0;
	}
}

.spotlight-contents__inner.is-open .spotlight-contents__panel {
	opacity: 1;
	visibility: visible;
}

/* ----------------------------------------
 spotlight-contents__button
---------------------------------------- */
.spotlight-contents__button {
	position: relative;
	z-index: 10;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: var(--button-width);
	height: var(--button-height);
	color: var(--color-txt);
	transition: var(--transition-accordion);
	transition-property: width, height, opacity;
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__button {
		gap: 2.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__button {
		gap: 1.5rem ;
	}
}

.spotlight-contents__button__txt {
	display: block;
	text-transform: uppercase;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: 0.02em;
}

.spotlight-contents__button__txt::before, .spotlight-contents__button__txt::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-contents__button__txt::before {
	margin-right: var(--font-sans-serif-top);
}

.spotlight-contents__button__txt::after {
	margin-left: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__button__txt {
		font-size: var(--font-size12);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__button__txt {
		font-size: var(--font-size8);
	}
}

.spotlight-contents__button__icon {
	display: flex;
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__button__icon {
		gap: 0.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__button__icon {
		gap: 0.2rem ;
	}
}

.spotlight-contents__button__icon span {
	display: block;
	width: 1px;
	background-color: currentColor;
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__button__icon span {
		height: 1.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__button__icon span {
		height: 0.9rem ;
	}
}

/* ----------------------------------------
 spotlight-contents__panel
---------------------------------------- */
.spotlight-contents__panel {
	-webkit-filter: invert(1);
	filter: invert(1);
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: var(--open-width);
	height: var(--open-height);
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-accordion);
	transition-property: opacity, visibility;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media screen and (min-width: 1024px) {
	.spotlight-contents__panel {
		padding: 6.4rem 0 6.4rem 5.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__panel {
		padding: 3.6rem 3.5rem 0 ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__panel .spotlight-nav__circle {
		width: 3.2rem ;
		height: 1.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__panel .spotlight-nav__txt {
		font-size: var(--font-size20);
	}
}

/* ---------- spotlight-contents__title ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-contents__title {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__title {
		border-bottom: var(--solid-current);
		text-transform: uppercase;
		font-family: var(--font-sans-serif);
		padding-top: 0.1px;
		padding-bottom: 0.1px;
		font-size: var(--font-size9);
		letter-spacing: 0.02em;
		padding-bottom: 1.1rem ;
		margin-bottom: 2.2rem ;
	}
	.spotlight-contents__title::before, .spotlight-contents__title::after {
		content: '';
		display: block;
		width: 0;
		height: 0;
		font-size: inherit;
	}
	.spotlight-contents__title::before {
		margin-top: var(--font-sans-serif-top);
	}
	.spotlight-contents__title::after {
		margin-bottom: var(--font-sans-serif-bottom);
	}
}

/* ---------- spotlight-contents__close ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-contents__close {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents__close {
		position: absolute;
		right: 1.7rem ;
		bottom: 2rem ;
		padding: 1rem ;
		margin: -1rem ;
	}
	.spotlight-contents__close > span {
		position: relative;
		display: block;
		width: 1.4rem ;
		height: 1.4rem ;
	}
	.spotlight-contents__close > span span {
		display: block;
		width: calc( 1.4rem * var( --root2 ));
		height: 1px;
		background-color: currentColor;
		position: absolute;
		top: 50%;
		left: 50%;
	}
	.spotlight-contents__close > span span:nth-of-type(1) {
		-webkit-transform: translate(-50%, -50%) rotate(45deg);
		transform: translate(-50%, -50%) rotate(45deg);
	}
	.spotlight-contents__close > span span:nth-of-type(2) {
		-webkit-transform: translate(-50%, -50%) rotate(-45deg);
		transform: translate(-50%, -50%) rotate(-45deg);
	}
}

/* ------------------------------------------------------------
 spotlight-contents2
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.spotlight-contents2 {
		margin-top: 13.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents2 {
		margin-top: 11.4rem ;
	}
}

.spotlight-contents2__inner {
	container-type: inline-size;
}

.spotlight-contents2__main {
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.spotlight-contents2__main {
		width: 32.5rem ;
		margin-right: 12cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents2__main {
		width: 24rem ;
		margin-right: 8.75cqw ;
	}
}

.spotlight-contents2__title {
	border-bottom: var(--solid-current);
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: 0.02em;
}

.spotlight-contents2__title::before, .spotlight-contents2__title::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-contents2__title::before {
	margin-top: var(--font-sans-serif-top);
}

.spotlight-contents2__title::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-contents2__title {
		font-size: var(--font-size12);
		padding-bottom: 1.4rem ;
		margin-bottom: 5.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-contents2__title {
		font-size: var(--font-size9);
		padding-bottom: 1.1rem ;
		margin-bottom: 4.1rem ;
	}
}

/* ------------------------------------------------------------
 spotlight-kv
------------------------------------------------------------ */
.spotlight-kv {
	--negative-space: 100vh;
	--area: 200vh;
	--last-area: 100vh;
	--last-area-photo: 0vh;
	position: relative;
}

@media screen and (min-width: 1024px) {
	.spotlight-kv {
		--catch-height: 5.4rem ;
		--catch-gap: 4rem ;
		margin-top: 11.5rem ;
		padding-top: 26rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv {
		--catch-height: 3rem ;
		--catch-gap: 2.2rem ;
		margin-top: 17.5rem ;
		padding-top: 11.5rem ;
	}
}

/* ----------------------------------------
 spotlight-kv__copy
---------------------------------------- */
.spotlight-kv__copy {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__copy {
		height: calc( 100% - var( --last-area ) - 50vh - var( --catch-gap ) / 2);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__copy {
		height: calc( 100% - var( --last-area ) - 50vh - var( --catch-gap ) - var(--catch-height));
	}
}

.spotlight-kv__copy__inner {
	container-type: inline-size;
	position: sticky;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__copy__inner {
		top: calc( 50vh - var(--catch-height) - var(--catch-gap) / 2);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__copy__inner {
		top: calc( 50vh - var(--catch-height) * 2 - var(--catch-gap));
	}
}

.spotlight-kv__copy__txt {
	display: flex;
	align-items: baseline;
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__copy__txt {
		gap: 2.3rem ;
		padding-left: 12.66667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__copy__txt {
		gap: 1rem ;
		padding-left: 10cqw ;
	}
}

.spotlight-kv__copy__txt span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 300;
	letter-spacing: 0.02em;
}

.spotlight-kv__copy__txt span::before, .spotlight-kv__copy__txt span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-kv__copy__txt span::before {
	margin-top: var(--font-sans-serif-top);
}

.spotlight-kv__copy__txt span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__copy__txt span {
		font-size: var(--font-size77);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__copy__txt span {
		font-size: var(--font-size42);
	}
}

/* ----------------------------------------
 spotlight-kv__main
---------------------------------------- */
.spotlight-kv__main {
	position: relative;
	z-index: 1;
	overflow: clip;
}

/* ---------- spotlight-kv__sticky ---------- */
.spotlight-kv__sticky {
	position: absolute;
	top: calc( var(--negative-space) * -1);
	left: 0;
	width: 100%;
	height: calc( 100% + var(--negative-space) * 2);
}

.spotlight-kv__sticky__inner {
	position: sticky;
	top: 0;
	z-index: 0;
	height: 100vh;
	background-color: rgba(255, 255, 255, 0.05);
}

.spotlight-kv__sticky__inner figure,
.spotlight-kv__sticky__inner ul,
.spotlight-kv__sticky__inner li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.spotlight-kv__sticky__inner li {
	opacity: 0;
	transition: opacity var(--transition-scrollchange);
}

.spotlight-kv__sticky__inner li.is-active {
	opacity: 1;
}

/* ---------- spotlight-kv__area ---------- */
.spotlight-kv__area {
	position: relative;
	z-index: 1;
	height: var(--area);
}

.spotlight-kv__area.-last {
	margin-top: calc( var(--last-area-photo) * -1);
	height: calc( var(--last-area) + var(--last-area-photo));
}

.spotlight-kv__area__inner {
	container-type: inline-size;
	position: sticky;
	top: 0;
	height: 100vh;
	display: flex;
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__area__inner {
		align-items: center;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__area__inner {
		flex-direction: column;
		justify-content: center;
	}
}

.spotlight-kv__area__catch {
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: 0.02em;
}

.spotlight-kv__area__catch::before, .spotlight-kv__area__catch::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-kv__area__catch::before {
	margin-top: var(--font-sans-serif-top);
}

.spotlight-kv__area__catch::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__area__catch {
		margin-top: 50vh;
		align-self: flex-start;
		padding-top: calc( var(--catch-gap) * 0.5) !important;
		font-size: var(--font-size77);
		margin-left: 20.8cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__area__catch {
		height: 50%;
		display: flex;
		flex-direction: column;
		justify-content: flex-end;
		font-size: var(--font-size42);
		margin-left: 10cqw ;
	}
}

.spotlight-kv__area__txt {
	opacity: 0;
	visibility: hidden;
	transition: var(--transition-scrollchange);
	transition-property: opacity, visibility;
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__area__txt {
		width: 41.66667cqw ;
		margin-left: auto;
		margin-right: 0;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__area__txt {
		height: 50%;
		padding-top: 6.6rem ;
		margin-left: 10cqw ;
	}
}

.spotlight-kv__area__txt.is-shown {
	opacity: 1;
	visibility: visible;
}

/* ----------------------------------------
 spotlight-kv__motif
---------------------------------------- */
[class*="spotlight-kv__motif-"] {
	position: absolute;
	z-index: 1;
	pointer-events: none;
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-1 {
		width: 12.1rem ;
		top: -25.2rem ;
		left: -6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-1 {
		width: 8.5rem ;
		top: -38.2rem ;
		left: -4.8rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-2 {
		width: 7.6rem ;
		top: -16.5rem ;
		right: 3.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-2 {
		width: 5rem ;
		top: -21.8rem ;
		right: 2.7rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-3 {
		width: 33.6rem ;
		top: -11.2rem ;
		left: 47.73333%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-3 {
		width: 16rem ;
		top: -4.2rem ;
		right: -3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-4 {
		width: 7.2rem ;
		top: 25.5rem ;
		left: 10.13333%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-4 {
		width: 5rem ;
		top: 8.1rem ;
		left: 9.75%;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-5 {
		width: 7.6rem ;
		top: 54.05644%;
		right: -1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-5 {
		width: 13.2rem ;
		top: 61.56764%;
		right: -10.2rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-6 {
		width: 11.4rem ;
		top: 3.1746%;
		left: -1.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-6 {
		width: 4.1rem ;
		top: 0.37927%;
		left: -0.9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-7 {
		width: 4.1rem ;
		top: 12.34568%;
		right: 19.6%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-7 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-8 {
		width: 8.4rem ;
		top: 61.99295%;
		right: -4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-8 {
		width: 5.9rem ;
		top: 78.50822%;
		right: -3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-9 {
		width: 8.5rem ;
		top: -2.7rem ;
		left: 47.26667%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-9 {
		width: 5.7rem ;
		top: 15.54994%;
		right: 19.75%;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-10 {
		width: 12rem ;
		top: 16.75485%;
		left: 4.93333%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-10 {
		display: none;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-11 {
		width: 13.6rem ;
		right: 8.4%;
		bottom: 9.43563%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-11 {
		width: 3rem ;
		top: 89.00126%;
		right: 11.5%;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-12 {
		width: 8.1rem ;
		top: 12.16931%;
		left: -4.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-12 {
		width: 4.8rem ;
		top: -0.8rem ;
		left: -2.2rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-13 {
		width: 8.8rem ;
		right: -1rem ;
		bottom: 34.0388%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-13 {
		width: 4.5rem ;
		top: 43.48925%;
		right: -1.2rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-14 {
		width: 11.7rem ;
		top: 11.90476%;
		left: 13.46667%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-14 {
		width: 6.6rem ;
		top: -2.2rem ;
		left: 18.75%;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-kv__motif-15 {
		width: 6.1rem ;
		top: 34.0388%;
		left: 36.13333%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-kv__motif-15 {
		width: 3.1rem ;
		top: 24.39949%;
		left: 36.25%;
	}
}

/* ------------------------------------------------------------
 spotlight-people
------------------------------------------------------------ */
.spotlight-people {
	position: relative;
	z-index: 2;
	background-color: var(--color-accent5);
	color: var(--color-txt);
	padding-top: 1px;
}

@media screen and (min-width: 1024px) {
	.spotlight-people {
		padding-bottom: 2.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people {
		padding-bottom: 3.1rem ;
	}
}

.spotlight-people::before, .spotlight-people::after {
	content: '';
	display: block;
	width: 100%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}

.spotlight-people::before {
	bottom: 100%;
	margin-bottom: -1px;
}

@media screen and (min-width: 1024px) {
	.spotlight-people::before {
		height: 90.7rem ;
		background-image: url("../img/spotlight/people_top-pc.webp");
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people::before {
		height: 36.2rem ;
		background-image: url("../img/spotlight/people_top-sp.webp");
	}
}

.spotlight-people::after {
	top: 100%;
	margin-top: -1px;
}

@media screen and (min-width: 1024px) {
	.spotlight-people::after {
		height: 5.2rem ;
		background-image: url("../img/spotlight/people_bottom-pc.webp");
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people::after {
		height: 1.6rem ;
		background-image: url("../img/spotlight/people_bottom-sp.webp");
	}
}

.spotlight-people__inner {
	container-type: inline-size;
}

.spotlight-people__header {
	display: grid;
}

/* ----------------------------------------
 spotlight-people__heading
---------------------------------------- */
.spotlight-people__heading {
	position: relative;
	z-index: 1;
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-end;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__heading {
		padding-right: 7.8cqw ;
		margin-top: -50rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__heading {
		padding-right: 10cqw ;
		margin-top: -12.2rem ;
	}
}

.spotlight-people__title {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: var(--font-mincho2);
	font-weight: 700;
	letter-spacing: 0.06em;
	margin-bottom: -0.46341em;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__title {
		font-size: var(--font-size41);
		--line-height: 1.57561;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__title {
		font-size: var(--font-size30);
		--line-height: 1.53333;
	}
}

.spotlight-people__title span {
	display: flex;
	align-items: baseline;
}

.spotlight-people__title span::before {
	content: '';
	display: block;
	width: 1px;
	background-color: currentColor;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__title span::before {
		height: 6rem ;
		margin-bottom: 3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__title span::before {
		height: 3.8rem ;
		margin-bottom: 1.8rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-people__txt {
		margin-right: 4cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__txt {
		margin-right: 5.2rem ;
		margin-bottom: 1.2rem ;
	}
}

/* ----------------------------------------
 spotlight-people__en
---------------------------------------- */
.spotlight-people__en {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__en {
		margin-top: 6.7rem ;
		margin-right: 6cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__en {
		margin-top: 2.2rem ;
		margin-right: 12.5cqw ;
	}
}

.spotlight-people__en > span:nth-of-type(1) {
	display: block;
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-style: italic;
	letter-spacing: -0.04em;
}

.spotlight-people__en > span:nth-of-type(1)::before, .spotlight-people__en > span:nth-of-type(1)::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-people__en > span:nth-of-type(1)::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-people__en > span:nth-of-type(1)::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-people__en > span:nth-of-type(1) {
		font-size: var(--font-size126);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__en > span:nth-of-type(1) {
		font-size: var(--font-size70);
		--line-height: 0.85714;
	}
}

.spotlight-people__en > span:nth-of-type(2) {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__en > span:nth-of-type(2) {
		top: -2.9rem ;
		left: 16.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__en > span:nth-of-type(2) {
		top: 3.4rem ;
		left: 21.5rem ;
	}
}

/* ----------------------------------------
 spotlight-people__loopslider
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-people__loopsliders {
		margin-top: 2.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__loopsliders {
		margin-top: 2.6rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-people__loopslider.-pc + .spotlight-people__loopslider {
		margin-top: -11.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__loopslider.-pc {
		display: none !important;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-people__loopslider.-sp {
		display: none !important;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__loopslider.-sp + .spotlight-people__loopslider {
		margin-top: -7.5rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-people__loopslider.-shift {
		margin-left: -30rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__loopslider.-shift {
		margin-left: -19.01408rem ;
	}
}

.spotlight-people__loopslider > * {
	will-change: auto !important;
}

.spotlight-people__loopslider__cell {
	position: relative;
	display: flex;
	align-items: flex-end;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__loopslider__cell {
		--width: calc( var(--img-width) * 0.1rem );
		height: 25.7rem ;
		margin-right: calc( var(--margin-right) * 0.1rem);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__loopslider__cell {
		--width: calc( var(--img-width) * 0.0633rem );
		height: 16.28873rem ;
		margin-right: calc( var(--margin-right) * 0.0633rem);
	}
}

@media (hover: hover) {
	.spotlight-people__loopslider__cell:hover img {
		-webkit-filter: grayscale(0%);
		filter: grayscale(0%);
	}
	.spotlight-people__loopslider__cell:hover figcaption {
		opacity: 1;
		z-index: 10;
	}
}

.spotlight-people__loopslider__cell img {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: -webkit-filter var(--transition-hover);
	transition: filter var(--transition-hover);
	transition: filter var(--transition-hover), -webkit-filter var(--transition-hover);
}

.spotlight-people__loopslider__cell figcaption {
	position: absolute;
	top: 0;
	z-index: 1;
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
	opacity: 0;
	transition: opacity var(--transition-hover);
	will-change: opacity;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__loopslider__cell figcaption {
		right: calc( var(--catch-right) * 0.1rem);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__loopslider__cell figcaption {
		right: calc( var(--catch-right) * 0.0633rem);
	}
}

.spotlight-people__loopslider__cell figcaption span {
	display: block;
	background-color: var(--color-txt);
	color: var(--color-accent5);
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-family: var(--font-gothic2);
	font-weight: 700;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__loopslider__cell figcaption span {
		font-size: var(--font-size14);
		padding: 0.4rem 0.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__loopslider__cell figcaption span {
		font-size: var(--font-size10);
		padding: 0.9rem 0.6rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-people__loopslider__cell figcaption span + span {
		margin-right: -0.7rem ;
	}
}

.spotlight-people__loopslider__cell:has([src*="loopslider_1.webp"]) {
	--img-width: 142;
	--margin-right: 52;
	--catch-right: -29;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_2.webp"]) {
	--img-width: 136;
	--margin-right: 36;
	--catch-right: -32;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_3.webp"]) {
	--img-width: 174;
	--margin-right: 12;
	--catch-right: -9;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_4.webp"]) {
	--img-width: 184;
	--margin-right: 15;
	--catch-right: -8;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_5.webp"]) {
	--img-width: 169;
	--margin-right: 30;
	--catch-right: -16;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_6.webp"]) {
	--img-width: 156;
	--margin-right: 37;
	--catch-right: 0;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_7.webp"]) {
	--img-width: 155;
	--margin-right: 32;
	--catch-right: -22;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_8.webp"]) {
	--img-width: 166;
	--margin-right: 35;
	--catch-right: -17;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_9.webp"]) {
	--img-width: 149;
	--margin-right: 45;
	--catch-right: -26;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_10.webp"]) {
	--img-width: 147;
	--margin-right: 34;
	--catch-right: -27;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_11.webp"]) {
	--img-width: 171;
	--margin-right: 19;
	--catch-right: -15;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_12.webp"]) {
	--img-width: 176;
	--margin-right: 17;
	--catch-right: -12;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_13.webp"]) {
	--img-width: 175;
	--margin-right: 30;
	--catch-right: -12;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_14.webp"]) {
	--img-width: 172;
	--margin-right: 19;
	--catch-right: -19;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_15.webp"]) {
	--img-width: 174;
	--margin-right: 25;
	--catch-right: -16;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_16.webp"]) {
	--img-width: 161;
	--margin-right: 30;
	--catch-right: -21;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_17.webp"]) {
	--img-width: 164;
	--margin-right: 36;
	--catch-right: -20;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_18.webp"]) {
	--img-width: 151;
	--margin-right: 42;
	--catch-right: -26;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_19.webp"]) {
	--img-width: 149;
	--margin-right: 32;
	--catch-right: -28;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_20.webp"]) {
	--img-width: 171;
	--margin-right: 28;
	--catch-right: 17;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_21.webp"]) {
	--img-width: 157;
	--margin-right: 37;
	--catch-right: -24;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_22.webp"]) {
	--img-width: 153;
	--margin-right: 35;
	--catch-right: -28;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_23.webp"]) {
	--img-width: 162;
	--margin-right: 30;
	--catch-right: -22;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_24.webp"]) {
	--img-width: 163;
	--margin-right: 36;
	--catch-right: -22;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_25.webp"]) {
	--img-width: 150;
	--margin-right: 43;
	--catch-right: -30;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_26.webp"]) {
	--img-width: 148;
	--margin-right: 40;
	--catch-right: -31;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_27.webp"]) {
	--img-width: 174;
	--margin-right: 28;
	--catch-right: -24;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_28.webp"]) {
	--img-width: 155;
	--margin-right: 38;
	--catch-right: -33;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_29.webp"]) {
	--img-width: 154;
	--margin-right: 35;
	--catch-right: -34;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_30.webp"]) {
	--img-width: 161;
	--margin-right: 40;
	--catch-right: -30;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_31.webp"]) {
	--img-width: 142;
	--margin-right: 46;
	--catch-right: -39;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_32.webp"]) {
	--img-width: 150;
	--margin-right: 45;
	--catch-right: -35;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_33.webp"]) {
	--img-width: 144;
	--margin-right: 34;
	--catch-right: -39;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_34.webp"]) {
	--img-width: 173;
	--margin-right: 23;
	--catch-right: -24;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_35.webp"]) {
	--img-width: 167;
	--margin-right: 30;
	--catch-right: -5;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_36.webp"]) {
	--img-width: 158;
	--margin-right: 35;
	--catch-right: -32;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_37.webp"]) {
	--img-width: 161;
	--margin-right: 32;
	--catch-right: -28;
}

.spotlight-people__loopslider__cell:has([src*="loopslider_38.webp"]) {
	--img-width: 155;
	--margin-right: 32;
	--catch-right: -33;
}

/* ----------------------------------------
 spotlight-people__button
---------------------------------------- */
.spotlight-people__button {
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__button {
		margin-top: 1.2rem ;
		margin-right: 9.73333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__button {
		margin-right: 5cqw ;
	}
}

/* ----------------------------------------
 spotlight-people__logo
---------------------------------------- */
.spotlight-people__logo {
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.spotlight-people__logo {
		width: 11.6rem ;
		margin-top: -2.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-people__logo {
		width: 8rem ;
		margin-top: -1.5rem ;
	}
}

/* ------------------------------------------------------------
 spotlight-setlist
------------------------------------------------------------ */
.spotlight-setlist {
	position: relative;
	z-index: 1;
	overflow: clip;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist {
		padding: 30.6rem 0 54.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist {
		padding: 21.4rem 0 31.6rem ;
	}
}

/* ---------- spotlight-setlist__bg ---------- */
.spotlight-setlist__bg {
	position: absolute;
	top: -100vh;
	left: 0;
	z-index: -1;
	width: 100%;
	height: calc( 100% + 200vh);
}

.spotlight-setlist__bg__inner {
	position: sticky;
	top: 0;
	height: 100vh;
}

/* ---------- spotlight-setlist__bg ---------- */
.spotlight-setlist__inner {
	position: relative;
	container-type: inline-size;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__inner {
		display: flex;
		justify-content: space-between;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__inner {
		width: var(--contents-xl);
		margin-inline: auto;
	}
}

/* ----------------------------------------
 spotlight-setlist__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-setlist__header {
		margin-left: 4.73333%;
		padding-top: 7.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__header {
		position: absolute;
		top: -15.9rem ;
		left: 0;
	}
}

.spotlight-setlist__title {
	position: relative;
}

.spotlight-setlist__title span:nth-of-type(1) {
	display: block;
	color: var(--color-accent5);
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: -0.06em;
}

.spotlight-setlist__title span:nth-of-type(1)::before, .spotlight-setlist__title span:nth-of-type(1)::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-setlist__title span:nth-of-type(1)::before {
	margin-right: var(--font-serif3-top);
}

.spotlight-setlist__title span:nth-of-type(1)::after {
	margin-left: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__title span:nth-of-type(1) {
		font-size: var(--font-size137);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__title span:nth-of-type(1) {
		font-size: var(--font-size75);
	}
}

.spotlight-setlist__title span:nth-of-type(2) {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__title span:nth-of-type(2) {
		right: -0.5rem ;
		bottom: -5.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__title span:nth-of-type(2) {
		right: -1.1rem ;
		bottom: -2.8rem ;
	}
}

/* ----------------------------------------
 spotlight-setlist__main
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-setlist__main {
		width: 74.73333%;
		margin-right: 5.66667%;
	}
}

/* ---------- spotlight-setlist__flex ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-setlist__flex {
		display: flex;
		align-items: flex-end;
		justify-content: space-between;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__flex {
		padding-left: 9.8rem ;
	}
}

/* ----- spotlight-setlist__figure ----- */
.spotlight-setlist__figure {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__figure {
		width: 38.3rem ;
		margin-left: 1.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__figure {
		width: 23.7rem ;
	}
}

.spotlight-setlist__figure figcaption {
	position: absolute;
	display: flex;
	flex-direction: row-reverse;
	align-items: flex-start;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__figure figcaption {
		top: -5.9rem ;
		right: 5.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__figure figcaption {
		top: -5.1rem ;
		right: 2.9rem ;
	}
}

.spotlight-setlist__figure figcaption span {
	display: block;
	background-color: var(--color-accent5);
	color: var(--color-txt);
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	text-orientation: upright;
	font-family: var(--font-gothic2);
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__figure figcaption span {
		font-size: var(--font-size16);
		padding: 0.7rem 0.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__figure figcaption span {
		font-size: var(--font-size11);
		padding: 0.7rem 0.4rem ;
	}
}

/* ----- spotlight-setlist__contents ----- */
@media screen and (min-width: 1024px) {
	.spotlight-setlist__contents {
		width: -webkit-fit-content;
		width: -moz-fit-content;
		width: fit-content;
		margin-right: 2.2rem ;
		margin-bottom: 0.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__contents {
		margin-top: 6.1rem ;
		padding-left: 1rem ;
	}
}

.spotlight-setlist__catch {
	position: relative;
	font-weight: 700;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__catch {
		font-size: var(--font-size26);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__catch {
		font-size: var(--font-size16);
	}
}

.spotlight-setlist__catch::before {
	content: '';
	display: block;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__catch::before {
		width: 6rem ;
		left: -8.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__catch::before {
		width: 3.4rem ;
		left: -5.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__txt {
		margin-top: 4.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__txt {
		margin-top: 2.3rem ;
	}
}

/* ---------- spotlight-setlist__list ---------- */
.spotlight-setlist__list {
	counter-reset: cell;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__list {
		margin-top: 8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__list {
		margin-top: 7.7rem ;
	}
}

.spotlight-setlist__list li {
	border-bottom: var(--solid5);
}

.spotlight-setlist__list button {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	text-align: left;
	transition: color var(--transition-hover);
}

.spotlight-setlist__list button:has(.spotlight-setlist__cell__txt) {
	align-items: flex-start;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__list button:has(.spotlight-setlist__cell__txt) {
		padding: 3.2rem 1.4rem 3.4rem 5.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__list button:has(.spotlight-setlist__cell__txt) {
		padding: 1.4rem 0.2rem 2.4rem 0.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__list button:has(.spotlight-setlist__cell__txt) .spotlight-setlist__cell__thumbnail {
		margin-top: -1.5rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__list button {
		padding: 2rem 1.4rem 2.3rem 5.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__list button {
		padding: 1.7rem 0.2rem 1.7rem 0.4rem ;
	}
}

@media (hover: hover) {
	.spotlight-setlist__list button:hover {
		color: var(--color-accent5);
	}
	.spotlight-setlist__list button:hover .spotlight-setlist__cell__txt {
		opacity: 1;
	}
	.spotlight-setlist__list button:hover .spotlight-setlist__cell__thumbnail img {
		opacity: 1;
	}
}

.spotlight-setlist__list button[aria-expanded="true"] {
	color: var(--color-accent5);
}

.spotlight-setlist__list button[aria-expanded="true"] .spotlight-setlist__cell__txt {
	opacity: 1;
}

.spotlight-setlist__list button[aria-expanded="true"] .spotlight-setlist__cell__thumbnail img {
	opacity: 1;
}

/* ----- spotlight-setlist__cell__content ----- */
.spotlight-setlist__cell__title {
	position: relative;
	font-family: var(--font-mincho);
	letter-spacing: 0.06em;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__cell__title {
		font-size: var(--font-size22);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__cell__title {
		font-size: var(--font-size17);
	}
}

.spotlight-setlist__cell__title::before {
	counter-increment: cell;
	content: "( " counter(cell, decimal-leading-zero) " )";
	display: block;
	font-family: var(--font-sans-serif);
	letter-spacing: 0;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__cell__title::before {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: -5.1rem ;
		font-size: var(--font-size10);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__cell__title::before {
		font-size: var(--font-size7);
		margin-bottom: 1.3rem ;
	}
}

.spotlight-setlist__cell__txt {
	opacity: .7;
	transition: opacity var(--transition-hover);
	margin-top: 1.6rem ;
}

/* ----- spotlight-setlist__cell__thumbnail ----- */
.spotlight-setlist__cell__thumbnail {
	position: relative;
	display: flex;
	flex-direction: row-reverse;
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__cell__thumbnail {
		align-items: center;
		gap: 2.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__cell__thumbnail {
		align-items: flex-start;
		gap: 1.3rem ;
	}
}

.spotlight-setlist__cell__thumbnail img:nth-of-type(2) {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
	opacity: 0;
	transition: opacity var(--transition-hover);
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__cell__thumbnail [src*="setlist_1_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_3_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_6_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_8_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_9_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_11_"] {
		width: 4.8rem ;
	}
	.spotlight-setlist__cell__thumbnail [src*="setlist_2_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_7_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_10_"] {
		width: 4.5rem ;
	}
	.spotlight-setlist__cell__thumbnail [src*="setlist_4_"] {
		width: 4.9rem ;
	}
	.spotlight-setlist__cell__thumbnail [src*="setlist_5_"] {
		width: 4.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__cell__thumbnail [src*="setlist_1_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_3_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_6_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_8_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_9_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_11_"] {
		width: 4rem ;
	}
	.spotlight-setlist__cell__thumbnail [src*="setlist_2_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_7_"],
	.spotlight-setlist__cell__thumbnail [src*="setlist_10_"] {
		width: 3.8rem ;
	}
	.spotlight-setlist__cell__thumbnail [src*="setlist_4_"] {
		width: 4rem ;
	}
	.spotlight-setlist__cell__thumbnail [src*="setlist_5_"] {
		width: 3.8rem ;
	}
}

.spotlight-setlist__cell__thumbnail figcaption {
	display: block;
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__cell__thumbnail figcaption {
		margin-top: 0.4rem ;
	}
}

.spotlight-setlist__cell__thumbnail figcaption span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	white-space: nowrap;
}

.spotlight-setlist__cell__thumbnail figcaption span::before, .spotlight-setlist__cell__thumbnail figcaption span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-setlist__cell__thumbnail figcaption span::before {
	margin-top: var(--font-sans-serif-top);
}

.spotlight-setlist__cell__thumbnail figcaption span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__cell__thumbnail figcaption span {
		font-size: var(--font-size10);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__cell__thumbnail figcaption span {
		font-size: var(--font-size7);
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-setlist__cell__thumbnail figcaption i {
		display: none;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__cell__thumbnail figcaption i {
		margin-left: auto;
		margin-right: 0;
		margin-top: 1.1rem ;
	}
}

/* ----- spotlight-setlist__cell__panel ----- */
@media screen and (min-width: 1024px) {
	.spotlight-setlist__cell__panel {
		display: none;
	}
}

.spotlight-setlist__cell__panel figure {
	width: 29.8rem ;
	margin-inline: auto;
	padding-bottom: 2.6rem ;
}

/* ----------------------------------------
 spotlight-setlist__logo
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-setlist__logo {
		width: 11.7rem ;
		position: absolute;
		left: 4.13333cqw ;
		bottom: 0;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-setlist__logo {
		width: 8rem ;
		margin-top: 8rem ;
	}
}

/* ------------------------------------------------------------
 spotlight-tracklist
------------------------------------------------------------ */
.spotlight-tracklist {
	position: relative;
	z-index: 1;
}

.spotlight-tracklist__inner {
	container-type: inline-size;
}

/* ----------------------------------------
 spotlight-tracklist__disc
---------------------------------------- */
.spotlight-tracklist__disc {
	position: absolute;
	z-index: 10;
	-webkit-animation: rotate var(--animation-rotate);
	animation: rotate var(--animation-rotate);
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__disc {
		width: 81.3rem ;
		top: -13.2rem ;
		right: -14.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__disc {
		width: 49.3rem ;
		top: -17.9rem ;
		right: -16.3rem ;
	}
}

/* ----------------------------------------
 spotlight-tracklist__intro
---------------------------------------- */
.spotlight-tracklist__body {
	position: relative;
	z-index: 1;
	clip-path: polygon(0 0, 100% var(--slope-height), 100% 100%, 0 calc(100% - var(--slope-height)));
	margin: calc( var(--slope-height) * -1) 0;
	color: var(--color-txt);
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__body {
		--slope-height: 24rem ;
		padding: 38.9rem 0 54.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__body {
		--slope-height: 6.7rem ;
		padding: 37.6rem 0 32.9rem ;
	}
}

.spotlight-tracklist__body::before {
	--background: var( --color-gradation7 );
	top: 0;
	width: 100%;
	height: 100%;
}

/* ----------------------------------------
 spotlight-tracklist__intro
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-tracklist__intro {
		padding: 0 13.86667cqw;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__intro {
		padding: 0 7.5cqw;
	}
}

/* ---------- spotlight-tracklist__header ---------- */
.spotlight-tracklist__title {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.spotlight-tracklist__title span:nth-of-type(1) {
	display: block;
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: -0.08em;
}

.spotlight-tracklist__title span:nth-of-type(1)::before, .spotlight-tracklist__title span:nth-of-type(1)::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-tracklist__title span:nth-of-type(1)::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-tracklist__title span:nth-of-type(1)::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__title span:nth-of-type(1) {
		font-size: var(--font-size114);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__title span:nth-of-type(1) {
		font-size: var(--font-size70);
	}
}

.spotlight-tracklist__title span:nth-of-type(2) {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__title span:nth-of-type(2) {
		top: -3.7rem ;
		left: 9.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__title span:nth-of-type(2) {
		top: -2.7rem ;
		left: 5.6rem ;
	}
}

/* ---------- spotlight-tracklist__contents ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-tracklist__contents {
		margin-top: 7.5rem ;
		padding: 0 0.73333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__contents {
		margin-top: 4.1rem ;
		margin-left: 5.2rem ;
	}
}

.spotlight-tracklist__catch {
	position: relative;
	font-weight: 700;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__catch {
		font-size: var(--font-size26);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__catch {
		font-size: var(--font-size16);
		--line-height: 1.75;
	}
}

.spotlight-tracklist__catch::before {
	content: '';
	display: block;
	height: 1px;
	background-color: currentColor;
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__catch::before {
		width: 6rem ;
		left: -7.7rem ;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__catch::before {
		width: 3.4rem ;
		top: 0.9rem ;
		left: -5.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__txt {
		margin-top: 4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__txt {
		margin-top: 2.4rem ;
	}
}

.spotlight-tracklist__selecter {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__selecter {
		gap: 1.1rem ;
		margin-top: 2.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__selecter {
		gap: 0.7rem ;
		margin-top: 1.2rem ;
	}
}

.spotlight-tracklist__selecter img {
	border-radius: 50%;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__selecter img {
		width: 5.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__selecter img {
		width: 4.5rem ;
	}
}

.spotlight-tracklist__selecter figcaption {
	display: flex;
	align-items: center;
	gap: 0.8rem ;
}

.spotlight-tracklist__selecter span {
	display: block;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
}

.spotlight-tracklist__selecter span::before, .spotlight-tracklist__selecter span::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-tracklist__selecter span::before {
	margin-top: var(--font-sans-serif-top);
}

.spotlight-tracklist__selecter span::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

.spotlight-tracklist__selecter span:nth-of-type(1) {
	background-color: var(--color-txt);
	color: var(--color-txt8);
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__selecter span:nth-of-type(1) {
		font-size: var(--font-size12);
		padding: 0.4rem 0.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__selecter span:nth-of-type(1) {
		font-size: var(--font-size9);
		padding: 0.3rem 0.4rem ;
	}
}

.spotlight-tracklist__selecter span:nth-of-type(2) {
	text-transform: uppercase;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__selecter span:nth-of-type(2) {
		font-size: var(--font-size14);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__selecter span:nth-of-type(2) {
		font-size: var(--font-size11);
	}
}

/* ----------------------------------------
 spotlight-tracklist__list
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-tracklist__list {
		display: flex;
		flex-wrap: wrap;
		margin-top: 9.6rem ;
		padding: 0 8cqw 0 8.86667cqw;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__list {
		margin-top: 6.3rem ;
		padding: 0 7.5cqw;
	}
}

/* ---------- spotlight-tracklist__cell ---------- */
.spotlight-tracklist__cell {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell {
		width: 23.53333cqw ;
	}
	.spotlight-tracklist__cell:not(:nth-of-type(3n-2)) {
		margin-left: 4.53333cqw ;
	}
	.spotlight-tracklist__cell:nth-of-type(n-4) {
		margin-top: 6.8rem ;
	}
	.spotlight-tracklist__cell:nth-of-type(4) {
		margin-left: 2.8cqw ;
	}
	.spotlight-tracklist__cell:nth-of-type(4)::after {
		content: '';
		display: block;
		background-size: 100% 100%;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		width: 10.8cqw ;
		height: 1.2cqw ;
		background-image: url("../img/spotlight/tracklist_line-pc.svg");
		top: 7.1rem ;
		left: -7.73333cqw ;
	}
	.spotlight-tracklist__cell:nth-of-type(5)::before {
		width: 6.46667cqw ;
		height: 0.73333cqw ;
		background-image: url("../img/spotlight/tracklist_line2-pc.svg");
		right: -3.46667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell + .spotlight-tracklist__cell {
		margin-top: 5.4rem ;
	}
	.spotlight-tracklist__cell:nth-of-type(1), .spotlight-tracklist__cell:nth-of-type(2) {
		min-height: 27.3rem ;
	}
	.spotlight-tracklist__cell:nth-of-type(3), .spotlight-tracklist__cell:nth-of-type(4) {
		min-height: 22.9rem ;
	}
	.spotlight-tracklist__cell:nth-of-type(5) {
		min-height: 25.1rem ;
	}
	.spotlight-tracklist__cell:nth-of-type(1)::before {
		height: 21.7rem ;
		background-image: url("../img/spotlight/tracklist_line-sp_1.svg");
	}
	.spotlight-tracklist__cell:nth-of-type(2)::before {
		height: 21.5rem ;
		background-image: url("../img/spotlight/tracklist_line-sp_2.svg");
	}
	.spotlight-tracklist__cell:nth-of-type(3)::before {
		height: 17.1rem ;
		background-image: url("../img/spotlight/tracklist_line-sp_3.svg");
	}
	.spotlight-tracklist__cell:nth-of-type(4)::before {
		height: 15.2rem ;
		background-image: url("../img/spotlight/tracklist_line-sp_4.svg");
	}
	.spotlight-tracklist__cell:nth-of-type(5)::before {
		height: 20.1rem ;
		background-image: url("../img/spotlight/tracklist_line-sp_5.svg");
	}
}

.spotlight-tracklist__cell::before {
	content: '';
	display: block;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell::before {
		width: 10.8cqw ;
		height: 1.2cqw ;
		background-image: url("../img/spotlight/tracklist_line-pc.svg");
		top: 7.1rem ;
		right: -7.73333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell::before {
		width: 2.9rem ;
		top: 8.7rem ;
		left: 1.8rem ;
	}
}

.spotlight-tracklist__cell__en {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	background-color: var(--color-bg);
	text-transform: uppercase;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
}

.spotlight-tracklist__cell__en::before, .spotlight-tracklist__cell__en::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-tracklist__cell__en::before {
	margin-top: var(--font-sans-serif-top);
}

.spotlight-tracklist__cell__en::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell__en {
		font-size: var(--font-size12);
		padding: 0.5rem 0.4rem ;
		margin-inline: auto;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell__en {
		font-size: var(--font-size10);
		padding: 0.5rem 0.4rem 0.4rem ;
		margin-left: 1.2rem ;
	}
}

.spotlight-tracklist__cell__year {
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
}

.spotlight-tracklist__cell__year::before, .spotlight-tracklist__cell__year::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-tracklist__cell__year::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-tracklist__cell__year::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell__year {
		text-align: center;
		font-size: var(--font-size81);
		margin-top: 1.8rem ;
		padding-left: 0.11111em;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell__year {
		font-size: var(--font-size52);
		margin-top: 1.3rem ;
		margin-left: 1.2rem ;
	}
}

.spotlight-tracklist__cell__title {
	font-family: var(--font-mincho);
	font-weight: 700;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell__title {
		text-align: center;
		font-size: var(--font-size24);
		margin-top: 3.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell__title {
		font-size: var(--font-size20);
		margin-top: 4rem ;
		margin-left: 6.8rem ;
	}
}

.spotlight-tracklist__cell__illust {
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell__illust {
		height: 17.6rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_1"] {
		width: 19rem ;
		margin-bottom: 1.6rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_2"] {
		width: 20.5rem ;
		margin-bottom: -1rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_3"] {
		width: 22.4rem ;
		margin-left: 1.5rem ;
		margin-bottom: -0.4rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_4"] {
		width: 14.5rem ;
		margin-bottom: -1.6rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_5"] {
		width: 19.3rem ;
		margin-bottom: -1.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell__illust img {
		position: absolute;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_1"] {
		width: 13rem ;
		top: -1.1rem ;
		right: 0.6rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_2"] {
		width: 14.2rem ;
		top: 0.4rem ;
		right: 0.1rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_3"] {
		width: 15.5rem ;
		top: -1.8rem ;
		right: 0.5rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_4"] {
		width: 10rem ;
		top: 0 ;
		right: 2.2rem ;
	}
	.spotlight-tracklist__cell__illust [src*="tracklist_illust_5"] {
		width: 13.3rem ;
		top: 0.8rem ;
		right: 0.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell__txt {
		margin-top: 2.3rem ;
		margin-left: 6.8rem ;
	}
}

/* ---------- spotlight-tracklist__cell2 ---------- */
.spotlight-tracklist__cell2 {
	position: relative;
	container-type: inline-size;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell2 {
		width: 24cqw ;
		margin-top: 6.8rem ;
		margin-left: 4.6cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell2 {
		width: 34rem ;
		margin-inline: auto;
		margin-top: 6rem ;
	}
}

.spotlight-tracklist__cell2 a {
	display: block;
	transition: opacity var(--transition-hover);
}

@media (hover: hover) {
	.spotlight-tracklist__cell2 a:hover {
		opacity: var(--hover-opacity);
	}
}

.spotlight-tracklist__cell2__illust {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__cell2__illust {
		width: 45.55556cqw ;
		right: -7.5cqw ;
		bottom: 11.11111cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__cell2__illust {
		width: 37.05882cqw ;
		right: 2.35294cqw ;
		bottom: 13.52941cqw ;
	}
}

/* ----------------------------------------
 spotlight-tracklist__logo
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-tracklist__logo {
		margin-top: 22.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__logo {
		margin-top: 12.7rem ;
	}
}

/* ---------- spotlight-tracklist__logo__en ---------- */
.spotlight-tracklist__logo__en {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__logo__en {
		margin-left: 9.33333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__logo__en {
		display: none;
	}
}

.spotlight-tracklist__logo__en span {
	display: block;
	font-family: var(--font-serif);
	font-weight: 400;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__logo__en span {
		font-size: var(--font-size28);
	}
}

.spotlight-tracklist__logo__en span:not(:first-of-type) {
	display: flex;
	align-items: center;
	justify-content: center;
	border-left: var(--solid-current);
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__logo__en span:not(:first-of-type) {
		height: 2.8rem ;
		margin-left: 1.5rem ;
		padding-left: 1.3rem ;
	}
}

/* ---------- spotlight-tracklist__logo__title ---------- */
.spotlight-tracklist__logo__title {
	position: relative;
	z-index: 1;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.spotlight-tracklist__logo__title {
		width: 90.33333cqw ;
		margin-top: -6.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-tracklist__logo__title {
		width: 25.4rem ;
	}
}

/* ------------------------------------------------------------
 spotlight-next
------------------------------------------------------------ */
.spotlight-next {
	background-color: var(--color-accent6);
	color: var(--color-txt9);
}

@media screen and (min-width: 1024px) {
	.spotlight-next {
		padding-bottom: 15.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next {
		padding-bottom: 15.4rem ;
	}
}

.spotlight-next__inner {
	container-type: inline-size;
}

/* ----------------------------------------
 spotlight-next__cinema
---------------------------------------- */
.spotlight-next__cinema {
	--clip-size-large: calc(100% - var(--clip-size) - 1px);
	position: relative;
	z-index: 10;
	clip-path: polygon(var(--clip-size) 0, var(--clip-size-large) 0, 100% var(--clip-size), 100% var(--clip-size-large), var(--clip-size-large) 100%, var(--clip-size) 100%, 0 var(--clip-size-large), 0 var(--clip-size));
	margin-inline: auto;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 561px) {
	.spotlight-next__cinema {
		aspect-ratio: 1372 / 755;
		--clip-size: 2rem ;
		width: 91.46667cqw ;
		margin-top: -24.6rem ;
	}
}

@media screen and (max-width: 560px) {
	.spotlight-next__cinema {
		aspect-ratio: 355 / 496;
		--clip-size: 1.3rem ;
		width: 88.75cqw ;
		margin-top: -21.2rem ;
	}
}

/* ----------------------------------------
 spotlight-next__heading
---------------------------------------- */
.spotlight-next__heading {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__heading {
		margin-top: -1rem ;
		padding: 0 9.73333cqw;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__heading {
		margin-top: 9.2rem ;
		padding: 0 10cqw;
	}
}

/* ---------- spotlight-next__header ---------- */
.spotlight-next__title {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

.spotlight-next__title span:nth-of-type(1) {
	display: block;
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: -0.06em;
	white-space: nowrap;
}

.spotlight-next__title span:nth-of-type(1)::before, .spotlight-next__title span:nth-of-type(1)::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-next__title span:nth-of-type(1)::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-next__title span:nth-of-type(1)::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-next__title span:nth-of-type(1) {
		font-size: var(--font-size140);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__title span:nth-of-type(1) {
		font-size: var(--font-size76);
	}
}

.spotlight-next__title span:nth-of-type(2) {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__title span:nth-of-type(2) {
		top: -3rem ;
		left: 13.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__title span:nth-of-type(2) {
		top: -2.3rem ;
		left: 7.1rem ;
	}
}

/* ---------- spotlight-next__contents ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-next__contents {
		margin-top: 7.2rem ;
		margin-left: 6.13333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__contents {
		margin-top: 4.5rem ;
		margin-left: 6.6rem ;
	}
}

.spotlight-next__catch {
	position: relative;
	font-weight: 700;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__catch {
		font-size: var(--font-size26);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__catch {
		font-size: var(--font-size16);
	}
}

.spotlight-next__catch::before {
	content: '';
	display: block;
	height: 1px;
	background-color: currentColor;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

@media screen and (min-width: 1024px) {
	.spotlight-next__catch::before {
		width: 6rem ;
		left: -8.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__catch::before {
		width: 3.4rem ;
		left: -5.3rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__txt {
		margin-top: 3.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__txt {
		margin-top: 1.8rem ;
	}
}

/* ---------- spotlight-next__contents ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-next__member {
		width: 35.33333cqw ;
		position: absolute;
		right: 10.6cqw ;
		bottom: -1.53333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__member {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		min-width: 38rem ;
		width: 38rem ;
		margin-top: 4.6rem ;
	}
}

.spotlight-next__member ul, .spotlight-next__member li {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.spotlight-next__member li:nth-of-type(2) {
	z-index: 1;
}

/* ----------------------------------------
 spotlight-next__qa
---------------------------------------- */
.spotlight-next__qa {
	--clip-size-large: calc(100% - var(--clip-size) - 1px);
	position: relative;
	z-index: 1;
	clip-path: polygon(var(--clip-size) 0, var(--clip-size-large) 0, 100% var(--clip-size), 100% var(--clip-size-large), var(--clip-size-large) 100%, var(--clip-size) 100%, 0 var(--clip-size-large), 0 var(--clip-size));
	margin-inline: auto;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	color: var(--color-accent7);
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa {
		--clip-size: 2rem ;
		width: 86.66667cqw ;
		margin-top: 7.4rem ;
		padding: 2.9rem 5.2rem 2.9rem 5.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa {
		--clip-size: 1.3rem ;
		width: 85cqw ;
		margin-top: 5.4rem ;
		padding: 3.5rem 3.2rem 3.5rem ;
	}
}

.spotlight-next__qa dl {
	padding: 0 0.2rem ;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa dl {
		display: flex;
		align-items: center;
	}
}

.spotlight-next__qa dl + dl {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa dl + dl {
		margin-top: 2.3rem ;
		padding-top: 2.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa dl + dl {
		margin-top: 2.6rem ;
		padding-top: 2.2rem ;
	}
}

.spotlight-next__qa dl + dl::before {
	content: '';
	display: block;
	width: 100%;
	height: 2px;
	position: absolute;
	top: 0;
	left: 0;
	background-image: url("../img/spotlight/next_dot.webp");
	background-size: 5px 2px;
	background-repeat: repeat-x;
	background-position: 0 0;
}

.spotlight-next__qa dt,
.spotlight-next__qa dd {
	display: flex;
	align-items: center;
}

.spotlight-next__qa dt::before,
.spotlight-next__qa dd::before {
	display: block;
	font-family: var(--font-serif3);
	letter-spacing: -0.06em;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa dt::before,
	.spotlight-next__qa dd::before {
		font-size: var(--font-size32);
		margin-right: 1.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa dt::before,
	.spotlight-next__qa dd::before {
		font-size: var(--font-size25);
		margin-right: 1.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa dt {
		width: 29.5rem ;
	}
}

.spotlight-next__qa dt::before {
	content: 'Q. ';
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa dt span {
		font-size: var(--font-size16);
		--line-height: 1.5;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa dt span {
		font-size: var(--font-size14);
		--line-height: 1.5;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa dd {
		flex: 1;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa dd {
		align-items: flex-start;
		margin-top: 1.8rem ;
	}
}

.spotlight-next__qa dd::before {
	content: 'A. ';
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa dd::before {
		margin-top: 0.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa ul {
		display: flex;
		flex-wrap: wrap;
		gap: 2.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa ul {
		display: grid;
		gap: 0.3rem ;
	}
}

.spotlight-next__qa__cell {
	display: flex;
	align-items: center;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa__cell {
		gap: 0.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa__cell {
		gap: 0.8rem ;
	}
}

.spotlight-next__qa__cell figure {
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 50%;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa__cell figure {
		width: 5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa__cell figure {
		width: 3.5rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__qa__cell p {
		font-size: var(--font-size15);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__qa__cell p {
		font-size: var(--font-size12);
	}
}

/* ----------------------------------------
 spotlight-next__talk
---------------------------------------- */
.spotlight-next__talk {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk {
		margin-top: 20.5rem ;
	}
}

/* ---------- spotlight-next__talk__figure ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure {
		position: absolute;
		width: 64.6cqw ;
		top: -19.53333cqw ;
		left: -5.2cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure {
		width: 111.5cqw ;
		margin-top: -2.8rem ;
		margin-left: -17.5cqw ;
	}
}

/* ---------- spotlight-next__talk__contents ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-next__talk__contents {
		width: 33.86667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__contents {
		width: 80cqw ;
		margin-left: 12cqw ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__contents.-position1 {
		margin-left: auto;
		margin-right: 7.66667cqw ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__contents.-position2 {
		margin-top: -61rem ;
		margin-left: 10cqw ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__contents.-position3 {
		margin-top: -47.5rem ;
		margin-left: auto;
		margin-right: 7.73333cqw ;
	}
}

/* ----- spotlight-next__talk__title ----- */
.spotlight-next__talk__title {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border-bottom: var(--solid-current);
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: -0.04em;
}

.spotlight-next__talk__title::before, .spotlight-next__talk__title::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-next__talk__title::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-next__talk__title::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__title {
		font-size: var(--font-size30);
		padding-bottom: 1.4rem ;
		margin-left: 6.73333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__title {
		font-size: var(--font-size14);
		padding-bottom: 0.9rem ;
		margin-left: 5.5cqw ;
		margin-top: 8.5rem ;
	}
}

/* ----- spotlight-next__talk__catch ----- */
.spotlight-next__talk__catch {
	position: relative;
	z-index: 2;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__catch {
		width: 31.9rem ;
		margin-top: -3.9rem ;
		margin-left: 7.33333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__catch {
		width: 19.5rem ;
		margin-inline: auto;
		margin-top: -2.3rem ;
	}
	.spotlight-next__talk__catch img {
		-webkit-transform: translateX(-7%);
		transform: translateX(-7%);
	}
}

/* ----- spotlight-next__talk__figure2 ----- */
.spotlight-next__talk__figure2 {
	position: relative;
}

.spotlight-next__talk__figure2::before {
	content: '';
	display: block;
	height: 1px;
	background-image: url("../img/spotlight/next_dot2.webp");
	background-size: 5px 1px;
	background-repeat: repeat-x;
	background-position: 0 0;
	position: absolute;
	z-index: 0;
}

.spotlight-next__talk__figure2 img {
	position: relative;
	z-index: 2;
}

.spotlight-next__talk__figure2.-position1 {
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure2.-position1 {
		width: 22.26667cqw ;
		margin-top: -25.6rem ;
		margin-right: -13.53333cqw ;
		margin-bottom: 2.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure2.-position1 {
		width: 49cqw ;
		margin-top: -22.4rem ;
		margin-right: -19.75cqw ;
		margin-bottom: 9.5rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure2.-position1::before {
		width: 44.26667cqw ;
		left: -27cqw ;
		bottom: 5.26667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure2.-position1::before {
		width: 98.25cqw ;
		left: -50cqw ;
		bottom: -6.25cqw ;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.spotlight-next__talk__figure2.-position1::before {
		bottom: -2.5rem ;
	}
}

.spotlight-next__talk__figure2.-position2 {
	margin-left: auto;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure2.-position2 {
		width: 34.46667cqw ;
		margin-right: -3.6cqw ;
		margin-bottom: 8.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure2.-position2 {
		width: 76cqw ;
		margin-top: -4.3rem ;
		margin-right: -12.5cqw ;
		margin-bottom: 5.4rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure2.-position2::before {
		width: 56.13333cqw ;
		left: -19.13333cqw ;
		bottom: 2cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure2.-position2::before {
		width: 98.25cqw ;
		left: -15.5cqw ;
		bottom: 4.5cqw ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure2.-position3 {
		width: 43cqw ;
		margin-right: -13.86667cqw ;
		margin-left: auto;
		margin-bottom: 6.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure2.-position3 {
		width: 94.75cqw ;
		margin-top: -4.4rem ;
		margin-left: -21.25cqw ;
		margin-bottom: 4.8rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure2.-position3::before {
		width: 49.6cqw ;
		left: -11.8cqw ;
		bottom: 3.6cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure2.-position3::before {
		width: 98.25cqw ;
		right: -26cqw ;
		bottom: 5.75cqw ;
	}
}

/* ----- spotlight-next__talk__cell ----- */
.spotlight-next__talk__cell {
	position: relative;
	z-index: 10;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__cell + .spotlight-next__talk__cell {
		margin-top: 5.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__cell + .spotlight-next__talk__cell {
		margin-top: 4.4rem ;
	}
}

.spotlight-next__talk__cell dt {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__talk__cell dt {
		width: 9.2rem ;
		top: -2.9rem ;
		left: -3.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__cell dt {
		width: 7.4rem ;
		top: -2.4rem ;
		left: -3rem ;
	}
}

.spotlight-next__talk__cell dd span {
	-webkit-margin-start: 4em;
	margin-inline-start: 4em;
}

/* ---------- spotlight-next__talk__figure3 ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-next__talk__figure3 {
		position: absolute;
		width: 61.8cqw ;
		left: -8cqw ;
		bottom: 2.2cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__talk__figure3 {
		width: 125cqw ;
		margin-top: -2.4rem ;
		margin-left: -21.75cqw ;
	}
}

/* ----------------------------------------
 spotlight-next__outro
---------------------------------------- */
.spotlight-next__outro {
	display: flex;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__outro {
		align-items: flex-end;
		justify-content: space-between;
		margin-top: -7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__outro {
		flex-direction: row-reverse;
		align-items: flex-end;
		justify-content: space-between;
	}
}

.spotlight-next__outro__figure {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__outro__figure {
		width: 30.33333cqw ;
		margin-left: 27.93333cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__outro__figure {
		width: 68cqw ;
		margin-right: -4cqw ;
		margin-left: auto;
	}
}

.spotlight-next__outro__figure img:nth-of-type(2) {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

@media screen and (min-width: 1024px) {
	.spotlight-next__outro__logo {
		width: 11.7rem ;
		margin-bottom: 5rem ;
		margin-right: 7.86667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-next__outro__logo {
		width: 8rem ;
		margin-left: 7.25cqw ;
		margin-bottom: 8.5cqw ;
	}
}

/* ------------------------------------------------------------
 spotlight-mc
------------------------------------------------------------ */
.spotlight-mc {
	color: var(--color-txt);
}

.spotlight-mc__body {
	-webkit-filter: var(--shadow3);
	filter: var(--shadow3);
}

.spotlight-mc__main {
	clip-path: polygon(var(--mask-tr) 0, 100% var(--mask-mr), 100% var(--mask-br), 0 100%, 0 var(--mask-tl));
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__main {
		--mask-tl: 9.8rem;
		--mask-tr: calc( 100% - 6.7rem );
		--mask-mr: 97.4rem;
		--mask-br: calc( 100% - 11.8rem );
		padding-bottom: 22rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__main {
		--mask-tl: 2.4rem;
		--mask-tr: calc( 100% - 5.4rem );
		--mask-mr: 76.3rem;
		--mask-br: 100%;
		padding-bottom: 12.4rem ;
	}
}

/* ----------------------------------------
 spotlight-mc__figure
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-mc__figure {
		max-width: 64.3rem ;
		width: 42.86667cqw ;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 10;
		clip-path: polygon(0% 96.7%, 100% 100%, 89.7% 0%, 10.5% 0%, 0% 96.7%);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__figure {
		position: relative;
		width: 100%;
		clip-path: polygon(0% 100%, 100% calc(100% - 2.5rem), var(--mask-tr) 0%, 0% 0%, 0% 100%);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__figure__content li {
		max-height: var(--mask-mr);
	}
}

.spotlight-mc__figure__content li::after {
	content: '';
	display: block;
	padding-top: 148.98911%;
}

.spotlight-mc__figure__dots {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__figure__dots {
		left: 3.3rem ;
		bottom: 4.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__figure__dots {
		right: 3.2rem ;
		bottom: 4.1rem ;
	}
}

/* ----------------------------------------
 spotlight-mc__inner
---------------------------------------- */
.spotlight-mc__inner {
	position: relative;
	container-type: inline-size;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__inner {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
	}
}

/* ----------------------------------------
 spotlight-mc__contents
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-mc__contents {
		width: 46.73333cqw ;
		margin-left: 7.33333cqw ;
		padding-top: 24.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__contents {
		margin-top: 4.8rem ;
		padding: 0 9cqw ;
	}
}

/* ---------- spotlight-mc__header ---------- */
.spotlight-mc__header {
	display: flex;
	align-items: center;
}

.spotlight-mc__title {
	position: relative;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__title {
		margin-top: 2.5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__title {
		margin-top: 1.1rem ;
	}
}

.spotlight-mc__title span:nth-of-type(1) {
	display: block;
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: -0.08em;
}

.spotlight-mc__title span:nth-of-type(1)::before, .spotlight-mc__title span:nth-of-type(1)::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-mc__title span:nth-of-type(1)::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-mc__title span:nth-of-type(1)::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__title span:nth-of-type(1) {
		font-size: var(--font-size76);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__title span:nth-of-type(1) {
		font-size: var(--font-size48);
	}
}

.spotlight-mc__title span:nth-of-type(2) {
	position: absolute;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__title span:nth-of-type(2) {
		top: -4.5rem ;
		left: 15.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__title span:nth-of-type(2) {
		top: 4.7rem ;
		left: 7.8rem ;
	}
}

.spotlight-mc__figure2 {
	-webkit-filter: var(--shadow2);
	filter: var(--shadow2);
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__figure2 {
		width: 21rem ;
		margin-left: 3.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__figure2 {
		width: 15.4rem ;
		margin-left: 2.6rem ;
	}
}

/* ---------- spotlight-mc__catch ---------- */
.spotlight-mc__catch {
	color: var(--color-txt10);
	font-family: var(--font-mincho);
	font-weight: 400;
	letter-spacing: 0.02em;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__catch {
		font-size: var(--font-size32);
		--line-height: 1.84375;
		margin-top: 9.1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__catch {
		font-size: var(--font-size23);
		--line-height: 1.82609;
		margin-top: 4.4rem ;
	}
}

/* ---------- spotlight-mc__txt ---------- */
.spotlight-mc__txt {
	overflow: hidden;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__txt {
		margin-top: 6.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__txt {
		margin-top: 3.3rem ;
	}
}

.spotlight-mc__txt__shape {
	float: right;
	height: var(--height);
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__txt__shape {
		width: 7.7rem ;
		min-height: 107.2rem ;
		shape-outside: polygon(100% 0, 100% 100%, 0% 100%, 7.7rem 0);
	}
}

/* ----------------------------------------
 spotlight-mc__aside
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.spotlight-mc__aside {
		width: 28.46667cqw ;
		margin-top: 66.53333cqw ;
		margin-right: 7.66667cqw ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside {
		margin-top: 6rem ;
		padding: 0 9cqw ;
	}
}

/* ---------- spotlight-mc__aside__profile ---------- */
.spotlight-mc__aside__profile {
	display: flex;
	align-items: center;
}

.spotlight-mc__aside__profile figure {
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 50%;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__profile figure {
		width: 5.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__profile figure {
		width: 4.5rem ;
	}
}

.spotlight-mc__aside__ja {
	font-family: var(--font-mincho);
	font-weight: 400;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__ja {
		font-size: var(--font-size26);
		margin-left: 1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__ja {
		font-size: var(--font-size22);
		margin-left: 1.4rem ;
	}
}

.spotlight-mc__aside__en {
	color: var(--color-txt10);
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
}

.spotlight-mc__aside__en::before, .spotlight-mc__aside__en::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-mc__aside__en::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-mc__aside__en::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__en {
		font-size: var(--font-size14);
		margin-left: 1.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__en {
		font-size: var(--font-size12);
		margin-left: 0.7rem ;
	}
}

/* ---------- spotlight-mc__aside__point ---------- */
.spotlight-mc__aside__point {
	display: grid;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__point {
		gap: 0.3rem ;
		margin-top: 1.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__point {
		gap: 0.2rem ;
		margin-top: 1.1rem ;
	}
}

.spotlight-mc__aside__point span {
	display: block;
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	border: var(--solid-current);
	background-color: var(--color-accent5);
	font-weight: 400;
	letter-spacing: 0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__point span {
		font-size: var(--font-size14);
		padding: 0.5rem 0.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__point span {
		font-size: var(--font-size12);
		padding: 0.4rem 0.4rem ;
	}
}

/* ---------- spotlight-mc__aside__txt ---------- */
@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__txt {
		margin-top: 1.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__txt {
		margin-top: 1.7rem ;
	}
}

/* ---------- spotlight-mc__aside__support ---------- */
.spotlight-mc__aside__support {
	position: relative;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__support {
		margin-top: 4.6rem ;
		padding-top: 4.7rem ;
		display: flex;
		align-items: flex-start;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__support {
		margin-top: 4.2rem ;
		padding-top: 4rem ;
		display: flex;
		align-items: flex-start;
	}
}

.spotlight-mc__aside__support::before {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-image: url("../img/spotlight/mc_dot.webp");
	background-size: 5px 1px;
	background-repeat: repeat-x;
	background-position: 0 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

/* ----- spotlight-mc__aside__support__heading ----- */
@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__support__heading {
		width: 10.7rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__support__heading {
		width: 9rem ;
	}
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__support__ja {
		font-size: var(--font-size16);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__support__ja {
		font-size: var(--font-size13);
	}
}

.spotlight-mc__aside__support__en {
	color: var(--color-txt10);
	font-family: var(--font-serif3);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	letter-spacing: 0.04em;
}

.spotlight-mc__aside__support__en::before, .spotlight-mc__aside__support__en::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	font-size: inherit;
}

.spotlight-mc__aside__support__en::before {
	margin-top: var(--font-serif3-top);
}

.spotlight-mc__aside__support__en::after {
	margin-bottom: var(--font-serif3-bottom);
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__support__en {
		font-size: var(--font-size13);
		margin-top: 1.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__support__en {
		font-size: var(--font-size11);
		margin-top: 1.7rem ;
	}
}

/* ----- spotlight-mc__aside__support__list ----- */
.spotlight-mc__aside__support__list {
	display: grid;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__support__list {
		flex: 1;
		gap: 2.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__support__list {
		gap: 1.9rem ;
	}
}

.spotlight-mc__aside__support__list span {
	display: block;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__support__list span:nth-of-type(1) {
		font-size: var(--font-size16);
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__support__list span:nth-of-type(1) {
		font-size: var(--font-size13);
	}
}

.spotlight-mc__aside__support__list span:nth-of-type(2) {
	color: var(--color-txt10);
	font-weight: 400;
	letter-spacing: -0.04em;
}

@media screen and (min-width: 1024px) {
	.spotlight-mc__aside__support__list span:nth-of-type(2) {
		font-size: var(--font-size14);
		margin-top: 0.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-mc__aside__support__list span:nth-of-type(2) {
		font-size: var(--font-size12);
		margin-top: 0.5rem ;
	}
}

/* ------------------------------------------------------------
 spotlight-outro
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.spotlight-outro {
		margin-top: -11.9rem ;
		padding-bottom: 3.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-outro {
		margin-top: -3rem ;
	}
}

.spotlight-outro__inner {
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media screen and (min-width: 1024px) {
	.spotlight-outro__inner {
		min-height: 103.95rem ;
		max-height: 138.6rem ;
		clip-path: polygon(0 11.5rem, 100% 0, 100% 100%, 0 calc(100% - 10.2rem));
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-outro__inner {
		min-height: 55.8rem ;
		max-height: 86.8rem ;
		clip-path: polygon(0 3.2rem, 100% 0, 100% 100%, 0 calc(100% - 2.3rem));
	}
}

.spotlight-outro__inner::after {
	content: '';
	display: block;
}

@media screen and (min-width: 1024px) {
	.spotlight-outro__inner::after {
		padding-top: 77%;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-outro__inner::after {
		padding-top: 155%;
	}
}

/* ---------- spotlight-outro__logo ---------- */
.spotlight-outro__logo {
	position: relative;
	z-index: 1;
}

@media screen and (min-width: 1024px) {
	.spotlight-outro__logo {
		width: 44.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.spotlight-outro__logo {
		width: 23.8rem ;
	}
}

/* ---------- spotlight-outro__figure ---------- */
.spotlight-outro__figure {
	z-index: 0;
}

@media screen and (max-width: 1023px) {
	.spotlight-outro__figure img {
		-o-object-position: 48% 50%;
		object-position: 48% 50%;
	}
}
/*# sourceMappingURL=sourcemaps/page-spotlight.css.map */