@charset "utf-8";
span.c_pink{
	color: var(--color-main);
}

/**
* ANIMATION - sectionCont - title 
**/
.sectionCont__title--ja > span:nth-of-type(1){
	transition-delay: 0.2s;
}
.sectionCont__title--ja > span:nth-of-type(2){
	transition-delay: 0.3s;
}
.sectionCont__title--ja > span:nth-of-type(3){
	transition-delay: 0.4s;
}
.sectionCont__title--ja > span:nth-of-type(4){
	transition-delay: 0.5s;
}
.sectionCont__title--ja > span:nth-of-type(5){
	transition-delay: 0.6s;
}
.sectionCont__title--ja > span:nth-of-type(6){
	transition-delay: 0.7s;
}
.sectionCont__title--ja > span:nth-of-type(7){
	transition-delay: 0.8s;
}
.sectionCont__title--ja > span:nth-of-type(8){
	transition-delay: 0.9s;
}
.sectionCont__title--ja > span:nth-of-type(9){
	transition-delay: 1.0s;
}
.sectionCont__title--ja > span:nth-of-type(10){
	transition-delay: 1.1s;
}
.sectionCont__title--ja > span:nth-of-type(11){
	transition-delay: 1.2s;
}
.sectionCont__title--ja > span:nth-of-type(12){
	transition-delay: 1.3s;
}
.sectionCont__title--ja > span:nth-of-type(13){
	transition-delay: 1.4s;
}
.sectionCont__title--ja > span:nth-of-type(14){
	transition-delay: 1.5s;
}
.sectionCont__title--ja > span:nth-of-type(15){
	transition-delay: 1.6s;
}


.sectionContent.--is-ani .sectionCont__title--en{
	transform: translateY(0);
	opacity: 1;
}
.sectionContent.--is-ani .sectionCont__title--ja > span{
	opacity: 1;
	transform: scale(100%) translateY(0%);
}


/**
* MOVIE - CIRCLC
**/
.deco_moviePlay-circle{
	position: absolute;
	inset: 0;
	margin: auto;
}
.deco_moviePlay-circle:before{
	content: '';
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/deco_movieCircle-txt.svg) no-repeat center / contain;
	animation: 16s ani_rotate linear infinite;
}
.deco_moviePlay-circle:after{
	content: '';
	position: absolute;
	inset: 0;
	width: 31.25%;
	height: 31.25%;
	margin: auto;
	background: url(../img/common/triangle_r.svg) no-repeat 60% center / contain;
}


/*-----------------------------------------------
 * HERO
-------------------------------------------------*/
.c-hero{
	position: relative;
	width: 100%;
}

.hero__contArea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.hero__logo{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: 41.2131%;/* 530 */
	margin: 0 auto 6.2209%;/* 0 auto 80 */
}
.hero__logo img{
	width: 100%;
}

.hero__catch{
	position: absolute;
	top: 0;
	right: 0;
	width: 10.1089%;/* 130 */
	margin-top: 2.7217%;/* 35 */
}
.hero__catch img{
	width: 100%;
}


.hero__textArea{
	position: absolute;
	top: 0;
	left: 0;
	line-height: 1;
}
.hero__onair{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	font-size: calc(56 / var(--vw-min) * 100vw);
	font-weight: 800;
	line-height: 1;
	letter-spacing: -0.025em;
	color: #FFF;
	gap: calc(6 / var(--vw-min) * 100vw);
}
.hero__onair-txt{
	display: block;
	padding: calc(4 / var(--vw-min) * 100vw) calc(6 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
	position: relative;
	background-color: var(--color-main);
}
.hero__onair-img{
	display: block;
	width: calc(252 / var(--vw-min) * 100vw);
	margin-top: calc(-1 / var(--vw-min) * 100vw);
	margin-left: calc(-1 / var(--vw-min) * 100vw);
}

.hero__pickText{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: calc(4 / var(--vw-min) * 100vw);
	margin-top: calc(12 / var(--vw-min) * 100vw);
	line-height: 1;
	font-size: calc(36 / var(--vw-min) * 100vw);
	font-weight: 300;
	color: #FFF;
}
.hero__pickText-txt{
	display: block;
	padding: calc(2 / var(--vw-min) * 100vw) calc(2 / var(--vw-min) * 100vw) calc(4 / var(--vw-min) * 100vw);
	position: relative;
	background-color: var(--color-black);
}

.hero__videoArea{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-right: calc(32 / var(--vw-min) * 100vw);
	margin-bottom: calc(30 / var(--vw-min) * 100vw);
	width: calc(264 / var(--vw-min) * 100vw);
	z-index: 1;
}
.hero__video{
	display: block;
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	border-radius: calc(8 / var(--vw-min) * 100vw);
	overflow: hidden;
	background-color: #000;
}
.hero__video:after{
	content: '';
	position: absolute;
	inset: 0;
	border-radius: calc(8 / var(--vw-min) * 100vw);
	border: 2px solid var(--color-main);
	z-index: 1;
}
.hero__video--img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 40%;
}
.hero__video--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.hero__video--circle{
	width: calc(80 / var(--vw-min) * 100vw);
	height: calc(80 / var(--vw-min) * 100vw);
}


.hero__visualImageArea{
	position: relative;
	width: 100%;
}
.hero__visualImage img{
	width: 100%;
}

@media screen and (hover:hover) and (pointer: fine){
	.hero__video--img{
		transition: opacity .3s ease, transform .3s ease;
	}
	.hero__video:hover .hero__video--img{
		opacity: 60%;
		transform: scale(104%);
	}
	.hero__video:hover .hero__video--circle:before{
		animation-play-state: paused
	}
}


