@charset "utf-8";
.kv {
	position: relative;
	padding:min(calc(120 / var(--vw-min) * 100vw),120px) 0 0;
	overflow: visible;
	--kv-slide-gap: min(calc(117 / var(--vw-min) * 100vw), 117px);
	--kv-offset-y: min(calc(520 / var(--vw-min) * 100vw), 520px);
}
@media screen and (max-width:768px){
	.kv {
		padding:0;
		--kv-slide-gap:calc(10 / var(--vw-min) * 100vw);
		--kv-offset-y:calc(128 / var(--vw-min) * 100vw);
	}
}
.kv:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: min(calc(280 / var(--vw-min) * 100vw),280px) 50vw 0 0;
	border-color: #FFF transparent transparent transparent;
	position: absolute;
	left:0;
	top:0;
	opacity:.8;
}
@media screen and (max-width:768px){
	.kv:before {
		border-width:calc(96 / var(--vw-min) * 100vw) calc(232 / var(--vw-min) * 100vw) 0 0;
	}
}
.kv:after {
	content:'';
	position: absolute;
	top:max(calc(-84 / var(--vw-min) * 100vw),-84px);
	left:50%;
	width:min(calc(412 / var(--vw-min) * 100vw),412px);
	height:min(calc(195 / var(--vw-min) * 100vw),195px);
	margin-left:max(calc(-206 / var(--vw-min) * 100vw),-206px);
	-webkit-mask:url(../img/common/logo/sublogo_vector.svg) no-repeat center center / contain;
	mask:url(../img/common/logo/sublogo_vector.svg) no-repeat center center / contain;
	background:var(--color-purple);
	opacity:.25;
}
@media screen and (max-width:768px){
	.kv:after {
		top:calc(-38 / var(--vw-min) * 100vw);
		width:calc(157 / var(--vw-min) * 100vw);
		height:calc(75 / var(--vw-min) * 100vw);
		margin-left:calc(-78.5 / var(--vw-min) * 100vw);
	}
}
.kv__swiperWrap {
	padding:0 min(calc(200 / var(--vw-min) * 100vw),200px);
	position: relative;
	z-index:50;
	overflow: visible;
}
@media screen and (max-width:768px){
	.kv__swiperWrap {
		padding:calc(40 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) 0;
		overflow: hidden;
	}
}
.kv__swiper.swiper {
	position: relative;
	box-sizing: content-box;
	overflow: visible !important;
	padding-bottom:35.300207039%;
}
@media screen and (max-width:768px){
	.kv__swiper.swiper {
		padding-bottom:calc(130 / var(--vw-min) * 100vw);
	}
}
.kv__swiper .swiper-wrapper {
	position: relative;
	z-index: 1;
}
.kv__swiper-slide {
	border:1px solid rgba(255,255,255,.8);
	overflow: hidden;
	--kv-dim:1;
}
.kv__swiper-slide img {
	width:100%;
	display: block;
	height:auto;
	filter:brightness(calc(1 + var(--kv-dim) * 3));
	opacity:calc(1 - var(--kv-dim) * 0.4);
	transition:filter 0.6s ease, opacity 0.6s ease;
}
.kv__swiper.is-kvDimDirect .kv__swiper-slide img {
	transition:none;
}
.kv__swiper-slide.swiper-slide-active {
	z-index: 3;
}
.kv__swiper-slide.swiper-slide-next {
	z-index: 2;
}
.kv__swiper-slide.swiper-slide-prev {
	z-index: 1;
}
.kv__logos {
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	z-index:500;
	pointer-events: none;
}
.kv__logosin {
	position: relative;
	padding-top:35.300207039%;
	width:100%;
}
@media screen and (max-width:768px){
	.kv__logosin {
		padding-top:calc(130 / var(--vw-min) * 100vw);
	}
}
.kv__logo picture,
.kv__series picture,
.story__inLogo picture {
	height:100%;
}
.kv__logo img {
	width:100%;
	height:auto;
}
.kv__logo {
	position: absolute;
	height:146.627565982%;
	left:0;
	right:0;
	bottom:26.686217008%;
}
@media screen and (max-width:768px){
	.kv__logo {
		height:calc(191 / var(--vw-min) * 100vw);
		bottom:calc(36 / var(--vw-min) * 100vw);
	}
}
.kv__logo img {
	height:100%;
	display: block;
	width:auto;
	margin:0 auto;
}
.kv__series {
	position: absolute;
	height:35.190615835%;
	bottom:0;
	left:0;
	right:0;
}
.kv__series picture {
	display:block;
	height:100%;
	transition:opacity 0.4s ease;
}
.kv__series.is-logoHidden picture {
	opacity:0;
}
@media screen and (max-width:768px){
	.kv__series {
		height:calc(48 / var(--vw-min) * 100vw);
	}
}
.kv__series img {
	height:100%;
	display: block;
	width:auto;
	margin:0 auto;
}
.kv__sticky {
	position: absolute;
	left:0;
	top:0;
	right:0;
	padding:min(calc(120 / var(--vw-min) * 100vw),120px) min(calc(200 / var(--vw-min) * 100vw),200px) 0;
	z-index:120;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.kv__sticky {
		padding:calc(40 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) 0;
	}
}
.kv__sticky:before {
	content:'';
	display: block;
	width:100%;
	padding-top:141.408767494%;
}
.kv__startdate {
	position: absolute;
	left:min(calc(16 / var(--vw-min) * 100vw),16px);
	top:0;
	width:min(calc(168 / var(--vw-min) * 100vw),168px);
	height:100%;
	z-index:50;
	display: flex;
	align-items: flex-end;
}
@media screen and (max-width:768px){
	.kv__startdate {
		left:calc(4 / var(--vw-min) * 100vw);
		width:calc(48 / var(--vw-min) * 100vw);
		display: block;
	}
}
.kv__startdatein {
	position: sticky;
	left:0;
	bottom:min(calc(28 / var(--vw-min) * 100vw),28px);
	margin-top:min(calc(28 / var(--vw-min) * 100vw),28px);
	width:100%;
	height:min(calc(954 / var(--vw-min) * 100vw),954px);
	background:url(../img/top/startdate.svg) no-repeat center top / contain;
}
@media screen and (max-width:768px){
	.kv__startdatein {
		bottom:unset;
		top:calc(11.2 / var(--vw-min) * 100vw);
		margin-top:calc(11.2 / var(--vw-min) * 100vw);
		height:calc(275.203 / var(--vw-min) * 100vw);
		filter:drop-shadow(0 0 calc(2 / var(--vw-min) * 100vw) rgba(255,255,255,.9)) drop-shadow(0 0 calc(6 / var(--vw-min) * 100vw) rgba(255,255,255,.6));
	}
}
.kv__swiperSwitcher {
	pointer-events: auto;
	position: absolute;
	right:min(calc(63 / var(--vw-min) * 100vw),63px);
	top:min(calc(120 / var(--vw-min) * 100vw),120px);
	height:100%;
	z-index:50;
}
@media screen and (max-width:768px){
	.kv__swiperSwitcher {
		right:0;
		top:calc(63 / var(--vw-min) * 100vw);
	}
}
.kv__swiperSwitchLists {
	position: sticky;
	left:0;
	top:min(calc(77 / var(--vw-min) * 100vw),77px);
	width:min(calc(120 / var(--vw-min) * 100vw),120px);
	margin-bottom:min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
	.kv__swiperSwitchLists {
		position: sticky;
		left:0;
		top:calc(63 / var(--vw-min) * 100vw);
		width:calc(60 / var(--vw-min) * 100vw);
		margin-bottom:calc(63 / var(--vw-min) * 100vw);
	}
}
.kv__swiperSwitchItem {
	margin-bottom:min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
	.kv__swiperSwitchItem {
		margin-bottom:calc(1 / var(--vw-min) * 100vw);
	}
}
.kv__swiperSwitchLink {
	display: block;
	border:1px solid #fff;
	filter: grayscale(1);
	transition: filter 0.3s ease;
}
.kv__swiperSwitchLink.is-active {
	filter:grayscale(0);
}
.kv__swiperSwitchLink img {
	display: block;
	width:100%;
	height:auto;
}
.bnrs {
	margin-top:min(calc(60 / var(--vw-min) * 100vw),60px);
	position: relative;
	margin-bottom:min(calc(192 / var(--vw-min) * 100vw),192px);
}
@media screen and (max-width:768px){
	.bnrs {
		margin-top:calc(22 / var(--vw-min) * 100vw);
		margin-bottom:calc(96 / var(--vw-min) * 100vw);
	}
}
.bnrs:before {
	content:'';
	position: absolute;
	left:-50vw;
	right:-50vw;
	top:50%;
	height:1px;
	background:#fff;
	opacity:.4;
	transform:rotate(-10deg);
}
@media screen and (max-width:768px){
	.bnrs:before {
		top:0;
	}
}
.bnrs__inner {
	width:min(calc(990 / var(--vw-min) * 100vw),990px);
	margin:0 auto;
	position: relative;
}
@media screen and (max-width:768px){
	.bnrs__inner {
		width:100%;
	}
}
.bnrs__swiper {
	overflow: hidden;
	padding-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.bnrs__swiper {
		padding-bottom:calc(24 / var(--vw-min) * 100vw);
	}
}
.bnrs__swiper-slide {
	width:min(calc(330 / var(--vw-min) * 100vw),330px);
}
@media screen and (max-width:768px){
	.bnrs__swiper-slide {
		width:calc(288 / var(--vw-min) * 100vw);
	}
}
.bnrs__swiperLink {
	width:min(calc(306 / var(--vw-min) * 100vw),306px);
	margin:0 auto;
	position: relative;
	display: block;
	height:min(calc(116 / var(--vw-min) * 100vw),116px);
	padding:min(calc(17 / var(--vw-min) * 100vw),17px) min(calc(3 / var(--vw-min) * 100vw),3px) min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.bnrs__swiperLink {
		width:calc(279 / var(--vw-min) * 100vw);
		height:calc(106 / var(--vw-min) * 100vw);
		padding:calc(15 / var(--vw-min) * 100vw) calc(3 / var(--vw-min) * 100vw) calc(3 / var(--vw-min) * 100vw);
	}
}
.bnrs__swiperLink:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background: url(../img/common/deco/bnr.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.bnrs__swiperLink:before {
		background-image: url(../img/common/deco/bnr-s.svg);
	}
}
.bnrs__swiperLink img {
	display: block;
	position: relative;
	z-index:10;
	width:100%;
	height:auto;
}
.bnrs.is-static .bnr__navLists,
.bnrs.is-static .bnrs__pagination {
	display: none;
}
.bnrs.is-static .bnrs__swiper {
	overflow: visible;
	padding-bottom: 0;
}
.bnrs.is-static .bnrs__swiper-wrapper {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	transform: none !important;
	transition-duration: 0ms !important;
}
.bnrs.is-static .bnrs__swiper-slide {
	flex-shrink: 0;
}
.bnr__navLists {
	position: absolute;
	top:min(calc(18 / var(--vw-min) * 100vw),18px);
	left:max(calc(-38 / var(--vw-min) * 100vw),-38px);
	right:max(calc(-38 / var(--vw-min) * 100vw),-38px);
	pointer-events: none;
	display: flex;
	justify-content: space-between;

}
@media screen and (max-width:768px){
	.bnr__navLists {
		display: none;
	}
}
.bnr__navItem {
	width:min(calc(18 / var(--vw-min) * 100vw),18px);
}
.bnr__navItem:last-child {
	transform: rotate(180deg);
}
.bnr__navLink {
	display: block;
	position: relative;
	height:min(calc(80 / var(--vw-min) * 100vw),80px);
	pointer-events: auto
}
.bnr__navLink:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/common/arrow/arrow.svg) no-repeat center center / contain;
	transition:transform 0.3s ease;
}
.bnr__navLink:hover:before {
	content:'';
	transform: translateX(max(calc(-5 / var(--vw-min) * 100vw),-5px));
}
.bnrs__pagination {
	position: absolute;
	left:auto !important;
	right:min(calc(12 / var(--vw-min) * 100vw),12px) !important;
	bottom:0 !important;
	top:auto !important;
	width:auto !important;
	display: flex;
	justify-content: flex-end;
	gap:min(calc(2 / var(--vw-min) * 100vw),2px);
	margin:0;
	padding:0;
	list-style:none;
	z-index:20;
	pointer-events: auto;
	transform:none !important;
}
@media screen and (max-width:768px){
	.bnrs__pagination {
		right:calc(48 / var(--vw-min) * 100vw) !important;
		gap:calc(2 / var(--vw-min) * 100vw);
	}
}
.bnrs__pagination.swiper-pagination-horizontal {
	left:auto !important;
	right:0;
	width:auto !important;
}
.bnrs__paginationItem {
	display: block;
	width:min(calc(6 / var(--vw-min) * 100vw),6px);
	height:min(calc(16 / var(--vw-min) * 100vw),16px);
	background:#fff;
	opacity:.35;
	cursor:pointer;
	transition:opacity 0.3s ease;
}
.bnrs__paginationItem.is-active {
	opacity:1;
}
.movie{
	position: relative;
	margin-bottom:min(calc(108 / var(--vw-min) * 100vw),108px);
	z-index:120;
}
@media screen and (max-width:768px){
	.movie{
		margin-bottom:calc(30 / var(--vw-min) * 100vw);
	}
}
.movie__inner {
	padding:min(calc(40 / var(--vw-min) * 100vw),40px);
	position: relative;
	background:var(--color-lightpurple);
}
@media screen and (max-width:768px){
	.movie__inner {
		padding:calc(14 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw);
	}
	.movie__inner:before {
		content:'';
		position: absolute;
		left:0;
		bottom:0;
		right:0;
		height:calc(14 / var(--vw-min) * 100vw);
		background:rgba(189, 126, 255, 1);
	}
}
.movie__content {
	position: relative;
	padding-top:56.25%;
	background:#000;
	overflow:hidden;
}
.movie__mask {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:40;
	background:#000;
	pointer-events:none;
	transform:translateX(101%);
	transition:transform 0.34s cubic-bezier(0.76, 0, 0.24, 1);
	will-change:transform;
}
.movie__mask.is-cover {
	transform:translateX(0);
}
.movie__mask.is-out {
	transform:translateX(-101%);
}
.movie__mask.is-instant {
	transition:none;
}
.movie__mask--title {
	top:50%;
	bottom:auto;
	height:1em;
	margin-top:-0.5em;
}
@media (prefers-reduced-motion: reduce){
	.movie__mask {
		display:none;
	}
}
.movie__inner,
.movie__title {
	opacity:0;
	transform:translateY(min(calc(60 / var(--vw-min) * 100vw),60px));
	transition:opacity 1s cubic-bezier(0.16,1,0.3,1), transform 1s cubic-bezier(0.16,1,0.3,1);
	will-change:opacity, transform;
}
.movie.is-reveal .movie__inner,
.movie.is-reveal .movie__title {
	opacity:1;
	transform:translateY(0);
}
.movie.is-reveal .movie__title {
	transition-delay:0.22s;
}
@media (prefers-reduced-motion: reduce){
	.movie__inner,
	.movie__title {
		opacity:1;
		transform:none;
		transition:none;
	}
}
.movie__bg {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:0;
	overflow:hidden;
}
.movie__bgYt {
	position: absolute;
	left:50%;
	top:50%;
	width:100%;
	height:100%;
	transform:translate(-50%,-50%);
	pointer-events:none;
}
@media screen and (max-width:768px){
	.movie__bgYt {
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		transform:unset;
		pointer-events:none;
	}
}
.movie__bgYt iframe {
	position: absolute;
	left:50%;
	top:50%;
	width:177.78vh;
	height:100%;
	min-width:100%;
	min-height:56.25vw;
	transform:translate(-50%,-50%);
	border:0;
	pointer-events:none;
}
@media screen and (max-width:768px){
	.movie__bgYt iframe {
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		min-width:100%;
		min-height:unset;
		transform:unset;
	}
}
.movie__deco {
	position: absolute;
	pointer-events: none;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.movie__decoText {
	position: absolute;
	top:0;
	bottom:0;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	display: flex;
	justify-content: center;
	align-items: center;
	writing-mode: vertical-rl;
	font-family: var(--font-jost);
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	letter-spacing: .4em;
	color:#fff;
	z-index:50;
}
@media screen and (max-width:768px){
	.movie__decoText {
		width:calc(14 / var(--vw-min) * 100vw);
		font-size:calc(6 / var(--vw-min) * 100vw);
	}
}
.movie__decoText.--decoText-l {
	left:0;
}
.movie__decoText.--decoText-r {
	right:0;
}
.movie__decoBlock {
	position: absolute;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	border:1px solid rgba(255,255,255,.6);
}
@media screen and (max-width:768px){
	.movie__decoBlock {
		width:calc(7 / var(--vw-min) * 100vw);
		height:calc(14 / var(--vw-min) * 100vw);
		border:1px solid rgba(255,255,255,.4);
	}
}
.movie__decoBlock.--decoBlock-rt {
	top:min(calc(40 / var(--vw-min) * 100vw),40px);
	right:min(calc(10 / var(--vw-min) * 100vw),10px);
	background:var(--color-lightgreen);
}
@media screen and (max-width:768px){
	.movie__decoBlock.--decoBlock-rt {
		top:calc(14 / var(--vw-min) * 100vw);
		right:calc(3.5 / var(--vw-min) * 100vw);
	}
}
.movie__decoBlock.--decoBlock-lb {
	bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
	left:min(calc(10 / var(--vw-min) * 100vw),10px);
	background:var(--color-lightgreen);
}
@media screen and (max-width:768px){
	.movie__decoBlock.--decoBlock-lb {
		bottom:calc(28 / var(--vw-min) * 100vw);
		left:calc(3.5 / var(--vw-min) * 100vw);
	}
}
.movie__decoBlock.--decoBlock-lb2 {
	bottom:min(calc(84 / var(--vw-min) * 100vw),84px);
	left:min(calc(10 / var(--vw-min) * 100vw),10px);
	background:var(--color-purple);
}
@media screen and (max-width:768px){
	.movie__decoBlock.--decoBlock-lb2 {
		bottom:calc(43 / var(--vw-min) * 100vw);
		left:calc(3.5 / var(--vw-min) * 100vw);
	}
}
.movie__swiper {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}
.movie__swiperLink {
	display: flex;
	height:100%;
	justify-content: center;
	align-items: center;
	position: relative;
}
.movie__swiperLink:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/top/movie/mask.png) repeat center center / min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.movie__swiperLink:before {
		background-size:calc(8 / var(--vw-min) * 100vw);
	}
}
@supports (background-image:url(../img/top/movie/mask.webp)) {
	.movie__swiperLink:before {
		background-image:url(../img/top/movie/mask.webp);
	}
}
.movie__playIcon {
	display: block;
	position: relative;
	z-index:50;
	width:min(calc(136 / var(--vw-min) * 100vw),136px);
	height:min(calc(144 / var(--vw-min) * 100vw),144px);
	-webkit-mask:url(../img/common/icon/icon_play.svg) no-repeat center center / contain;
	mask:url(../img/common/icon/icon_play.svg) no-repeat center center / contain;
	background:#fff;
	transition: background-color 0.3s ease;
}
@media screen and (max-width:768px){
	.movie__playIcon {
		width:calc(46 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover){
	.movie__swiperLink:hover .movie__playIcon {
		background:var(--color-purple);
	}
}
.movie__title {
	position: absolute;
	left:min(calc(51 / var(--vw-min) * 100vw),51px);
	top:max(calc(-65 / var(--vw-min) * 100vw),-65px);
	width:min(calc(263 / var(--vw-min) * 100vw),263px);
	height:min(calc(444 / var(--vw-min) * 100vw),444px);
	z-index:120;
	background: url(../img/top/movie/title.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.movie__title {
		left:calc(20 / var(--vw-min) * 100vw);
		top:calc(-33.13 / var(--vw-min) * 100vw);
		width:calc(93 / var(--vw-min) * 100vw);
		height:calc(147.13 / var(--vw-min) * 100vw);
	}
}
.movie.is-single .movie__navLists {
	display: none;
}
.movie__navLists {
	position: absolute;
	right:min(calc(16 / var(--vw-min) * 100vw),16px);
	top:max(calc(-65 / var(--vw-min) * 100vw),-65px);
	width:min(calc(224 / var(--vw-min) * 100vw),224px);
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.movie__navLists {
		right:calc(14 / var(--vw-min) * 100vw);
		top:calc(-32 / var(--vw-min) * 100vw);
		width:calc(120 / var(--vw-min) * 100vw);
	}
}
.movie__navItem {
	width:min(calc(104 / var(--vw-min) * 100vw),104px);
}
@media screen and (max-width:768px){
	.movie__navItem {
		width:calc(56 / var(--vw-min) * 100vw);
	}
}
.movie__navLink {
	display: block;
	height:min(calc(88 / var(--vw-min) * 100vw),88px);
	position: relative;
}
@media screen and (max-width:768px){
	.movie__navLink {
		height:calc(43 / var(--vw-min) * 100vw);
	}
}
.movie__navLink:before,
.movie__navLink:after{
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	transition: opacity 0.3s ease;
}
.movie__navLink--prev:before {
	background:url(../img/top/movie/prev_off.svg) no-repeat center center / contain;
}
.movie__navLink--prev:after {
	background:url(../img/top/movie/prev.svg) no-repeat center center / contain;
}
.movie__navLink--next:before {
	background:url(../img/top/movie/next_off.svg) no-repeat center center / contain;
}
.movie__navLink--next:after {
	background:url(../img/top/movie/next.svg) no-repeat center center / contain;
}
.movie__navLink:after {
	opacity:0;
}
@media screen and (max-width:768px){
	.movie__navLink:before {
		opacity:0;
	}
	.movie__navLink:after {
		opacity:1;
	}
}
@media screen and (hover:hover){
	.movie__navLink:hover:before {
		opacity:0;
	}
	.movie__navLink:hover:after {
		opacity:1;
	}
}
.movie__contentTitle {
	position: absolute;
	left:min(calc(40 / var(--vw-min) * 100vw),40px);
	right:min(calc(40 / var(--vw-min) * 100vw),40px);
	bottom:0;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	line-height:min(calc(40 / var(--vw-min) * 100vw),40px);
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-family: var(--font-serif);
	letter-spacing: 0.03em;
	color:#fff;
	background-image: url(../img/top/movie/content_title.svg),url(../img/top/movie/content_title.svg);
	background-position: left center,right center;
	background-repeat: no-repeat;
	background-size:min(calc(110 / var(--vw-min) * 100vw),110px) min(calc(24 / var(--vw-min) * 100vw),24px);
	padding:0 min(calc(118 / var(--vw-min) * 100vw),118px);
}
@media screen and (max-width:768px){
	.movie__contentTitle {
		background-image: url(../img/top/movie/content_title.svg);
		left:calc(14 / var(--vw-min) * 100vw);
		right:calc(14 / var(--vw-min) * 100vw);
		height:calc(28 / var(--vw-min) * 100vw);
		line-height:calc(28 / var(--vw-min) * 100vw);
		font-size:calc(12 / var(--vw-min) * 100vw);
		background-size:calc(92 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
		padding:0 0 0 calc(98 / var(--vw-min) * 100vw);
	}
}
.movie__contentTitlein {
	position: relative;
	overflow: hidden;
	width:100%;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}
.introduction {
	position: relative;
	padding-top:min(calc(108 / var(--vw-min) * 100vw),108px);
	--introduction-catch-blur: 16px;
	--introduction-catch-opacity: 0;
	--introduction-scroll-vh: 100;
	--introduction-catch-peak-vh: 50;
	--introduction-catch-lead-vh: 50;
	--introduction-catch-ramp-vh: 15;
	--introduction-catch-fade-vh: 55;
}
@media screen and (max-width:768px){
	.introduction {
		padding-top:calc(30 / var(--vw-min) * 100vw);
		--introduction-scatter-zone: 1145;
		--introduction-catch-blur: 16px;
		--introduction-catch-opacity: 0;
		--introduction-scroll-vh: 100;
		--introduction-catch-peak-vh: 50;
		--introduction-catch-lead-vh: 50;
		--introduction-catch-ramp-vh: 15;
		--introduction-catch-fade-vh: 55;
	}
}
.introduction__catchBg {
	position: fixed;
	left:50%;
	top:50%;
	width:min(calc(1190 / var(--vw-min) * 100vw),1190px);
	transform:translate(-50%, -50%);
	pointer-events:none;
	z-index:20;
	opacity:var(--introduction-catch-opacity, 0);
	filter:blur(var(--introduction-catch-blur, 16px));
	visibility:hidden;
}
.introduction__catchBg.is-active {
	visibility:visible;
}
.introduction__catchImg {
	display:block;
	width:100%;
	height:auto;
}
@media screen and (max-width:768px){
	.introduction__catchBg {
		width:calc(343 / var(--vw-min) * 100vw);
	}
}
.introduction:before {
	content:'OFF & MONSTER SEASON';
	writing-mode: vertical-rl;
	position: absolute;
	left:min(calc(38 / var(--vw-min) * 100vw),38px);
	line-height:1;
	color:#fff;
	letter-spacing: 1.84em;
	font-family: var(--font-jost);
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: 300;
	opacity:.6;
}
@media screen and (max-width:768px){
	.introduction:before {
		left:calc(8 / var(--vw-min) * 100vw);
		letter-spacing: 1.44em;
		font-size:calc(10 / var(--vw-min) * 100vw);
		top:calc(263 / var(--vw-min) * 100vw);
	}
}
.introduction__inner {
	width:min(calc(1290 / var(--vw-min) * 100vw),1290px);
	margin:0 auto;
	position: relative;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
	align-items: center;
	padding-right:min(calc(13 / var(--vw-min) * 100vw),13px);
	z-index:50;
	padding-bottom:calc(var(--introduction-scroll-vh) * 1vh);
	padding-bottom:calc(var(--introduction-scroll-vh) * 1dvh);
}
@media screen and (max-width:768px){
	.introduction__inner {
		display: block;
		width:calc(335 / var(--vw-min) * 100vw);
		padding-right:calc(4 / var(--vw-min) * 100vw);
		padding-bottom:calc(var(--introduction-scroll-vh) * 1vh);
		padding-bottom:calc(var(--introduction-scroll-vh) * 1dvh);
	}
}
.introduction__title{
	width:min(calc(414 / var(--vw-min) * 100vw),414px);
	height:min(calc(694 / var(--vw-min) * 100vw),694px);
	background:url(../img/top/introduction/title.svg) no-repeat center center / contain;
}
.introduction__title,
.introduction__textin,
.introduction__catchin {
	opacity:0;
	transform:translateY(max(calc(-50 / var(--vw-min) * 100vw),-50px)) scale(1.12);
	transition:opacity 0.9s ease, transform 1s cubic-bezier(0.16,1,0.3,1);
	transition-delay:var(--intro-reveal-delay, 0s);
}
.introduction.is-introReveal .introduction__title,
.introduction.is-introReveal .introduction__textin,
.introduction.is-introReveal .introduction__catchin {
	opacity:1;
	transform:none;
}
@media (prefers-reduced-motion: reduce){
	.introduction__title,
	.introduction__textin,
	.introduction__catchin {
		opacity:1;
		transform:none;
		transition:none;
	}
}
@media screen and (max-width:768px){
	.introduction__title{
		width:calc(185 / var(--vw-min) * 100vw);
		height:calc(258 / var(--vw-min) * 100vw);
		margin-left:auto;
		margin-bottom:calc(48 / var(--vw-min) * 100vw);
	}
}
.introduction__texts {
	writing-mode: vertical-rl;
	font-family: var(--font-serif);
	color:#fff;
	letter-spacing: .2em;
}
@media screen and (max-width:768px){
	.introduction__texts {
		margin:0 auto;
	}
}
.introduction__text {
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	line-height:min(calc(24 / var(--vw-min) * 100vw),24px);
	margin-left:min(calc(72 / var(--vw-min) * 100vw),72px);
}
@media screen and (max-width:768px){
	.introduction__text {
		font-size:calc(15 / var(--vw-min) * 100vw);
		line-height:calc(18 / var(--vw-min) * 100vw);
		margin-left:calc(28 / var(--vw-min) * 100vw);
	}
}
.introduction__textin {
	display: block;
	margin-left:min(calc(20 / var(--vw-min) * 100vw),20px);
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.introduction__textin {
		display: block;
		margin-left:calc(12 / var(--vw-min) * 100vw);
	}
}
.introduction__textin:last-child {
	margin-left:0;
}
.introduction__catch {
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	line-height:min(calc(28 / var(--vw-min) * 100vw),28px);
}
@media screen and (max-width:768px){
	.introduction__catch {
		font-size:calc(18 / var(--vw-min) * 100vw);
		line-height:calc(21 / var(--vw-min) * 100vw);
	}
}
.introduction__catchin {
	display: block;
	margin-left:min(calc(22 / var(--vw-min) * 100vw),22px);
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.introduction__catchin {
		margin-left:calc(13 / var(--vw-min) * 100vw);
	}
}
.introduction__catchin:last-child {
	margin-left:0;
}
.introduction__hypen {
	transform:scale(1,2);
	transform-origin: center top;
	display: inline-block;
}
.introduction__inner:after {
	content:'';
	display: block;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
}
.introduction__deco {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:30;
	pointer-events:none;
}
.introduction__deco:before {
	content:'';
	position: absolute;
	left:-50vw;
	top:min(calc(108 / var(--vw-min) * 100vw),108px);
	right:-50vw;
	height:1px;
	background:#fff;
	transform:rotate(9deg);
	opacity:.6;
}
@media screen and (max-width:768px){
	.introduction__deco:before {
		top:calc(75 / var(--vw-min) * 100vw);
	}
}
.introduction__deco:after {
	content:'';
	position:absolute;
	top:min(calc(-110 / var(--vw-min) * 100vw),-110px);
	right:50%;
	transform:rotate(-30deg);
	width:100vw;
	transform-origin: right top;
	height:1px;
	background:#fff;
	opacity:.6;
}
@media screen and (max-width:768px){
	.introduction__deco:after {
		top:calc(-30 / var(--vw-min) * 100vw);
		right:30vw;
	}
}
.introduction__decoin {
	position: absolute;
	left:50%;
	bottom:0;
	width:min(calc(1290 / var(--vw-min) * 100vw),1290px);
	height:calc(var(--introduction-scroll-vh) * 1vh);
	height:calc(var(--introduction-scroll-vh) * 1dvh);
	transform:translateX(-50%);
	--introduction-scatter-stroke:rgba(255,255,255,.4);
}
@media screen and (max-width:768px){
	.introduction__decoin {
		position: absolute;
		left:0;
		bottom:0;
		width:100%;
		height:calc(var(--introduction-scroll-vh) * 1vh);
		height:calc(var(--introduction-scroll-vh) * 1dvh);
		transform:unset;
		--introduction-scatter-stroke:rgba(255,255,255,.4);
	}
}
.introduction__decoin::before {
	content:'';
	position: absolute;
	left:50%;
	top:50%;
	width:min(calc(14 / var(--vw-min) * 100vw),14px);
	height:min(calc(534 / var(--vw-min) * 100vw),534px);
	transform:translate(-50%, -50%);
	background:url(../img/top/introduction/entext.svg) no-repeat center center / contain;
	pointer-events:none;
}
@media screen and (max-width:768px){
	.introduction__decoin::before {
		width:calc(10 / var(--vw-min) * 100vw);
		height:calc(340 / var(--vw-min) * 100vw);
	}
}
.introduction__scatter {
	position: absolute;
	will-change:transform;
}
.introduction__scatterImg {
	display:block;
	width:100%;
	height:auto;
	position: relative;
	z-index:2;
}
.introduction__scatterFrame {
	position: absolute;
	z-index:1;
	border:1px solid var(--introduction-scatter-stroke);
	pointer-events:none;
}
.introduction__scatter--1 .introduction__scatterImg,
.introduction__scatter--2 .introduction__scatterImg {
	border:1px solid var(--introduction-scatter-stroke);
	box-sizing:border-box;
}
.introduction__scatterDeco {
	position: absolute;
	pointer-events:none;
	will-change:transform;
}
.introduction__scatterDeco--box40 {
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	background:var(--introduction-scatter-stroke);
	left:min(calc(1280 / var(--vw-min) * 100vw),1280px);
	top:calc(84 / 1236 * var(--introduction-scroll-vh) * 1vh);
	top:calc(84 / 1236 * var(--introduction-scroll-vh) * 1dvh);
}
.introduction__scatterDeco--line {
	width:min(calc(96 / var(--vw-min) * 100vw),96px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	box-sizing:border-box;
	border:1px solid var(--introduction-scatter-stroke);
	background:
		linear-gradient(to top right, transparent 49.5%, var(--introduction-scatter-stroke) 49.5%, var(--introduction-scatter-stroke) 50.5%, transparent 50.5%),
		linear-gradient(to bottom right, transparent 49.5%, var(--introduction-scatter-stroke) 49.5%, var(--introduction-scatter-stroke) 50.5%, transparent 50.5%);
	left:min(calc(1216 / var(--vw-min) * 100vw),1216px);
	top:calc(116 / 1236 * var(--introduction-scroll-vh) * 1vh);
	top:calc(116 / 1236 * var(--introduction-scroll-vh) * 1dvh);
}
.introduction__scatter--1 {
	left:min(calc(52 / var(--vw-min) * 100vw),52px);
	top:calc(40 / 1236 * var(--introduction-scroll-vh) * 1vh);
	top:calc(40 / 1236 * var(--introduction-scroll-vh) * 1dvh);
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
}
.introduction__scatter--1 .introduction__scatterFrame {
	left:min(calc(16 / var(--vw-min) * 100vw),16px);
	top:max(calc(-40 / var(--vw-min) * 100vw),-40px);
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
	height:min(calc(280 / var(--vw-min) * 100vw),280px);
}
.introduction__scatter--2 {
	left:min(calc(1032 / var(--vw-min) * 100vw),1032px);
	top:calc(40 / 1236 * var(--introduction-scroll-vh) * 1vh);
	top:calc(40 / 1236 * var(--introduction-scroll-vh) * 1dvh);
	width:min(calc(280 / var(--vw-min) * 100vw),280px);
}
.introduction__scatter--3 {
	left:max(calc(-38 / var(--vw-min) * 100vw),-38px);
	top:calc(794 / 1236 * var(--introduction-scroll-vh) * 1vh);
	top:calc(794 / 1236 * var(--introduction-scroll-vh) * 1dvh);
	width:min(calc(360 / var(--vw-min) * 100vw),360px);
}
.introduction__scatter--4 {
	left:min(calc(928 / var(--vw-min) * 100vw),928px);
	top:calc(854 / 1236 * var(--introduction-scroll-vh) * 1vh);
	top:calc(854 / 1236 * var(--introduction-scroll-vh) * 1dvh);
	width:min(calc(360 / var(--vw-min) * 100vw),360px);
}
.introduction__scatter--4 .introduction__scatterFrame {
	left:min(calc(80 / var(--vw-min) * 100vw),80px);
	top:min(calc(40 / var(--vw-min) * 100vw),40px);
	width:min(calc(360 / var(--vw-min) * 100vw),360px);
	height:min(calc(150 / var(--vw-min) * 100vw),150px);
}
.introduction__scatter--5 {
	left:min(calc(242 / var(--vw-min) * 100vw),242px);
	top:calc(1074 / 1236 * var(--introduction-scroll-vh) * 1vh);
	top:calc(1074 / 1236 * var(--introduction-scroll-vh) * 1dvh);
	width:min(calc(280 / var(--vw-min) * 100vw),280px);
}
@media screen and (max-width:768px){
	.introduction__scatterDeco--box40 {
		width:calc(24 / var(--vw-min) * 100vw);
		height:calc(24 / var(--vw-min) * 100vw);
		left:calc(337 / var(--vw-min) * 100vw);
		top:calc(200 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1vh);
		top:calc(200 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1dvh);
	}
	.introduction__scatterDeco--line {
		width:calc(52 / var(--vw-min) * 100vw);
		height:calc(21 / var(--vw-min) * 100vw);
		left:calc(303 / var(--vw-min) * 100vw);
		top:calc(219 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1vh);
		top:calc(219 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1dvh);
	}
	.introduction__scatter--1 {
		left:calc(20 / var(--vw-min) * 100vw);
		top:calc(19 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1vh);
		top:calc(19 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1dvh);
		width:calc(41 / var(--vw-min) * 100vw);
	}
	.introduction__scatter--1 .introduction__scatterFrame {
		left:calc(9 / var(--vw-min) * 100vw);
		top:0;
		width:calc(41 / var(--vw-min) * 100vw);
		height:calc(157 / var(--vw-min) * 100vw);
	}
	.introduction__scatter--1 .introduction__scatterImg {
		margin-top:calc(23 / var(--vw-min) * 100vw);
	}
	.introduction__scatter--2 {
		left:calc(201 / var(--vw-min) * 100vw);
		top:calc(176 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1vh);
		top:calc(176 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1dvh);
		width:calc(154 / var(--vw-min) * 100vw);
	}
	.introduction__scatter--2 .introduction__scatterImg {
		border:0;
	}
	.introduction__scatter--3 {
		left:calc(-24 / var(--vw-min) * 100vw);
		top:calc(805 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1vh);
		top:calc(805 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1dvh);
		width:calc(192 / var(--vw-min) * 100vw);
	}
	.introduction__scatter--4 {
		left:calc(202 / var(--vw-min) * 100vw);
		top:calc(926 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1vh);
		top:calc(926 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1dvh);
		width:calc(173 / var(--vw-min) * 100vw);
	}
	.introduction__scatter--4 .introduction__scatterFrame {
		left:calc(39 / var(--vw-min) * 100vw);
		top:calc(19 / var(--vw-min) * 100vw);
		width:calc(173 / var(--vw-min) * 100vw);
		height:calc(73 / var(--vw-min) * 100vw);
	}
	.introduction__scatter--5 {
		left:calc(16 / var(--vw-min) * 100vw);
		top:calc(1065 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1vh);
		top:calc(1065 / var(--introduction-scatter-zone) * var(--introduction-scroll-vh) * 1dvh);
		width:calc(138 / var(--vw-min) * 100vw);
	}
}
.story {
	padding-top:min(calc(120 / var(--vw-min) * 100vw),120px);
	position: relative;
}
@media screen and (max-width:768px){
	.story {
		padding-top:calc(80 / var(--vw-min) * 100vw);
		padding-bottom:calc(60 / var(--vw-min) * 100vw);
	}
}
.story:before {
	content:'';
	position: absolute;
	top:min(calc(32 / var(--vw-min) * 100vw),32px);
	left:-50vw;
	right:-50vw;
	height:1px;
	background:#fff;
	opacity:.4;
	transform:rotate(10deg);
}
@media screen and (max-width:768px){
	.story:before {
		top:0;
	}
}
.story:after {
	content:'';
	position: absolute;
	top:min(calc(280 / var(--vw-min) * 100vw),280px);
	left:-50vw;
	right:-50vw;
	height:1px;
	background:#fff;
	opacity:.6;
	transform:rotate(-28deg);
}
@media screen and (max-width:768px){
	.story:after {
		top:calc(80 / var(--vw-min) * 100vw);
	}
}
.story__inner {
	width:calc(50% + min(calc(632 / var(--vw-min) * 100vw),632px));
	margin-left:auto;
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 50;
}
@media screen and (max-width:768px){
	.story__inner {
		width:100%;
		display: block;
	}
}
.story__title {
	width:min(calc(263 / var(--vw-min) * 100vw),263px);
	height:min(calc(444 / var(--vw-min) * 100vw),444px);
	background:url(../img/top/story/title.svg) no-repeat center center / contain;
	margin-right:min(calc(53 / var(--vw-min) * 100vw),53px);
	opacity:0;
	transform:translateX(max(calc(-70 / var(--vw-min) * 100vw),-70px));
	transition:opacity 0.9s ease, transform 1s cubic-bezier(0.16,1,0.3,1);
	will-change:opacity, transform;
}
.story.is-storyReveal .story__title {
	opacity:1;
	transform:translateX(0);
}
@media screen and (max-width:768px){
	.story__title {
		width:calc(93 / var(--vw-min) * 100vw);
		height:calc(146 / var(--vw-min) * 100vw);
		margin-right:unset;
		margin-left: calc(20 / var(--vw-min) * 100vw);
		margin-bottom:calc(28 / var(--vw-min) * 100vw);
	}
}
@media (prefers-reduced-motion: reduce){
	.story__title {
		opacity:1;
		transform:none;
		transition:none;
	}
}
.story__box {
	flex:1;
	border:min(calc(40 / var(--vw-min) * 100vw),40px) solid rgba(var(--color-lightgreen-rgb),.6);
	border-right:none;
	padding:min(calc(4 / var(--vw-min) * 100vw),4px) 0 min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(4 / var(--vw-min) * 100vw),4px);
	position: relative;
}
@media screen and (max-width:768px){
	.story__box {
		flex:1;
		border:calc(14 / var(--vw-min) * 100vw) solid rgba(var(--color-lightgreen-rgb),.6);
		border-right:none;
		padding:calc(2 / var(--vw-min) * 100vw) 0 calc(2 / var(--vw-min) * 100vw) calc(2 / var(--vw-min) * 100vw);
	}
}
.story__boxin {
	height:100%;
	background:rgba(255,255,255,.6);
	position: relative;
	padding:min(calc(72 / var(--vw-min) * 100vw),72px) min(calc(66 / var(--vw-min) * 100vw),66px);
}
@media screen and (max-width:768px){
	.story__boxin {
		height:100%;
		background:rgba(255,255,255,.6);
		position: relative;
		padding:calc(44 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) calc(68 / var(--vw-min) * 100vw);
	}
}
.story__boxin:before {
	content:'';
	position: absolute;
	left:min(calc(12 / var(--vw-min) * 100vw),12px);
	top:min(calc(12 / var(--vw-min) * 100vw),12px);
	bottom:min(calc(12 / var(--vw-min) * 100vw),12px);
	right:0;
	pointer-events: none;
	border:1px solid var(--color-lightgreen);
	border-right:none;
}
@media screen and (max-width:768px){
	.story__boxin:before {
		left:calc(4 / var(--vw-min) * 100vw);
		top:calc(4 / var(--vw-min) * 100vw);
		bottom:calc(4 / var(--vw-min) * 100vw);
	}
}
.story__deco {
	position: absolute;
	left:0;
	bottom:max(calc(-40 / var(--vw-min) * 100vw),-40px);
	right:0;
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.story__deco {
		top:0;
		bottom:0;
		left:calc(-14 / var(--vw-min) * 100vw);
		right:unset;
		height:unset;
		width:calc(14 / var(--vw-min) * 100vw);
	}
}
.story__decoBlock.--decoBlock-lb {
	position: absolute;
	left:0;
	bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	border:1px solid rgba(255,255,255,.6);
	background:var(--color-lightgreen);
}
@media screen and (max-width:768px){
	.story__decoBlock.--decoBlock-lb {
		left:calc(3.5 / var(--vw-min) * 100vw);
		bottom:0;
		width:calc(7 / var(--vw-min) * 100vw);
		height:calc(14 / var(--vw-min) * 100vw);
	}
}
.story__decoBlock.--decoBlock-lb2 {
	position: absolute;
	left:min(calc(42 / var(--vw-min) * 100vw),42px);
	bottom:min(calc(10 / var(--vw-min) * 100vw),10px);
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	border:1px solid rgba(255,255,255,.6);
	background:var(--color-purple);
}
@media screen and (max-width:768px){
	.story__decoBlock.--decoBlock-lb2 {
		left:calc(3.5 / var(--vw-min) * 100vw);
		bottom:calc(15 / var(--vw-min) * 100vw);
		width:calc(7 / var(--vw-min) * 100vw);
		height:calc(14 / var(--vw-min) * 100vw);
	}
}
.story__decoText {
	right:0;
	bottom:0;
	position: absolute;
	padding:0 min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	line-height: min(calc(40 / var(--vw-min) * 100vw),40px);
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	font-family: var(--font-jost);
	color:#fff;
	letter-spacing: .4em;
	transform:rotate(180deg);
	opacity:.5;
}
@media screen and (max-width:768px){
	.story__decoText {
		writing-mode: vertical-rl;
		text-align: center;
		right:unset;
		left:0;
		top:0;
		padding:0;
		height:unset;
		width:calc(14 / var(--vw-min) * 100vw);
		line-height:calc(14 / var(--vw-min) * 100vw);
		font-size:calc(6 / var(--vw-min) * 100vw);
		letter-spacing: .4em;
		transform:unset;
	}
}
.story__tab {
	position: absolute;
	left:max(calc(-62 / var(--vw-min) * 100vw),-62px);
	top:min(calc(4 / var(--vw-min) * 100vw),4px);
	width:min(calc(48 / var(--vw-min) * 100vw),48px);
	z-index:10;
}
@media screen and (max-width:768px){
	.story__tab {
		left:calc(22 / var(--vw-min) * 100vw);
		top:unset;
		bottom:calc(-58 / var(--vw-min) * 100vw);
		width:unset;
	}
}
@media screen and (max-width:768px){
	.story__tabLists {
		display: flex;
	}
}
.story__tabItem {
	margin-bottom:min(calc(6 / var(--vw-min) * 100vw),6px);
	width:min(calc(48 / var(--vw-min) * 100vw),48px);
	height:min(calc(120 / var(--vw-min) * 100vw),120px);
	background:url(../img/top/story/tab_spacer.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.story__tabItem {
		margin-bottom:unset;
		margin-right:calc(6 / var(--vw-min) * 100vw);
		width:calc(40 / var(--vw-min) * 100vw);
		height:calc(92 / var(--vw-min) * 100vw);
		background:url(../img/top/story/tab_spacer-s.svg) no-repeat center center / contain;
	}
}
.story__tabLink {
	display: flex;
	width:100%;
	height:min(calc(120 / var(--vw-min) * 100vw),120px);
	justify-content: center;
	align-items: center;
	text-decoration: none;
	color:#fff;
	writing-mode: vertical-rl;
	letter-spacing: 0.47222em;
	font-size:min(calc(18 / var(--vw-min) * 100vw),18px);
	font-family: var(--font-serif);
	background:#666;
	padding-top:.2em;
}
@media screen and (max-width:768px){
	.story__tabLink {
		height:calc(92 / var(--vw-min) * 100vw);
		letter-spacing: 0.47222em;
		font-size:calc(15 / var(--vw-min) * 100vw);
		font-family: var(--font-serif);
		background:#666;
		padding-top:.2em;
	}
}
.story__tabLink.is-active {
	pointer-events: none;
	background:#000;
}
.story__content {
	display: flex;
	width: 100%;
}
@media screen and (max-width:768px){
	.story__content {
		display:block;
		position: relative;
	}
}
.story__content--l {
	width:min(calc(440 / var(--vw-min) * 100vw),440px);
}
@media screen and (max-width:768px){
	.story__content--l {
		width:calc(319 / var(--vw-min) * 100vw);
	}
}
.story__inLogo,
.story__inText {
	opacity:0;
	transform:translateX(max(calc(-44 / var(--vw-min) * 100vw),-44px));
	transition:opacity 0.8s ease, transform 0.9s cubic-bezier(0.16,1,0.3,1);
	transition-delay:var(--story-reveal-delay, 0s);
	will-change:opacity, transform;
}
.story__content.is-reveal .story__inLogo,
.story__content.is-reveal .story__inText {
	opacity:1;
	transform:translateX(0);
}
@media (prefers-reduced-motion: reduce){
	.story__inLogo,
	.story__inText {
		opacity:1;
		transform:none;
		transition:none;
	}
}
.story__inLogo {
	height:min(calc(104 / var(--vw-min) * 100vw),104px);
	margin-bottom:min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
	.story__inLogo {
		height:calc(64 / var(--vw-min) * 100vw);
		margin-bottom:calc(40 / var(--vw-min) * 100vw);
	}
}
.story__inLogo img {
	height:100%;
	width:auto;
}
.story__inText {
	margin-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
	font-size:min(calc(17 / var(--vw-min) * 100vw),17px);
	letter-spacing: 0.02em;
	line-height:2.11765;
	font-family: var(--font-serif);
}
@media screen and (max-width:768px){
	.story__inText {
		margin-bottom:calc(24 / var(--vw-min) * 100vw);
		font-size:calc(13 / var(--vw-min) * 100vw);
		line-height:2;
	}
}
.story__inText:last-child {
	margin-bottom:0;
}
.story__img {
	flex:1;
	margin-top:max(calc(-66 / var(--vw-min) * 100vw),-66px);
	display: flex;
	justify-content: flex-start;
	opacity:0;
	transform:translateX(min(calc(180 / var(--vw-min) * 100vw),180px));
	transition:opacity 0.7s ease, transform 0.85s cubic-bezier(0.22,1,0.36,1);
	transition-delay:var(--story-img-delay, 0.2s);
	will-change:opacity, transform;
}
.story__content.is-reveal .story__img {
	opacity:1;
	transform:translateX(0);
}
@media (prefers-reduced-motion: reduce){
	.story__img {
		opacity:1;
		transform:none;
		transition:none;
	}
}
@media screen and (max-width:768px){
	.story__img {
		position: absolute;
		margin-top:0;
		display:block;
		position: absolute;
		left:calc(145 / var(--vw-min) * 100vw);
		top:calc(-190 / var(--vw-min) * 100vw);
	}
}
.story__imgin {
	width:min(calc(424 / var(--vw-min) * 100vw),424px);
	position: relative;
	transform:rotate(-12deg);
	transform-origin: left top;
}
@media screen and (max-width:768px){
	.story__imgin {
		width:calc(200 / var(--vw-min) * 100vw);
		position: relative;
		transform:rotate(-12deg);
		transform-origin: left center;
	}
}
.story__imgin img {
	width:100%;
	height:auto;
	position: relative;
}
.story__imgin .story__img--shadow {
	position: absolute;
	left:0;
	top:0;
	transform:rotate(0deg);
	transform-origin: center center;
	filter:brightness(2);
	opacity:0;
	transition:opacity 0.7s ease, transform 0.9s cubic-bezier(0.16,1,0.3,1);
	transition-delay:var(--story-shadow-delay, 1.1s);
	will-change:opacity, transform;
}
.story__content.is-reveal .story__imgin .story__img--shadow {
	opacity:.4;
	transform:rotate(4deg);
}
@media (prefers-reduced-motion: reduce){
	.story__imgin .story__img--shadow {
		opacity:.4;
		transform:rotate(4deg);
		transition:none;
	}
}