/**
 *
 * page-story.scss
 *
 */
/* ------------------------------------------------------------
 story-intro
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.story-intro {
		margin-top: 8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-intro {
		margin-top: 8.2rem ;
	}
}

@media screen and (max-width: 1023px) and (min-width: 561px) {
	.story-intro__inner {
		width: var(--contents-2xs);
		--outside: var( --contents-2xs-outside );
	}
}

@media screen and (max-width: 560px) {
	.story-intro__inner {
		--outside: var( --contents-outside );
	}
}

.story-intro__catch {
	font-family: var(--font-mincho);
	font-weight: 500;
	letter-spacing: 0.12em;
}

@media screen and (min-width: 1024px) {
	.story-intro__catch {
		text-align: right;
		font-size: var(--font-size26);
		margin-right: -1rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-intro__catch {
		width: calc( 100% + var(--outside));
		text-align: center;
		font-size: var(--font-size17);
		padding-left: 2em;
	}
}

.story-intro__en {
	text-align: center;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.story-intro__en {
		margin-top: 5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-intro__en {
		width: calc( 100% + var(--outside));
		margin-top: 3rem ;
		padding-left: 2.8rem ;
	}
}

@media screen and (min-width: 561px) {
	.story-intro__en img {
		width: 99.46524%;
	}
}

@media screen and (max-width: 560px) {
	.story-intro__en img {
		width: 71.47059%;
	}
}

@media screen and (min-width: 1024px) {
	.story-intro__figure {
		margin-top: 0.6rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-intro__figure {
		width: calc( 100% + var(--outside));
		border-top-right-radius: 0px;
		border-bottom-right-radius: 0px;
		margin-top: 3.3rem ;
	}
}

.story-intro__txt {
	text-align: center;
}

@media screen and (min-width: 1024px) {
	.story-intro__txt {
		margin-top: 9.4rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-intro__txt {
		margin-top: 9.2rem ;
	}
}

/* ------------------------------------------------------------
 story-contents
------------------------------------------------------------ */
@media screen and (min-width: 1024px) {
	.story-contents {
		margin-top: 19.3rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents {
		margin-top: 13rem ;
	}
}

/* ----------------------------------------
 story-contents__header
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.story-contents__header {
		padding-left: 9.33333vw;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__header {
		display: flex;
		justify-content: flex-end;
		padding-right: var(--contents-2xs-outside);
	}
}

@media screen and (min-width: 1024px) {
	.story-contents__figures {
		margin-top: 13.4rem ;
	}
}

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

.story-contents__figures li {
	opacity: 0;
	transition: opacity var(--transition-fade);
}

.story-contents__figures li.is-current {
	opacity: 1;
}

/* ----------------------------------------
 story-contents__main
---------------------------------------- */
@media screen and (min-width: 1024px) {
	.story-contents__main {
		padding: 33rem 0 11.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__main {
		margin-top: 5.4rem ;
	}
}

/* ---------- story-contents__ep ---------- */
@media screen and (min-width: 1024px) {
	.story-contents__ep + .story-contents__ep {
		margin-top: 13.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__ep + .story-contents__ep {
		margin-top: 10rem ;
	}
}

/* ----- story-contents__ep__heading ----- */
@media screen and (min-width: 1024px) {
	.story-contents__ep__heading {
		padding: 0 8.93333vw;
		margin-bottom: 4.7rem ;
	}
	.story-contents__ep__heading.-right {
		display: flex;
		justify-content: flex-end;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__ep__heading {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		height: 53.5rem ;
		padding: 0 11.5vw;
		margin-bottom: 8.2rem ;
	}
}

.story-contents__ep__heading__title {
	position: relative;
	z-index: 100000;
}

@media screen and (min-width: 1024px) {
	.story-contents__ep__figure {
		display: none;
	}
}

/* ----- story-contents__ep__txt ----- */
@media screen and (min-width: 1024px) {
	.story-contents__ep__txt {
		padding: 0 var(--contents-outside);
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__ep__txt {
		padding: 0 var(--contents-md-outside);
	}
}

/* ---------- story-contents__continues ---------- */
.story-contents__continues {
	text-align: center;
	font-family: var(--font-sans-serif);
	padding-top: 0.1px;
	padding-bottom: 0.1px;
	font-weight: 400;
	letter-spacing: 0.02em;
}

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

.story-contents__continues::before {
	margin-top: var(--font-sans-serif-top);
}

.story-contents__continues::after {
	margin-bottom: var(--font-sans-serif-bottom);
}

@media screen and (min-width: 1024px) {
	.story-contents__continues {
		font-size: var(--font-size24);
		margin-top: 16.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__continues {
		font-size: var(--font-size18);
		margin-top: 9.5rem ;
	}
}

/* ---------- story-contents__profile ---------- */
.story-contents__profile {
	background-color: var(--color-bg4);
}

@media screen and (min-width: 1024px) {
	.story-contents__profile {
		width: calc( 100% - var(--contents-outside) * 2);
		margin-inline: auto;
		margin-top: 20.8rem ;
		padding: 9.5rem 6.6rem 8.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__profile {
		margin-top: 12rem ;
		padding: 7.7rem var(--contents-sm-outside) 10.9rem;
	}
}

.story-contents__profile__title {
	width: -webkit-fit-content;
	width: -moz-fit-content;
	width: fit-content;
	margin-inline: auto;
}

.story-contents__profile__figure {
	width: 100%;
	margin-inline: auto;
}

@media screen and (min-width: 1024px) {
	.story-contents__profile__figure {
		max-width: 20.2rem ;
		margin-top: 4.2rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__profile__figure {
		max-width: 16.8rem ;
		margin-top: 4rem ;
	}
}

.story-contents__profile__name-ja,
.story-contents__profile__name-en {
	text-align: center;
	font-family: var(--font-mincho);
	font-weight: 500;
}

.story-contents__profile__name-ja {
	letter-spacing: 0.02em;
}

@media screen and (min-width: 1024px) {
	.story-contents__profile__name-ja {
		font-size: var(--font-size24);
		margin-top: 3.9rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__profile__name-ja {
		font-size: var(--font-size22);
		margin-top: 3.6rem ;
	}
}

.story-contents__profile__name-en {
	letter-spacing: -0.02em;
}

@media screen and (min-width: 1024px) {
	.story-contents__profile__name-en {
		font-size: var(--font-size16);
		margin-top: 1.8rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__profile__name-en {
		font-size: var(--font-size14);
		margin-top: 1.6rem ;
	}
}

.story-contents__profile__txt {
	color: var(--color-txt7);
}

@media screen and (min-width: 1024px) {
	.story-contents__profile__txt {
		margin-top: 5rem ;
	}
}

@media screen and (max-width: 1023px) {
	.story-contents__profile__txt {
		margin-top: 4.6rem ;
	}
}
/*# sourceMappingURL=sourcemaps/page-story.css.map */