@media screen and (max-width:768px){
	.hero__logo{
		width: min(calc(530 / var(--vw-min) * 100vw), 530px);
		margin-bottom: calc(112 / var(--vw-min) * 100vw);
		filter: drop-shadow(0 0 calc(32 / var(--vw-min) * 100vw) #FFF) drop-shadow(0 0 calc(16 / var(--vw-min) * 100vw) #FFF);
	}

	.hero__catch{
		width: calc(134 / var(--vw-min) * 100vw);
		overflow: hidden;
		margin-top: min(calc(128 / var(--vw-min) * 100vw), 128px);
	}
	.hero__catch img{
		position: relative;
		top: 0;
		left: calc(16 / var(--vw-min) * 100vw);
	}

	.hero__pickText{
		margin-top: calc(24 / var(--vw-min) * 100vw);
	}

	.hero__videoArea{
		margin-right: calc(20 / var(--vw-min) * 100vw);
		margin-bottom: calc(-76 / var(--vw-min) * 100vw);
		width: calc(260 / var(--vw-min) * 100vw);
	}
	.hero__video:after{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	
	.hero__video--circle{
		width: calc(96 / var(--vw-min) * 100vw);
		height: calc(96 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.c-news{
	padding-top: min(calc(100 / var(--vw-min) * 100vw), 100px);
	padding-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.news__titleArea{
	width: min(calc(1000 / var(--vw-min) * 100vw), calc(1000px * var(--max-percent)));
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
}
.news__more{
	margin-left: auto;
	line-height: 1;
	font-weight: 500;
}
.news__more-link{
	font-family: var(--font-en);
	line-height: 1;
	text-decoration: none;
	color: var(--color-main);
	padding-right: min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: relative;
}
.news__more-link:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0.25em;
	margin: auto;
	width: min(calc(30 / var(--vw-min) * 100vw), 30px);
	height: min(calc(8 / var(--vw-min) * 100vw), 8px);
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: var(--color-main);
}

.news__contentIn{
	width: 100%;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
}

@media screen and (hover:hover) and (pointer: fine){
	.news__more-link span{
		background: linear-gradient(var(--color-main), var(--color-main)) right bottom / 0 100% no-repeat;
		transition: background-size 0.3s, color .3s ease;
	}
	.news__more-link:hover span{
		background-size: 100% 100%;
		background-position: left bottom;
		color: var(--color-white);
	}
	.news__more-link:after{
		transition: transform .2s ease;
	}
	.news__more-link:hover::after{
		transform: translateX(25%);
	}
}

@media screen and (max-width:768px){
	.c-news{
		padding-top: calc(156 / var(--vw-min) * 100vw);
		padding-bottom: 0;
	}
	.news__titleArea{
		width: 100%;
		padding: 0 calc(40 / var(--vw-min) * 100vw);
	}
	.news__more-link{
		padding-right: calc(64 / var(--vw-min) * 100vw);
	}
	.news__more-link:after{
		width: calc(46 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
	.news__contentIn{
		padding-top: calc(64 / var(--vw-min) * 100vw);
	}
}



.newsLists{
	position: relative;
	width: 100%;
}
.newsList:nth-of-type(1){
	border-top: 2px solid var(--color-main);
}
.newsList{
	width: 100%;
	border-bottom: 2px solid var(--color-main);
}
.newsList__link{
	text-decoration: none;
	display: block;
	width: 100%;
	position: relative;
}
.newsList__linkCont{
	width: min(calc(1000 / var(--vw-min) * 100vw), calc(1000px * var(--max-percent)));
	padding: min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(100 / var(--vw-min) * 100vw), 100px);
	display: flex;
	align-items: center;
	position: relative;
	margin: 0 auto;
}


.newsList__date{
	display: inline-flex;
	align-items: center;
	font-family: var(--font-en);
	color: var(--color-main);
	line-height: 0.75;
	letter-spacing: 0;
	flex-shrink: 0;
	min-width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	padding-right: min(calc(40 / var(--vw-min) * 100vw), 40px);
	position: relative;
}
.newsList__date--y{
	display: inline-block;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.newsList__date--md{
	display: inline-block;
	font-size: min(calc(36 / var(--vw-min) * 100vw), 36px);
	font-weight: 600;
	padding-left: min(calc(6 / var(--vw-min) * 100vw), 6px);
}
.newsList__date:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(30 / var(--vw-min) * 100vw), 30px);
	height: min(calc(30 / var(--vw-min) * 100vw), 30px);
	-webkit-mask: url(../img/news/deco-news_line.svg) no-repeat right center / contain;
	mask: url(../img/news/deco-news_line.svg) no-repeat right center / contain;
	background-color: var(--color-main);
	margin: auto;
}
.newsList__title{
	width: 100%;
	padding-left: min(calc(25 / var(--vw-min) * 100vw), 25px);
	font-weight: 500;
	color: #000;
	line-height: 1.5;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


@media screen and (hover:hover) and (pointer: fine){
	.newsList__link:before{
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(var(--color-main), var(--color-main)) right bottom / 0 100% no-repeat;
		transition: background-size 0.6s;
	}
	.newsList__link:hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
	.newsList__date{
		transition: color .3s ease .05s;
	}
	.newsList__date:after{
		transition: background-color .3s ease;
	}
	.newsList__link:hover .newsList__date{
		color: var(--color-white);
	}
	.newsList__link:hover .newsList__date:after{
		background-color: var(--color-white);
	}
}


@media screen and (max-width:768px){
	.newsLists,
	.newsList{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	.newsList__linkCont{
		width: 100%;
		padding: calc(24 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
	}
	.newsList__date{
		min-width: calc(220 / var(--vw-min) * 100vw);
		padding-right: calc(50 / var(--vw-min) * 100vw);
	}
	.newsList__date--y{
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
	.newsList__date--md{
		font-size: calc(54 / var(--vw-min) * 100vw);
		padding-left: calc(8 / var(--vw-min) * 100vw);
	}
	.newsList__date:after{
		width: calc(45 / var(--vw-min) * 100vw);
		height: calc(45 / var(--vw-min) * 100vw);
	}
	.newsList__title{
		padding-left: calc(22 / var(--vw-min) * 100vw);
		-webkit-line-clamp: 2;
	}
}



/* Animation - News */
.news__more{
	opacity: 0;
	transform: translateX(-25%);
	transition: opacity .3s ease, transform .3s ease;
	transition-delay: .35s;
}
#news.--is-ani .news__more{
	opacity: 1;
	transform: translateX(0%);
}


.newsList{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .3s ease, transform .3s ease;
}
.newsList:nth-of-type(1){
	transition-delay: .3s;
}
.newsList:nth-of-type(2){
	transition-delay: .4s;
}
.newsList:nth-of-type(3){
	transition-delay: .5s;
}

#news.--is-ani .newsList{
	opacity: 1;
	transform: translateY(0%);
}


/* animation */
.hero__visualImageArea{
	filter: brightness(150%);
	transition: filter .8s ease .2s;
}
body.--is-loaded .hero__visualImageArea{
	filter: brightness(100%);
}

.hero__onair,
.hero__pickText{
	transform: translateX(-100%);
	transition: transform .6s cubic-bezier(.23,.2,.16,1);
}
body.--is-loaded .hero__onair{
	transform: translateX(0%);
	transition-delay: .6s;
}
body.--is-loaded .hero__pickText{
	transform: translateX(0%);
	transition-delay: .7s;
}

.hero__catch{
	opacity: 0;
	transform: scale(80%) rotate(2deg);
	transition: transform .6s cubic-bezier(.23,.2,.16,1), opacity .4s ease;
}
body.--is-loaded .hero__catch{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .6s;
}

.hero__logo{
	opacity: 0;
	transform: scale(90%);
	transition: transform .6s cubic-bezier(.23,.2,.16,1), opacity .4s ease;
}
body.--is-loaded .hero__logo{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .6s;
}

.hero__videoArea{
	opacity: 0;
	transition: opacity .4s ease;
}
body.--is-loaded .hero__videoArea{
	opacity: 1;
	transition-delay: .8s;
}


/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.c-introduction{
	padding-top: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.introduction__contIn{
	position: relative;
	width: min(calc(1000 / var(--vw-min) * 100vw), calc(1000px * var(--max-percent)));
	margin: 0 auto;
	display: flex;
	padding-bottom: min(calc(140 / var(--vw-min) * 100vw), 140px);
	z-index: 1;
}

.introduction__title{
	writing-mode: vertical-rl;
	text-orientation: sideways;
	position: relative;
}
.introduction__title > .sectionCont__title--en{
	text-indent: -0.54em;
	padding-top: 0.54em;
	line-height: 0.9;
	flex-shrink: 0;
}
.introduction__title > .sectionCont__title--ja{
	position: absolute;
	top: 0;
	right: 0;
	margin-left: 0;
	height: min(calc(140 / var(--vw-min) * 100vw), 140px);
	flex-wrap: wrap;
	margin-top: min(calc(346 / var(--vw-min) * 100vw), 346px);
	margin-right: min(calc(18 / var(--vw-min) * 100vw), 18px);
}
.introduction__title > .sectionCont__title--ja > span:nth-child(4){
	margin-bottom: 1em;
}

@media screen and (max-width:768px){
	.c-introduction{
		padding-top: calc(100 / var(--vw-min) * 100vw);
	}
	.introduction__contIn{
		width: 100%;
		padding-left: calc(40 / var(--vw-min) * 100vw);
		padding-right: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: 0;
		flex-direction: column;
		align-items: flex-start;
	}
	.introduction__title{
		margin-left: calc(-6 / var(--vw-min) * 100vw);
	}
	.introduction__title > .sectionCont__title--ja{
		height: calc(200 / var(--vw-min) * 100vw);
		margin-right: calc(4 / var(--vw-min) * 100vw);
		margin-top: calc(346 / var(--vw-min) * 100vw);
	}
	.introduction__title > .sectionCont__title--ja > span{
		border: 0.5px solid var(--color-white);
	}
}



.introduction__contArea{
	width: 100%;
	display: flex;
	flex-direction: column;
	padding-top: min(calc(172 / var(--vw-min) * 100vw), 172px);
}

.introduction__window-wrap{
	margin-left: auto;
}
.introduction__window{
	padding: min(calc(36 / var(--vw-min) * 100vw), 36px) min(calc(32 / var(--vw-min) * 100vw), 32px) min(calc(32 / var(--vw-min) * 100vw), 32px);
	background-color: rgba(255, 255, 255, 80%);
	position: relative;
}
.introduction__window:before{
	content: '';
	position: absolute;
	inset: 0;
	border: 1px solid var(--color-main);
}
.introduction__windowIn{
	width: 100%;
	line-height: 2;
	font-weight: 500;
}


.introduction__window-wrap.-window_1{
	padding-right: min(calc(64 / var(--vw-min) * 100vw), 64px);
}
.introduction__text.-flex_1{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.introduction__text.-flex_1 .introduction__text-img{
	display: block;
	height: min(calc(37 / var(--vw-min) * 100vw), 37px);
	padding-right: min(calc(6 / var(--vw-min) * 100vw), 6px);
}
.introduction__text.-flex_1 .introduction__text-img img{
	display: block;
	height: 100%;
}

.introduction__window-wrap.-window_2{
	margin-top: max(calc(-12 / var(--vw-min) * 100vw), -12px);
}

.introduction__text.-text2{
	line-height: 1;
	letter-spacing: -0.025em;
	display: flex;
	flex-wrap: wrap;
	width: min(calc(432 / var(--vw-min) * 100vw), 432px);
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.introduction__textBg{
	display: inline-block;
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	padding-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
	padding-bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
	background-color: var(--color-main);
}
.introduction__textBg > .f_serif{
	font-family: var(--font-serif);
	color: #000;
}
.introduction__textBg > .f_sans{
	color: #FFF;
}
.introduction__textBg.-pl{
	padding-left: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.introduction__textBg.-pr{
	padding-right: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
@media screen and (min-width:769px){
	.introduction__textBg.-pr_p{
		padding-right: min(calc(4 / var(--vw-min) * 100vw), 4px);
		margin-left: -0.0125em;
	}
	.introduction__textBg.-pl_p{
		padding-left: min(calc(4 / var(--vw-min) * 100vw), 4px);
	}
	.introduction__textBg:nth-of-type(3){
		margin-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
	}
}

@media screen and (max-width:768px){
	.introduction__contArea{
		padding-top: calc(112 / var(--vw-min) * 100vw);
	}
	.introduction__window{
		width: calc(605 / var(--vw-min) * 100vw);
		max-width: 100%;
		padding: calc(56 / var(--vw-min) * 100vw) calc(56 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw);
	}
	.introduction__window:before{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}

	.introduction__window-wrap.-window_1{
		padding-right: 0;
		margin-left: 0;
	}

	.introduction__text.-flex_1 .introduction__text-img{
		height: calc(56 / var(--vw-min) * 100vw);
	}
	
	.introduction__window-wrap.-window_2{
		margin-top: calc(-22 / var(--vw-min) * 100vw);
	}

	.introduction__text.-text2{
		width: calc(492 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
	.introduction__textBg{
		font-size: calc(40 / var(--vw-min) * 100vw);
		padding-top: calc(6 / var(--vw-min) * 100vw);
		padding-bottom: calc(6 / var(--vw-min) * 100vw);
	}
	.introduction__textBg.-pl,
	.introduction__textBg.-pl_s{
		padding-left: calc(8 / var(--vw-min) * 100vw);
	}
	.introduction__textBg.-pr,
	.introduction__textBg.-pr_s{
		padding-right: calc(8 / var(--vw-min) * 100vw);
	}
	.introduction__textBg:nth-of-type(2),
	.introduction__textBg:nth-of-type(3){
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
}






.introduction__bg{
	position: absolute;
	inset: 0;
	overflow: hidden;
	overflow: clip;
}
.introduction__bg-imgArea{
	position: absolute;
	inset: 0;
	width: min(calc(1000 / var(--vw-min) * 100vw), calc(1000px * var(--max-percent)));
	margin: 0 auto;
	padding-left: min(calc(120 / var(--vw-min) * 100vw), 120px);
}
.introduction__bg-img{
	width: min(calc(1435 / var(--vw-min) * 100vw), 1435px);
}
.introduction__bg-img img{
	width: 100%;
}

.introduction__bg-side{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: min(calc(491 / var(--vw-min) * 100vw), 491px);
	margin-bottom: min(calc(140 / var(--vw-min) * 100vw), 140px);;
}
.introduction__bg-side:before,
.introduction__bg-side:after{
	content: '';
	position: absolute;
	bottom: 0;
	width: min(calc(246 / var(--vw-min) * 100vw), 246px);
	height: 100%;
	background: url(../img/top/introduction_bg-side.svg) no-repeat center / cover;
}
.introduction__bg-side:before{
	background-position: left bottom;
	left: 0;
}
.introduction__bg-side:after{
	background-position: right bottom;
	right: 0;
	transform: scale(-1, 1);
}

@media screen and (max-width:768px){
	.introduction__bg-imgArea{
		width: 100%;
		bottom: unset;
		height: calc(940 / var(--vw-min) * 100vw);
		padding-left: calc(192 / var(--vw-min) * 100vw);
	}
	.introduction__bg-img{
		width: calc(1404 / var(--vw-min) * 100vw);
		height: 100%;
	}
	.introduction__bg-img img{
		height: 100%;
		object-fit: cover;
	}

	.introduction__bg-sideWrap{
		position: absolute;
		top: calc(-100vh + (880 / var(--vw-min) * 100vw));
		bottom: 0;
		left: 0;
		width: 100%;
	}
	.introduction__bg-sideInWrap{
		position: sticky;
		top: 0;
		width: 100%;
		height: min(100%, 100vh);
		height: min(100%, 100dvh);
	}
	.introduction__bg-side{
		height: calc(378 / var(--vw-min) * 100vw);
		margin-bottom: 0;
	}
	.introduction__bg-side:before,
	.introduction__bg-side:after{
		width: calc(150 / var(--vw-min) * 100vw);
		background-image: url(../img/top/introduction_bg-side-s.svg);
		background-position: right top;
	}
}



/* Animation - Introduction */
.introduction__title .sectionCont__title--en{
	transform: translateX(-33.3334%);
}

.introduction__window{
	opacity: 0;
	transform: translateX(12.5%) translateY(12.5%) scale(80%);
	transition: opacity .4s ease, transform cubic-bezier(.35,.15,.19,1.27) .45s;
}
.introduction__window-wrap.-window_1 .introduction__window{
	transition-delay: .55s;
}
.introduction__window-wrap.-window_2 .introduction__window{
	transition-delay: .65s;
}
#introduction.--is-ani .introduction__window{
	opacity: 1;
	transform: translateX(0%) translateY(0%) scale(100%);
}


.introduction__bg-img{
	opacity: 0;
	transform: translateY(80%) scale(108%);
	transition: opacity .3s ease, transform .55s cubic-bezier(.35,.15,.3,1);
	transition-delay: .4s;
}
#introduction.--is-ani .introduction__bg-img{
	opacity: 1;
	transform: translateY(0%) scale(100%);
}

.introduction__bg-side:before,
.introduction__bg-side:after{
	transition: opacity .3s ease, transform cubic-bezier(.35,.15,.19,1.0) .4s;
	transition-delay: .6s;
}
.introduction__bg-side:before{
	transform: translateX(-100%);
}
.introduction__bg-side:after{
	transform: translateX(100%) scale(-1, 1);;
}

#introduction.--is-ani .introduction__bg-side:before{
	transform: translateX(0%);
}
#introduction.--is-ani .introduction__bg-side:after{
	transform: translateX(0%) scale(-1, 1);;
}


/*-----------------------------------------------
 * STORY
-------------------------------------------------*/
.story__content{
	width: 100%;
	max-width: calc(1920px - min(calc(80 / var(--vw-min) * 100vw), 80px));
	margin: 0 auto;
	display: flex;
}
.story__title{
	flex-shrink: 0;
	order: 1;
	writing-mode: vertical-rl;
	text-orientation: sideways;
	position: relative;
	padding-right: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	padding-left: calc(32 / var(--vw-min) * 100vw);
	margin-left: auto;
}
.story__title .sectionCont__title--ja{
	margin-left: 0;
}
.story__contentIn{
	width: min(calc(1064 / var(--vw-min) * 100vw), calc(1064px * var(--max-percent)));
	padding-top: min(calc(120 / var(--vw-min) * 100vw), 120px);
	padding-left: calc(min(calc(243 / var(--vw-min) * 100vw), calc(243px * var(--max-percent))) + min(calc(48 / var(--vw-min) * 100vw), 48px));
	padding-right: min(calc(48 / var(--vw-min) * 100vw), 48px);
	padding-bottom: min(calc(120 / var(--vw-min) * 100vw), 120px);
	position: relative;
	overflow: hidden;
	background-color: var(--color-main);
}
.story__contentIn:before{
	content: '';
	position: absolute;
	inset: 0;
	background: url(../img/top/story_bg.jpg) no-repeat center / cover;
}
.story__text{
	line-height: 2;
	font-weight: 500;
	text-align: center;
	text-shadow: 0 0 40px #FFF, 0 0 20px #FFF, 0 0 10px #FFF, 0 0 8px #FFF, 0 0 4px #FFF;
	position: relative;
}
.story__text:not(:last-child){
	margin-bottom: 1.25em;
}
.story__text.-large{
	font-size: 175%;
	line-height: 1.6;
	color: var(--color-main);
}

@media screen and (max-width:768px){
	#story{
		padding-top: calc(120 / var(--vw-min) * 100vw);
	}
	.story__content{
		max-width: 100%;
	}
	.story__title{
		padding-right: calc(40 / var(--vw-min) * 100vw);
		padding-left: calc(20 / var(--vw-min) * 100vw);
		margin-left: unset;
	}
	.story__contentIn{
		width: calc(606 / var(--vw-min) * 100vw);
		padding-top: calc(88 / var(--vw-min) * 100vw);
		padding-left: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: calc(88 / var(--vw-min) * 100vw);
		padding-right: calc(40 / var(--vw-min) * 100vw);
	}
	.story__text{
		text-align: left;
		line-height: 1.6;
	}
	.story__text:not(:last-child){
		margin-bottom: 1.5em;
	}
	.story__text.-large{
		font-size: 133.3334%;
	}
}


/* Animation - Story */
.story__title .sectionCont__title--en{
	transform: translateX(33.3334%);
}
.story__contentIn:before{
	transform: scale(112.5%);
	opacity: 0;
	transition: opacity .6s ease, transform .8s ease;
	transition-delay: .4s;
}
#story.--is-ani .story__contentIn:before{
	transform: scale(100%);
	opacity: 1;
}

.story__text{
	opacity: 0;
	transition: opacity .6s ease;
	transition-delay: .3s;
}
#story.--is-ani .story__text{
	opacity: 1;
}



/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
#movie{
	width: 100%;
	padding-top: min(calc(100 / var(--vw-min) * 100vw), 100px);
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.movie__content{
	width: 100%;
	max-width: calc(1286px * var(--max-percent));
	max-width: calc(1920px - min(calc(80 / var(--vw-min) * 100vw), 80px));
	margin: 0 auto;
	padding-right: min(calc(143 / var(--vw-min) * 100vw), calc(143px * var(--max-percent)));
}
.movie__contIn{
	width: 100%;
	position: relative;
	padding-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
}

@media screen and (max-width:768px){
	#movie{
		padding-top: calc(120 / var(--vw-min) * 100vw);
		padding-bottom: calc(20 / var(--vw-min) * 100vw);
	}
	.movie__content{
		max-width: 100%;
		padding-right: calc(40 / var(--vw-min) * 100vw);
	}
	.movie__contIn{
		padding-bottom: calc(32 / var(--vw-min) * 100vw);
	}
}



.movie__title{
	position: absolute;
	bottom: 0;
	right: 0;
	flex-direction: column;
	align-items: flex-end;
	z-index: 2;
}
.movie__title > .sectionCont__title--en{
	-webkit-text-stroke: 2px #FFF;
	position: relative;
}
.movie__title > .sectionCont__title--en:before{
	content: 'M';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	color: var(--color-main);
	-webkit-text-stroke: 1px transparent;
}
.movie__title > .sectionCont__title--en:after{
	content: 'OVIE';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	color: var(--color-black);
	-webkit-text-stroke: 1px transparent;
}
.movie__title > .sectionCont__title--ja{
	order: -1;
	margin-left: 0;
	margin-bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
	padding-right: min(calc(6 / var(--vw-min) * 100vw), 6px);
}
.movie__title > .sectionCont__title--ja > span{
	border: 0.5px solid var(--color-white);
}

@media screen and (max-width:768px){
	.movie__title > .sectionCont__title--ja{
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
		padding-right: calc(8 / var(--vw-min) * 100vw);
	}
}




.movie__videoArea{
	width: min(calc(1112 / var(--vw-min) * 100vw), calc(1112px * var(--max-percent)));
	max-width: 100%;
	height: min(calc(384 / var(--vw-min) * 100vw), 384px);
	position: relative;
}

.movie__videoWindow{
	width: min(calc(1064 / var(--vw-min) * 100vw), calc(1064px * var(--max-percent)));
	height: min(calc(320 / var(--vw-min) * 100vw), 320px);
	overflow: hidden;
	position: relative;
	margin-left: auto;
	background-color: var(--color-main);
}
.movie__videoWindow:before{
	content: '';
	position: absolute;
	inset: 0;
	border: 1px solid var(--color-main);
	z-index: 1;
}
.movie__videoWindow--player{
	position: absolute;
	inset: 0;
	opacity: 40%;
}
#js-yt-autoplay {
	position: absolute;
	top: -100%;
	left: 0;
	width: 100%;
	height: 300%;
	pointer-events: none;
}


.movwi__buttonWindow{
	position: absolute;
	bottom: 0;
	left: 0;
	width: min(calc(1064 / var(--vw-min) * 100vw), calc(1064px * var(--max-percent)));
	height: min(calc(320 / var(--vw-min) * 100vw), 320px);
	z-index: 1;
}
.btn_movie__windowPlay{
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}
.btn_movie__windowPlay:before{
	content: '';
	position: absolute;
	inset: 0;
	background-color: #000;
}
.btn_movie__windowPlay:after{
	content: '';
	position: absolute;
	inset: 0;
	border: 1px solid var(--color-main);
	z-index: 1;
}
.btn_movie__windowPlay--img{
	position: absolute;
	inset: 0;
	opacity: 40%;
}
.btn_movie__windowPlay--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.btn_movie__windowPlay--circle{
	position: absolute;
	top: 0;
	bottom: 0;
	right: min(calc(320 / var(--vw-min) * 100vw), calc(320px * var(--max-percent)));
	left: min(calc(560 / var(--vw-min) * 100vw), calc(560px * var(--max-percent)));
	width: min(calc(128 / var(--vw-min) * 100vw), 128px);
	height: min(calc(128 / var(--vw-min) * 100vw), 128px);
	margin: auto;
}
@media screen and (hover:hover) and (pointer: fine){
	.movie__videoWindow{
		transform: translate(0, 0);
		transition: transform 0.25s ease;
	}
	.btn_movie__windowPlay--img,
	.btn_movie__windowPlay:before,
	.btn_movie__windowPlay:after{
		transition: opacity 0.25s ease;
	}
	.movie__videoArea:has(.movwi__buttonWindow:hover) .movie__videoWindow{
		transform: translate(max(calc(-32 / var(--vw-min) * 100vw), calc(-32px * var(--max-percent))), min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent))));
	}
	.btn_movie__windowPlay:hover .deco_moviePlay-circle:before{
		animation-play-state: paused;
	}
	.btn_movie__windowPlay:hover .btn_movie__windowPlay--img,
	.btn_movie__windowPlay:hover:before,
	.btn_movie__windowPlay:hover:after{
		opacity: 0;
	}
}

@media screen and (max-width:768px){
	.movie__videoArea{
		width: calc(658 / var(--vw-min) * 100vw);
		height: calc(382  / var(--vw-min) * 100vw);
	}
	.movie__videoWindow{
		width: calc(606 / var(--vw-min) * 100vw);
		height: calc(340 / var(--vw-min) * 100vw);
	}
	.movie__videoWindow:before{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	.movwi__buttonWindow{
		width: calc(606 / var(--vw-min) * 100vw);
		height: calc(340 / var(--vw-min) * 100vw);
	}
	.btn_movie__windowPlay:after{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
	.btn_movie__windowPlay--circle{
		width: calc(116 / var(--vw-min) * 100vw);
		height: calc(116 / var(--vw-min) * 100vw);
		right: calc(160 / var(--vw-min) * 100vw);
		left: calc(304 / var(--vw-min) * 100vw);
	}
}



/* ANIMATION */
.movie__videoArea{
	opacity: 0;
	transform: scale(95%);
	transition: opacity .4s ease, transform cubic-bezier(.35,.15,.19,1.27) .45s;
	transition-delay: .4s;
}
#movie.--is-ani .movie__videoArea{
	opacity: 1;
	transform: scale(100%);
}




/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
#character{
	padding-top: min(calc(100 / var(--vw-min) * 100vw), 100px);
	position: relative;
	overflow: hidden;
}
.character__content{
	position: relative;
	width: min(calc(1000 / var(--vw-min) * 100vw), calc(1000px * var(--max-percent)));
	margin: 0 auto;
	z-index: 1;
}
.character__title{
	position: relative;
	z-index: 2;
}
.character__title > .sectionCont__title--en{
	-webkit-text-stroke: 2px #FFF;
	position: relative;
}
.character__title > .sectionCont__title--en:before{
	content: 'C';
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	color: var(--color-main);
	-webkit-text-stroke: 1px transparent;
}
.character__title > .sectionCont__title--en:after{
	content: 'HARACTER';
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	color: var(--color-black);
	-webkit-text-stroke: 1px transparent;
}
.character__title > .sectionCont__title--ja > span {
    border: 0.5px solid var(--color-white);
}

@media screen and (max-width:768px){
	#character{
		padding-top: calc(100 / var(--vw-min) * 100vw);
	}
	.character__content{
		width: 100%;
		padding-left: calc(40 / var(--vw-min) * 100vw);
		padding-right: calc(40 / var(--vw-min) * 100vw);
	}
	.character__title{
		flex-direction: column;
        align-items: flex-start;
	}
	.character__title > .sectionCont__title--ja{
		margin-left: 0;
        margin-top: calc(32 / var(--vw-min) * 100vw);
	}
}


.character__contentIn{
	width: 100%;
	position: relative;
}
.characterContSwiper{
	width: 100%;
	overflow: unset;
}
.characterCont{
	width: 100%;
	display: flex;
}
.characterCont__detail{
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
	padding-bottom: min(calc(64 / var(--vw-min) * 100vw), 64px);
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
	flex-shrink: 0;
	position: relative;
	z-index: 1;
}
.characterCont__name{
	display: flex;
	flex-direction: column;
	line-height: 1;
}
.characterCont__name--ja{
	display: flex;
	flex-wrap: wrap;
	font-size: min(calc(74 / var(--vw-min) * 100vw), 74px);
	font-weight: 300;
	line-height: min(calc(88 / var(--vw-min) * 100vw), 88px);
	letter-spacing: 0;
	color: #FFF;
}
.characterCont__name--ja.w-3em{
	width: min(calc(300 / var(--vw-min) * 100vw), 300px);
}
.characterCont__name--ja.w-4em{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
}
.characterCont__name--ja > span{
	display: flex;
	align-items: center;
	justify-content: center;
	width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
	background-color: #000;
	padding-bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.characterCont__name--ja > span.ml-1{
	margin-left: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.characterCont__name--en{
	order: -1;
	font-family: var(--font-en);
	font-size: min(calc(12 / var(--vw-min) * 100vw), 12px);
	font-weight: 300;
	line-height: 1;
	letter-spacing: 0;
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
	color: var(--color-white);
}
.characterCont__cv{
	display: flex;
	align-items: center;
	padding: min(calc(14 / var(--vw-min) * 100vw), 14px) min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height: 1;
	color: var(--color-white);
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	position: relative;
}
.characterCont__cv:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 0%;
	background-image: linear-gradient(270deg, transparent 0%, rgb(0,0,0) 50%, rgb(0,0,0) 100%);
	transition: width .4s ease;
}
.characterCont__cv-dt{
	position: relative;
	font-family: var(--font-en);
	font-weight: 600;
	padding-right: min(calc(13 / var(--vw-min) * 100vw), 13px);
}
.characterCont__cv-dd{
	position: relative;
	font-weight: 500;
}
.characterCont__text{
	font-weight: 500;
	line-height: 1.5;
	margin-top: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.characterCont__profile {
	margin-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.characterCont__profile-h4{
	font-family: var(--font-en);
	color: var(--color-white);
	font-weight: 500;
	line-height: 1;
}
.characterCont__profile-h4 > span{
	display: inline-block;
	padding: min(calc(8 / var(--vw-min) * 100vw), 8px) min(calc(18 / var(--vw-min) * 100vw), 18px);
	background-color: var(--color-black);
}
.characterCont__profileLists{
	margin-top: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.characterCont__profileList{
	display: flex;
	align-items: center;
	line-height: 1.75;
}
.characterCont__profileList:not(:last-child){
	margin-bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.characterCont__profileList-dt{
	font-size: 87.5%;
	color: var(--color-white);
	flex-shrink: 0;
	padding-right: 1em;
}
.characterCont__profileList-dd{
	font-weight: 500;
}

.character__images{
	width: 100%;
	position: relative;
	display: flex;
	flex-direction: column;
}
.character__image-bg{
	position: absolute;
	top: max(calc(-28 / var(--vw-min) * 100vw), -28px);
	left: max(calc(-60 / var(--vw-min) * 100vw), -60px);
	bottom: 0;
	width: min(calc(750 / var(--vw-min) * 100vw), 750px);
	opacity: 30%;
	display: flex;
	flex-direction: column;
}
.character__image-bg_img{
	width: 100%;
	padding-top: 97.6%;/* 732 */
	position: relative;
	margin-top: auto;
}
.character__image-bg img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.character__image-main{
	position: relative;
	width: min(calc(530 / var(--vw-min) * 100vw), 530px);
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
}
.character__image-main_img{
	width: 100%;
	padding-top: 144.7273%;
	position: relative;
}
.character__image-main img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
}

@media screen and (max-width:768px){
	.characterCont{
		flex-direction: column;
	}
	.characterCont__detail{
		padding-top: calc(64 / var(--vw-min) * 100vw);
		padding-bottom: 0;
		width: 100%;
	}
	.characterCont__name--ja{
		font-size: calc(88 / var(--vw-min) * 100vw);
		line-height: calc(106 / var(--vw-min) * 100vw);
	}
	.characterCont__name--ja.w-3em{
		width: calc(360 / var(--vw-min) * 100vw);
	}
	.characterCont__name--ja.w-4em{
		width: calc(480 / var(--vw-min) * 100vw);
	}
	.characterCont__name--ja > span{
		width: calc(120 / var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
		padding-top: calc(6 / var(--vw-min) * 100vw);
	}
	.characterCont__name--ja > span.ml-1{
		margin-left: calc(120 / var(--vw-min) * 100vw);
	}
	.characterCont__name--en{
		font-size: calc(18 / var(--vw-min) * 100vw);
		margin-bottom: calc(18 / var(--vw-min) * 100vw);
	}
	.characterCont__cv{
		padding: calc(18 / var(--vw-min) * 100vw) calc(26 / var(--vw-min) * 100vw);
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
	.characterCont__cv-dt{
		padding-right: calc(20 / var(--vw-min) * 100vw);
	}
	.characterCont__text{
		line-height: 1.6;
	}
	.characterCont__profile {
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
	.characterCont__profile-h4{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.characterCont__profile-h4 > span{
		padding: calc(10 / var(--vw-min) * 100vw) calc(26 / var(--vw-min) * 100vw);
	}
	.characterCont__profileLists{
		display: flex;
		flex-wrap: wrap;
		column-gap: calc(32 / var(--vw-min) * 100vw);
		row-gap: calc(8 / var(--vw-min) * 100vw);
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
	.characterCont__profileList:not(:last-child){
		margin-bottom: 0;
	}
	.characterCont__profileList-dt{
		font-size: 83.3334%;
	}
	.character__images{
		width: calc(100% + (80 / var(--vw-min) * 100vw));
		margin-top: auto;
		margin-left: calc(-40 / var(--vw-min) * 100vw);
		height: calc(732 / var(--vw-min) * 100vw);
	}
	.character__image-bg{
		width: 100%;
		top: 0;
		left: 0;
		height: 100%;
	}
	.character__image-main{
		width: calc(496 / var(--vw-min) * 100vw);
	}
}




.character__bg{
	position: absolute;
	top: min(calc(150 / var(--vw-min) * 100vw), 150px);
	left: 0;
	bottom: 0;
	width: 0%;
	background-color: var(--color-main);
}
.character__bgIn{
	position: absolute;
	inset: 0;
	max-width: calc(1920px - min(calc(80 / var(--vw-min) * 100vw), 80px));
	margin: 0 auto;
}
.character__bg--line{
	width: min(calc(830 / var(--vw-min) * 100vw), 830px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
}
.character__bg--line_img{
	position: absolute;
	inset: 0;
	-webkit-mask: url(../img/character/bg-chara_line.svg) no-repeat center / cover;
	mask: url(../img/character/bg-chara_line.svg) no-repeat center / cover;
	background-color: #fff;
}

@media screen and (max-width:768px){
	.character__bg{
		top: calc(132 / var(--vw-min) * 100vw);
	}
	.character__bgIn{
		max-width: 100%;
		overflow: hidden;
	}
	.character__bg--line{
		width: calc(1016 / var(--vw-min) * 100vw);
		left: calc(84 / var(--vw-min) * 100vw);
		top: calc(-424 / var(--vw-min) * 100vw);
		bottom: calc(-124 / var(--vw-min) * 100vw);
	}
}


/* Animation */
.character__bg{
	transition: width cubic-bezier(0.075, 0.82, 0.165, 1) .6s;
}
#character.--is-ani .character__bg{
	width: 100%;
}

.characterCont__name--ja > span{
	opacity: 0;
    transform: scale(65%) rotate(4deg);
	transition: transform .6s cubic-bezier(.17, .67, .45, 1.03), opacity .5s cubic-bezier(.17, .67, .45, 1.03);
}
.characterCont__name--ja > span:nth-of-type(1){
	transition-delay: .3s;
}
.characterCont__name--ja > span:nth-of-type(2){
	transition-delay: .4s;
}
.characterCont__name--ja > span:nth-of-type(3){
	transition-delay: .5s;
}
.characterCont__name--ja > span:nth-of-type(4){
	transition-delay: .6s;
}
.characterCont__name--ja > span:nth-of-type(5){
	transition-delay: .7s;
}

#character.--is-ani .swiper-slide-active .characterCont__name--ja > span{
	opacity: 1;
	transform: scale(100%) rotate(0deg);
}

.characterCont__cv-dt,
.characterCont__cv-dd,
.characterCont__text,
.characterCont__profile{
	opacity: 0;
	transition: opacity .3s ease .4s;
}

#character.--is-ani .swiper-slide-active .characterCont__cv:before{
	width: 100%;
}
#character.--is-ani .swiper-slide-active .characterCont__cv-dt,
#character.--is-ani .swiper-slide-active .characterCont__cv-dd,
#character.--is-ani .swiper-slide-active .characterCont__text,
#character.--is-ani .swiper-slide-active .characterCont__profile{
	opacity: 1;
}


.character__image-bg{
	opacity: 0;
	transform: translateX(12.5%);
	transition: opacity .3s ease, transform .4s ease;
}
.character__image-main{
	opacity: 0;
	transform: translateX(-25%);
	transition: opacity .3s ease, transform .4s ease;
}
#character.--is-ani .swiper-slide-active .character__image-bg,
#character.--is-ani .swiper-slide-active .character__image-main{
	transform: translateX(0%);
	transition-delay: .4s, .5s;
}
#character.--is-ani .swiper-slide-active .character__image-bg{
	opacity: 30%;
}
#character.--is-ani .swiper-slide-active .character__image-main{
	opacity: 1;
}







/*-----------------------------------------------
 * STAFFCAST
-------------------------------------------------*/
#staffcast{
	width: 100%;
	padding-top: min(calc(140 / var(--vw-min) * 100vw), 140px);
	padding-bottom: min(calc(188 / var(--vw-min) * 100vw), 188px);
	background-color: #fff5f8;
}
.staffcast__content{
	position: relative;
	width: min(calc(1000 / var(--vw-min) * 100vw), 1000px);
	margin: 0 auto;
}
.staffcast__contentIn{
	width: 100%;
}

@media screen and (max-width:768px){
	#staffcast{
		padding-top: min(calc(120 / var(--vw-min) * 100vw), 120px);
		padding-bottom: calc(200 / var(--vw-min) * 100vw);
	}
	.staffcast__content{
		width: 100%;
		padding: 0 calc(40 / var(--vw-min) * 100vw);
	}
	.staffcast__content .sectionCont__title{
		flex-direction: column;
		align-items: flex-start;
	}
	.staffcast__content .sectionCont__title--ja{
		margin-left: 0;
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
}


.staffcastCont{
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.staffcast__title{
	width: 100%;
	font-family: var(--font-en);
	font-size: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-weight: 600;
	color: var(--color-main);
	line-height: 1;
	padding-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
	position: relative;
}
.staffcast__title:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	height: 1px;
	width: 0%;
	background-color: var(--color-main);
}
.staffcast__lists{
	display: flex;
	flex-wrap: wrap;
	row-gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
	font-weight: 500;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.staffcast__list{
	width: calc(100% / 4);
}
@media screen and (min-width:769px){
	.staffcast__list.-w30{
		width: calc(100% / 3);
	}
	.staffcast__list.-w50{
		width: 50%;
	}	
}
.staffcast__list.-w100{
	width: 100%;
}

.staffcast__list-dt{
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	line-height: 1.5;
	color: var(--color-main);
	margin-bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.staffcast__list-dd{
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.staffcast__nameLists{
	display: flex;
	flex-wrap: wrap;
}
.staffcast__name{
	display: flex;
	align-items: center;
}
.staffcast__nameList.-mr{
	margin-right: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.staffcast__nameList span.s_middle{
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.staffcast__nameList small{
	font-size: 50%;
}
.staffcast__comment{
	line-height: 1;
	margin-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.btn_staffcastComment{
	display: inline-block;
	padding: min(calc(6 / var(--vw-min) * 100vw), 6px) min(calc(8 / var(--vw-min) * 100vw), 8px);
	background-color: var(--color-main);
	font-family: var(--font-en);
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	color: var(--color-white);
	letter-spacing: 0;
	position: relative;
}
.btn_staffcastComment-txt{
	position: relative;
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_staffcastComment:before{
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(var(--color-black), var(--color-black)) right bottom / 0 100% no-repeat;
		transition: background-size 0.3s;
	}
	.btn_staffcastComment:hover:before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}

@media screen and (max-width:768px){
	.staffcastCont{
		padding-top: calc(60 / var(--vw-min) * 100vw);
	}
	.staffcast__title{
		font-size: calc(40 / var(--vw-min) * 100vw);
		padding-bottom: min(calc(14 / var(--vw-min) * 100vw), 14px);
	}
	.staffcast__title:after{
		height: calc(2 / var(--vw-min) * 100vw);
	}
	.staffcast__lists{
		padding-top: calc(40 / var(--vw-min) * 100vw);
		row-gap: calc(40 / var(--vw-min) * 100vw);	
	}
	.staffcast__list{
		width: 50%;
	}

	.staffcast__list-dt{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(4 / var(--vw-min) * 100vw);
	}
	.staffcast__list-dd{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.staffcast__nameList span.s_middle{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.staffcast__nameList small{
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
	.staffcast__comment{
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}
	.btn_staffcastComment{
		padding: calc(6 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}

/* Animation - staffcast */
.staffcast__title:after{
	transition: width .4s cubic-bezier(.17, .67, .45, 1.03);
}
#staffcast.--is-ani .staffcast__title:after{
	width: 100%;
	transition-delay: .45s;
}
.staffcast__title-ttl{
	display: inline-block;
	opacity: 0;
	transform: translateY(50%);
	transition: opacity .3s ease ,transform .4s cubic-bezier(.17, .67, .45, 1.03);
}
#staffcast.--is-ani .staffcast__title-ttl{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .4s;
}
.staffcast__lists{
	opacity: 0;
	transition: opacity .3s ease;
}
#staffcast.--is-ani .staffcast__lists{
	opacity: 1;
	transition-delay: .6s;
}




/**
* COMMENT MODAL
**/
#commentCont{
	width: min(calc(826 / var(--vw-min) * 100vw), calc(826px * var(--max-percent)));
	max-width: 100%;
}
.commentContIn{
	width: 100%;
	padding: 0 min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
}
#js-commentModalCont{
	display: flex;
}
.comment__img{
	width: min(calc(304 / var(--vw-min) * 100vw), calc(304px * var(--max-percent)));
	padding-right: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	flex-shrink: 0;
}
.comment__img img{
	width: 100%;
}
.comment__detail{
	width: 100%;
}
.commentCont_ttl{
	display: flex;
	flex-direction: column;
	gap: min(calc(14 / var(--vw-min) * 100vw), calc(14px * var(--max-percent)));
	line-height: 1;
}
.commentCont_ttl--job{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 500;
	color: var(--color-main);
}
.commentCont_ttl--name{
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	font-weight: 500;
}
.comment__detailIn{
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.comment__text{
	line-height: 1.5;	
}

@media screen and (max-width:768px){
	#commentCont{
		width: 100%;
	}
	.commentContIn{
		padding: 0 calc(104 / var(--vw-min) * 100vw);
	}
	#js-commentModalCont{
		flex-direction: column;
	}
	.comment__img{
		width: calc(382 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: min(calc(56 / var(--vw-min) * 100vw), 56px);
		padding-right: 0;
	}
	.commentCont_ttl{
		gap: calc(16 / var(--vw-min) * 100vw);
	}
	.commentCont_ttl--job{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.commentCont_ttl--name{
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
	.comment__detailIn{
		padding-top: calc(40 / var(--vw-min) * 100vw);
	}
	.comment__text{
		line-height: 1.6;
	}
}



#particleWrap {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	overflow: hidden;
	pointer-events: none;
	opacity: 1;
	transition: .8s ease-in-out;
}
#particle {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	pointer-events: none;
}



/*-----------------------------------------------
 * tLoading
-------------------------------------------------*/
#tLoading{
	position: fixed;
	inset: 0;
	z-index: 100001;
}
.tLoadingIn{
	position: absolute;
	inset: 0;
	overflow: hidden;
	transition: transform .4s ease;
}
.tLoading__bg{
	position: absolute;
	inset: 0;
}
.tLoading__bgc{
	position: absolute;
	inset: 0;
}
.tLoading__bgc.-black{
	background-color: var(--color-black);
}

.tLoading__cont{
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.tLoading__logos{
	width: min(calc(530 / var(--vw-min) * 100vw), 530px);
	height: min(calc(246 / var(--vw-min) * 100vw), 246px);
	position: relative;
}
.tLoading__logo{
	position: absolute;
}
.tLoading__logo-img{
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
}
.tLoading__logo.-txt{
	width: 100%;
	height: 100%;
	inset: 0;
	opacity: 0;
	transform: translateX(-40%);
	transition: opacity .4s ease, transform .8s ease;
}
.tLoading__logo.-txt .tLoading__logo-img{
	width: 100%;
	height: 100%;
	background-image: url(../img/top/loading/logo_txt.png);
}
.tLoading__logo.-star{
	inset: unset;
	top: 0;
	right: 12.8302%;/* 68 */
	width: 60.3774%;/* 320 */
	height: 100%;
}
.tLoading__logo--starImgWrap{
	width: 76.875%;/* 246 */
	height: 100%;
	position: relative;
	transition: margin-left .8s ease;
	margin-left: 0%;
}
.tLoading__logo--starImg{
	width: 100%;
	height: 100%;
	transform: scale(50%);
	transition: transform .8s ease;
	position: relative;
}
.tLoading__logo--starImgIn{
	transition: opacity .4s ease;
}
.tLoading__logo--starImgIn:before{
	content: '';
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.tLoading__logo--starImgIn.-loading:before{
	background-image: url(../img/top/loading/logo_star.png);
	animation: ani_loadingStar .6s infinite ease-in-out;
}
.tLoading__logo--starImgIn.-loaded:before{
	background-image: url(../img/top/loading/logo_star-deco.png);
}

.tLoading__logo--starImgIn.-loaded{
	opacity: 0;
}


@keyframes ani_loadingStar {
	0% {
		transform: scale(0.95);
		filter: brightness(1);
		opacity: 0.6;
	}
	50% {
		transform: scale(1.05); 
		filter: brightness(1.5) drop-shadow(0 0 12px rgba(255, 255, 255, 0.8)); 
		opacity: 1; 
	}
	100% {
		transform: scale(0.95);
		filter: brightness(1);
		opacity: 0.6;
	}
}

.tLoading__bgc.-pink{
	width: 150%;
	background-color: var(--color-main);
	transform: translateX(-100%);
	transition: transform .4s ease;
}



/* is-loading */
body.--is-loading .tLoading__logo--starImgIn.-loading{
	opacity: 0;
}
body.--is-loading .tLoading__logo--starImgIn.-loaded{
	opacity: 1;
}

body.--is-loading .tLoading__logo--starImgWrap{
	margin-left: 30.0813%;
	transition-delay: .4s;
}
body.--is-loading .tLoading__logo--starImg{
	transform: scale(100%);
}
body.--is-loading .tLoading__logo.-txt{
	opacity: 1;
	transform: translateX(0%);
	transition-delay: .4s;
}

body.--is-loading .tLoading__bgc.-pink{
	transform: translateX(0%);
	transition-delay: 1.1s;
}

body.--is-loading .tLoadingIn{
	transform: translateX(100%);
	transition-delay: 1.3s;
}