@charset "utf-8";
/*-----------------------------------------------
 * VISUAL
-------------------------------------------------*/
#visual{
	position:relative;
	width:100%;
}
@media screen and (max-width:767px){
	#visual{
		display:flex;
		flex-direction:column;
		padding-bottom:min(calc(72 / var(--min-ww) * 100vw), 72px);
		overflow:hidden;
	}
}


/**
* visualContentBG
**/
.visualContentBG{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	bottom:0;
}
.visualContentBGIn{
	position:sticky;
	width:100%;
	top:0;
	height:min(100vh, 100%);
}
.tlogoWrap{
	position:absolute;
	top:0;
	right:0;
	margin-right:10.83334%;/* 130 */
	width:8.3334%;/* 100 */
}
.tlogoWrap:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	height:4px;
	margin:0 auto;
	background-color:#ff5064;
}
.tlogo{
	display:block;
	width:100%;
	max-width:15.625vh;
	margin:0 auto;
}
.tlogoIn{
	display:block;
	position:relative;
	width:100%;
	margin-top:44%;/* 44 */
}
.tlogoIn img{
	width:100%;
}

.tTitle__en{
	position:absolute;
	bottom:0;
	right:0;
	margin-right:10.83334%;/* 130 */
	width:8.3334%;/* 100 */
}
.tTitle__en_img.pc{
	width:93%;
	margin:0 auto 36%;
}
.tTitle__en_img.pc > img{
	width:100%;
}

@media screen and (max-width:767px){
	.visualContentBG{
		position:relative;
		bottom:unset;
		z-index:2;
	}
	.visualContentBGIn{
		position:unset;
		height:100%;
		padding-top:var(--sp-size-24);
	}
	.tlogoWrap{
		position:relative;
		top:unset;
		right:unset;
		width:100%;
		padding-top:min(16.5334%, 124px);
		margin-right:unset;
	}
	.tlogoWrap:before{
		left:0;
		width:var(--sp-size-8);
		right:unset;
		height:100%;
	}
	.tlogoWrap:after{
		content:'';
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		width:var(--sp-size-8);
		background-color:var(--color-main-red);
	}
	.tlogo{
		width:61.8667%;/* 464 */
		height:100%;
		position:absolute;
		top:0;
		left:0;
		right:0;
		max-width:100%;
	}
	.tlogoIn{
		margin-top:unset;
	}
	.tTitle__en{
		position:relative;
		width:100%;
		text-align:center;
		padding-top:var(--sp-size-48);
		font-family:var(--font-en);
		font-weight:700;
		font-size:var(--sp-size-20);
		line-height:1;
		letter-spacing:0.025em;
		text-align:center;
		color:var(--color-main-brown);
	}
}

/* movie */
.fvMovieWrap{
	position:absolute;
	bottom:0;
	right:0;
	width:min(calc(172 / var(--vw-min) * 100vw),172px);/* 172 */
	max-width:172px;
	margin-bottom:calc(min(calc(40 / var(--vw-min) * 100vw),40px) + min(calc(72 / var(--min-ww) * 100vw), min(calc(72 / var(--min-wh) * 100vh),calc(72px * var(--max-width-percent)))));/* 32 */
	z-index:10;
	pointer-events:auto;
}
.fvMovieCont{
	position:relative;
	width:100%;
	padding-top:100%;
}
.fvMovieContIn{
	width:93.0233%;/* 160 */
	height:93.0233%;
	margin:auto;
	border-radius:50%;
	overflow:hidden;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.btn_fvmoviePLay{
	display:block;
	width:100%;
	height:100%;
	border-radius:50%;
	overflow:hidden;
	background-color:var(--color-main-red);
	mix-blend-mode:overlay;
	position:relative;
	z-index:2;
}
.moviebg{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	transform:scale(1.5);
	opacity:60%;
}
.bg_ytplayer{
	position:absolute;
	top:-50%;
	left:-50%;
	width:200%;
	height:200%;
	transition:.3s ease .2s;
	pointer-events:none;
}
body.--yt-apmov-stop .bg_ytplayer{
	opacity:0;
	transition-delay:0s;
}

.fvMovieContIn .icon-play{
	position:absolute;
	top:0;
	left:5%;/* 8 */
	right:0;
	bottom:0;
	width:22.5%;/* 36 */
	height:25%;/* 40 */
	margin:auto;
	background-color:#fff;
	mask:url(../img/common/icon_play.svg) no-repeat center / contain;
	-webkit-mask:url(../img/common/icon_play.svg) no-repeat center / contain;
	z-index:2;
	pointer-events:none;
}

.fvMovie_frame{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	pointer-events:none;
	background:url(../img/top/fvMovie_frame.svg) no-repeat center / contain;
}

@media (hover:hover) and (pointer:fine){
	.btn_fvmoviePLay{
		transition:.6s ease;
	}
	.icon-play{
		transition:.4s cubic-bezier(.84,.33,.53,.97);
	}
	.btn_fvmoviePLay:hover{
		opacity:40%;
	}
	.btn_fvmoviePLay:hover~.icon-play{
		transform:rotate(360deg) scale(1.25);
	}
}
@media screen and (max-width:767px){
	.fvMovieWrap{
		left:0;
		right:unset;
		bottom:0;
		margin-left:min(calc(532 / var(--vw-min) * 100vw),532px);
		margin-bottom:min(calc(72 / var(--vw-min) * 100vw),72px);
		margin-top:0;
		width:min(calc(216 / var(--min-ww) * 100vw), 216px);
		max-width:unset;
	}
}



/**
* visualImageArea
**/
.visualImageArea{
	width:calc(50% + 16px);
	padding:72px 0;
	margin:0 auto;
	position:relative;
}

.visualImageArea{
	height:calc(70.8334vw + 160px);/** **/
}
.visualImageWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:calc(100% - 16px);
	margin:0 auto;
}
.visualImageInWrap{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	height:min(100vh, 100%);
}
.visualImage{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:80px 0;
	margin:min(calc(80 / var(--min-ww) * 100vw), min(calc(80 / var(--min-wh) * 100vh),calc(80px * var(--max-width-percent)))) 0;
	clip-path:polygon(0 0%, 100% 0, 100% 100%, 0% 100%);
	background-color:#FFF;
}
.visualImageListsWrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	bottom:0;
}
.visual_bg{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.visual_bg:before,
.visual_bg:after{
	content:'';
	position:absolute;
	left:0;
	width:100%;
	height:50%;
	background:url(../img/top/visual/visual_bg.png) repeat-y;
	background-size:100%;
}
@supports (background-image:url('../img/top/visual/visual_bg.webp')){
	.visual_bg:before,
	.visual_bg:after{
		background-image:url(../img/top/visual/visual_bg.webp);
	}
}
.visual_bg:before{
	top:0;
	background-position:center top;
}
.visual_bg:after{
	bottom:0;
	background-position:center bottom
}
.visualImage img{
	width:100%;
	height:100%;
	object-fit:cover;
	object-position:center 0;
}
.visualImageList.--contain img{
	object-position:center!important;
	object-fit:contain;
}



.visualFrameWrap{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	width:100%;
	/* height:calc(100vh - 144px); */
}
.visualFrameInWrap{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	height:min(100vh, 100%);
}
.visualFrame{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin:72px 0;
	margin:min(calc(72 / var(--min-ww) * 100vw), min(calc(72 / var(--min-wh) * 100vh),calc(72px * var(--max-width-percent)))) 0;
	width:100%;
}
.visualFrame__line,
.visualFrame__line span{
	position:absolute;
}
.visualFrame__line span{
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:var(--color-main-brown);
}

.visualFrame__line.-t{
	top:0;
	right:0;
	left:48px;
	height:2px;
}
.visualFrame__line.-r{
	top:0;
	right:0;
	bottom:128px;
	width:2px;
}
.visualFrame__line.-b{
	bottom:0;
	left:0;
	right:48px;
	height:2px;
}
.visualFrame__line.-l{
	bottom:0;
	left:0;
	top:128px;
	width:2px;
}

@media screen and (max-width:767px){
	.visualImageArea{
		order:-1;
		width:100%;
		padding:min(calc(52 / var(--min-ww) * 100vw), 52px);
		height:auto;
	}
	.visualImageWrap{
		position:relative;
		width:100%;
		padding:var(--sp-size-20);
	}
	.visualImageInWrap{
		position:unset;
		width:100%;
		height:auto;
	}
	.visualImage{
		width:100%;
		position:relative;
		margin:unset;
		clip-path:unset;
	}
	.visualImageListsWrap{
		position:relative;
		top:unset;
		bottom:unset;
	}
	.visualImage img{
		height:auto;
		object-fit:unset;
	}

	.visualFrameWrap{
		margin:min(calc(52 / var(--min-ww) * 100vw), 52px);
		right:0;
		width:auto;
	}
	.visualFrameInWrap{
		position:unset;
		height:auto;
	}
	.visualFrame{
		margin:0;
		right:0;
		width:auto;
	}

	.visualFrame__line.-t{
		left:var(--sp-size-96);
		height:var(--sp-size-4);
	}
	.visualFrame__line.-r{
		bottom:min(calc(256 / var(--min-ww) * 100vw), 256px);
		width:var(--sp-size-4);
	}
	.visualFrame__line.-b{
		right:var(--sp-size-96);
		height:var(--sp-size-4);
	}
	.visualFrame__line.-l{
		top:min(calc(256 / var(--min-ww) * 100vw), 256px);
		width:var(--sp-size-2);
	}
}


/*
* visualChange
*/
.visualChangeWrap{
	position:absolute;
	bottom:120px;
	right:0;
	margin-right:-3.2468%;/* -20 */
	width:6.4935%;/* 40 */
	opacity:0;
	transition:opacity .3s ease;
}
.visualChangeList{
	padding:min(20%, 8px) 0;
	transition:.3s ease;
}
.visualChangeList img{
	width:100%;
}
.btn_visualChange{
	display:block;
	border-radius:50%;
	border:2px solid var(--color-main-brown);
	position:relative;
	overflow:hidden;
	transition:border-color .3s ease;
}
.visualChange_gause{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:0;
}
.visualChange_gause:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:100%;
	background-color:var(--color-main-red);
	mix-blend-mode:color;
}
/* is-active */
body.--is-loaded-fin .visualChangeWrap{
	opacity:1;
}
body.--is-loaded-fin .visualChangeList:has(button.is-active){
	transform:scale(1.2);
}
body.--is-loaded-fin .btn_visualChange.is-active{
	border-color:var(--color-main-red);
}
body.--is-loaded-fin .btn_visualChange.is-active img{
	transform:scale(1.1);
}
body.--is-loaded-fin .btn_visualChange.is-active .visualChange_gause{
	opacity:1;
}
body.--is-loaded-fin .btn_visualChange.is-active .visualChange_gause:before{
	bottom:0%;
	transition:bottom 8s linear;
}

@media (hover:hover) and (pointer:fine){
	.btn_visualChange:hover{
		border-color:var(--color-main-red);
	}
}

@media screen and (max-width:767px){
	.visualChangeWrap{
		bottom:unset;
		top:0;
		margin-top:var(--sp-size-96);
		width:var(--sp-size-80);
		margin-right:calc(var(--sp-size-40) * -1);
	}
	.visualChangeList{
		padding:var(--sp-size-16) 0;
	}
	.btn_visualChange{
		border-width:var(--sp-size-4);
	}
}





/*
* visualOnairInfoWrap
*/
.visualOnairInfoWrap{
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin-left:-132px;
	width:160px;
	pointer-events:none;
}
.visualOnairInfoInWrap{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	height:min(100vh, 100%);
}
.visualOnairInfo{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	padding-top:100%;
	margin-top:40px;
}
.visualOnairInfo__txt{
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	transform:rotate(-15deg);
}
.visualOnairInfo__txt:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/top/fv_circle__tvanimation.svg) no-repeat center / contain;
	animation:32s ani_rotate linear infinite;
}
.visualOnairInfo__txt > img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:contain;
}

@media screen and (max-width:767px){
	.visualOnairInfoWrap{
		width:26.6667%;/* 200 */
		margin-left:-2.2%;/* 11 */
		margin-top:6.4%;/* 84 */
		bottom:0;
	}
	.visualOnairInfoInWrap{
		position:unset;
		height:100%;
		position:relative;
	}
	.visualOnairInfo{
		margin-top:0;
		overflow:hidden;
	}
}

/*
* visualtoContentWrap
*/
.visualtoContentWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:96px;/* 96 */
	margin:0 auto;
}
.visualtoContentInWrap{
	position:sticky;
	top:0;
	left:0;
	width:100%;
	height:min(100vh, 100%);
}
.visualtoContent{
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    margin:72px 0 40px;
	margin:min(calc(72 / var(--min-ww) * 100vw), min(calc(72 / var(--min-wh) * 100vh),calc(72px * var(--max-width-percent)))) 0;
    width:100%;
}
.link_visualtoContent{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	padding-top:44.9153%;
	margin-bottom:-16.6667%;/* 16 */
}
.link_visualtoContent:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/top/link_visualtoContent__arrow.svg) no-repeat center / contain;
}
@media (hover:hover) and (pointer:fine){
	.link_visualtoContent:before{
		transition:.3s ease;
	}
	.link_visualtoContent:hover::before{
		transform:translateY(25%);
	}
}
@media screen and (max-width:767px){
	.visualtoContentWrap{
		width:15.7334%;/* 118 */
	}
	.visualtoContentInWrap{
		position:unset;
		height:auto;
	}
	.visualtoContent{
		top:unset;
		left:0;
		margin:0 0 32.2034%;/* 38 */
	}
}


/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
#news .contentIn{
	padding-left:128px;
}
.newsLists{
	 position:relative;
}
.newsLists:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin-top:16px;
	margin-left:12px;
	background-color:#FFF;
}
.newsList{
	width:100%;
	position:relative;
	z-index:2;
}
.newsList:last-child:after{
	content:'';
	position:absolute;
	bottom:0;
	left:12px;
	right:0;
	border-bottom:2px solid var(--color-main-brown);
}
.newsList__link{
	width:100%;
	position:relative;
	display:block;
	text-decoration:none;
	line-height:1;
}
.newsList:last-child .newsList__link{
	padding-bottom:12px;
}
.newsList__link:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	margin-top:16px;
	height:2px;
	width:100%;
	background-color:var(--color-main-brown);
}
.newsList__date{
	display:inline-block;
	line-height:1;
	padding:10px 26px;
	background-color:#fff;
	font-family:var(--font-en);
	color:var(--color-main-red);
	position:relative;
	z-index:2;
}
.newsList__date:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border-top:2px solid var(--color-main-brown);
	border-bottom:2px solid var(--color-main-brown);
}
.newsList__title{
	padding:20px 72px 20px 32px;
	line-height:1;
	position:relative;
}
.newsList__title_txt{
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:1;
	-webkit-box-orient:vertical;
	line-height:1.5;
	color:#222;
}
.newsList__title_txt > span{
	line-height:1;
	position:relative;
}
.newsList__title:after{
	content:'';
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;
	margin-right:16px;
	width:13px;
	height:32px;
	-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-red);
}

@media (hover:hover) and (pointer:fine){
	.newsList__title_txt{
		transition:.3s ease;
	}
	.newsList__title_txt span{
        background:linear-gradient(var(--color-main-red), var(--color-main-red)) right bottom / 0 100% no-repeat;
        transition:background-size .4s ease;
	}
	.newsList__title:after{
		transition:.3s ease;
	}
	.newsList__link:hover .newsList__title_txt span{
		background-position:left bottom;
		background-size:100% 100%;
	}
	.newsList__link:hover .newsList__title_txt{
		color:#FFF;
		transition-delay:.1s;
	}
	.newsList__link:hover .newsList__title:after{
		transition-delay:.2s;
		transform:translateX(50%);
	}
}

@media screen and (max-width:767px){
	#news .contentIn{
		margin-top:min(calc(76 / var(--min-ww) * 100vw), 76px);
		padding-left:min(calc(168 / var(--min-ww) * 100vw), 168px);
	}
	.newsLists:before{
		margin-top:var(--sp-size-24);
		margin-left:var(--sp-size-24);
	}
	.newsList:last-child:after{
		left:var(--sp-size-24);
		border-width:var(--sp-size-4);
	}
	.newsList:last-child .newsList__link{
		padding-bottom:var(--sp-size-20);
	}
	.newsList__link:before{
		margin-top:var(--sp-size-20);
		height:var(--sp-size-4);
	}
	.newsList__date{
		padding:var(--sp-size-12) min(calc(40 / var(--min-ww) * 100vw), 40px);;
	}
	.newsList__date:before{
		border-width:var(--sp-size-4);
	}
	.newsList__title{
		padding-top:var(--sp-size-20);
		padding-right:var(--sp-size-72);
		padding-bottom:var(--sp-size-20);
		padding-left:var(--sp-size-48);
	}
	.newsList__title_txt{
		-webkit-line-clamp:2;
		line-height:1.6667;
	}
	.newsList__title:after{
		width:var(--sp-size-20);
		height:var(--sp-size-48);
		margin-right:var(--sp-size-24);
	}
}




/**
* scrAni - set
**/
.newsLists,
.follow_xWrap{
	opacity:0;
	transition:.3s ease;
}
.newsList__title{
	opacity:0;
	transform:translateY(10%);
	transition:.4s ease;
}
.follow_xIn:before{
	animation-play-state:paused;
}

/* scrAni - ani */
.content.is-ani .newsLists,
.content.is-ani .follow_xWrap{
	opacity:1;
	transition-delay:1s;
}
.content.is-ani .newsList__title{
	opacity:1;
	transform:translateY(0%);
	transition-delay:1.3s;
}
.content.is-ani .follow_xIn:before{
	animation-play-state:running;
}


/*-----------------------------------------------
 * STAFFCAST
-------------------------------------------------*/
.scContentWrap{
	position:relative;
}
.scContentIn{
	position:relative;
	padding:min(9.091%, 80px) 7.2728% calc(min(9.091%, 80px) - 32px);/* 80px 64px */
	background-color:rgba(255,255,255,.6);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
}

@media screen and (max-width:1200px){
	#staffcast .cont_h2__lines.-out{
		width:14%;
	}
}

.staffcastLists{
	display:flex;
	flex-wrap:wrap;
}
.staffcastList{
	width:50%;
	display:flex;
	flex-wrap:wrap;
	padding:0 1.0639%;/* 0 8px */
	margin-bottom:32px;
	font-size:18px;
}
.staffcastList.-w100{
	width:100%;
}
.staffcastList.-gensaku > dd{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-end;
}
.staffcastList > dt{
	flex-shrink:0;
	display:inline-block;
	padding-right:11px;
	line-height:2;
	color:var(--color-main-red);
}
.staffcastList > dt > span{
	display:inline-block;
	padding-right:21px;
	position:relative;
	line-height:2;
}
.staffcastList > dt > span:after{
	content:'';
	position:absolute;
	top:2px;
	right:0;
	bottom:0;
	width:10px;
	height:10px;
	margin:auto 0;
	background:url(../img/common/icon_x.svg) no-repeat center / contain;
}
.staffcastList > dd{
	color:#222;
	line-height:2;
}

/* Accent */
.scContentIn:before,
.scContentIn:after{
	content:'';
	position:absolute;
	width:72px;
	height:72px;
	background:url(../img/common/accent_side.svg) no-repeat center / contain;
}
.scContentIn:before{
	top:0;
	left:0;
	margin-top:-16px;
	margin-left:-16px;
}
.scContentIn:after{
	bottom:0;
	right:0;
	margin-bottom:-16px;
	margin-right:-16px;
	transform:scale(-1);
}

@media screen and (max-width:767px){
	#staffcast .contentIn{
		padding-left:var(--sp-size-48);
		padding-right:var(--sp-size-48);
	}
	.scContentIn{
		padding:var(--sp-size-36) var(--sp-size-36) var(--sp-size-16);
	}
	.staffcastList{
		padding:0 var(--sp-size-12);
		margin-bottom:var(--sp-size-32);
		flex-direction:column;
		font-size:var(--sp-size-24);
	}
	.staffcastList.-gensaku > dd{
		display:block;
	}
	.staffcastList > dt{
		padding-right:0;
	}
	.staffcastList > dt > span{
		padding-right:var(--sp-size-36);
	}
	.staffcastList > dt > span:after{
		width:var(--sp-size-16);
		height:var(--sp-size-16);
		top:var(--sp-size-2);
		bottom:0;
	}

	/* Accent */
	.scContentIn:before,
	.scContentIn:after{
		width:min(calc(90 / var(--min-ww) * 100vw), 90px);
		height:min(calc(90 / var(--min-ww) * 100vw), 90px);
	}
	.scContentIn:before{
		margin-top:max(calc(-21 / var(--min-ww) * 100vw), -21px);
		margin-left:max(calc(-21 / var(--min-ww) * 100vw), -21px);
	}
	.scContentIn:after{
		margin-bottom:max(calc(-21 / var(--min-ww) * 100vw), -21px);
		margin-right:max(calc(-21 / var(--min-ww) * 100vw), -21px);
	}
}

/* STAFF */
#staff .cont_h3{
	position:absolute;
	top:0;
	right:0;
	line-height:0.70589;
	margin-top:-40px;
	margin-right:7.2728%;
	font-family:var(--font-en);
}
@media screen and (max-width:767px){
	#staff .cont_h3{
		margin-top:calc(var(--sp-size-40) * -1);
		margin-right:var(--sp-size-36);
	}
}


/* CAST */
#cast .cont_h3{
	text-align:right;
	margin-bottom:40px;
	font-family:var(--font-en);
}
#cast .staffcastList{
	align-items:flex-start;
}
#cast .staffcastList > dd{
	display:flex;
	align-items:center;
	flex-wrap:wrap;
}
.castName{
	max-width:100%;
	flex-shrink:0;
	padding-right:12px;
}
.btn_scComment{
	display:inline-block;
	width:40px;
	height:20px;
	background:url(../img/common/icon_fukidashi.svg) no-repeat center / contain;
}
@media (hover:hover) and (pointer:fine){
	.btn_scComment{
		transition:.3s ease;
	}
	.btn_scComment:hover{
		transform:scale(1.15);
	}
}
@media screen and (max-width:767px){
	#cast .cont_h3{
		margin-bottom:var(--sp-size-32);
	}
	.castName{
		padding-right:var(--sp-size-24);
	}
	.btn_scComment{
		width:var(--sp-size-80);
		height:var(--sp-size-40);
	}
}



/**
* COMMENT MODAL
**/
#commentModal:before{
	background-color:rgba(241, 238, 237, .9);
}
#commentModal .scContentWrap{
	width:100%;
	max-width:calc(880px * var(--max-width-percent));
	margin:0 auto;
	padding:0 6.6667%;
}
#commentModal .scContentIn{
	padding-top:80px;
	padding-bottom:80px;
	padding-left:7.6923%;
	padding-right:7.6923%;
	background-color:#FFF;
}
#commentModal .cont_h3{
	position:absolute;
	top:0;
	right:0;
	line-height:0.70589;
	margin-top:-40px;
	margin-right:7.2728%;
}
#js-commentModalCont{
	display:flex;
	width:100%;
}
.commentCont{
	width:100%;
}
.commentCont__h3{
	display:flex;
	flex-wrap:wrap;
	margin-bottom:24px;
	font-size:24px;
	font-weight:500;
}
.commentCont__h3 > .commentCont__h3_job{
	flex-shrink:0;
	display:inline-block;
	padding-right:16px;
	line-height:2;
	color:var(--color-main-red);
}
.commentCont__h3 > .commentCont__h3_job > span{
	display:inline-block;
	padding-right:32px;
	position:relative;
	line-height:2;
}
.commentCont__h3 > .commentCont__h3_job > span:after{
	content:'';
	position:absolute;
	top:2px;
	right:0;
	bottom:0;
	width:12px;
	height:12px;
	margin:auto 0;
	background:url(../img/common/icon_x.svg) no-repeat center / contain;
}
.commentCont__h3 > .commentCont__h3_name{
	color:#222;
	line-height:2;
}
.commentCont__txt{
	line-height:2;
}
.commentCont__img{
	order:-1;
	flex-shrink:0;
	width:30%;
	padding-right:5%;
}
.commentCont__img img{
	max-width:100%;
}

@media screen and (max-width:767px){
	#commentModal .scContentWrap{
		max-width:100%;
		padding:var(--sp-size-64) var(--sp-size-48);
	}
	#commentModal .scContentIn{
		padding-top:var(--sp-size-48);
		padding-left:var(--sp-size-36);
		padding-right:var(--sp-size-36);
		padding-bottom:var(--sp-size-36);
	}
	#js-commentModalCont{
        flex-direction:column;
    }
	#commentModal .cont_h3{
		margin-top:calc(var(--sp-size-40) * -1);
		margin-right:var(--sp-size-36);
	}
	.commentCont__h3{
		justify-content:center;
		font-size:var(--sp-size-32);
		margin-bottom:var(--sp-size-32);
	}
	.commentCont__h3 > .commentCont__h3_job{
		padding-right:var(--sp-size-20);
	}
	.commentCont__h3 > .commentCont__h3_job > span{
		padding-right:var(--sp-size-36);
	}
	.commentCont__h3 > .commentCont__h3_job > span:after{
		top:var(--sp-size-4);
		width:var(--sp-size-16);
		height:var(--sp-size-16);
	}
	.commentCont__img{
		width:min(68.7286%, 400px);
		padding-right:0;
		margin:var(--sp-size-24) auto var(--sp-size-48);
	}
}



/**
* scrAni - set
**/
#staffcast .scContentIn{
	opacity:0;
	transform:scale(90%);
	transition:.4s ease;
}
#staffcast.is-ani .scContentIn{
	transition-delay:1s;
	opacity:1;
	transform:scale(100%);
}
.staffcastLists{
	opacity:0;
	transition:.3s ease;
}
#staffcast.is-ani .staffcastLists{
	transition-delay:1.4s;
	opacity:1;
}


/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
#movie .contentIn{
	width:100%;
	max-width:100%;
}
.movieList{
	width:56.6667%;/* 616 + 64 */
	max-width:calc(680px * var(--max-width-percent));
}
.movieListIn{
	width:100%;
	padding:0 4.7059%;
}
.movieList__movWrap{
	width:100%;
	position:relative;
	padding:8px;
	line-height:0;
}
.movieList__movFrameWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}
.movieList__movFrame,
.movieList__movFrame span{
	position:absolute;
}
.movieList__movFrame span{
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:var(--color-main-brown);
	transition:.4s cubic-bezier(.17,.67,.65,1);
}
.movieList__movFrame.-t{
	top:0;
	right:0;
	left:48px;
	height:2px;
}
.movieList__movFrame.-r{
	top:0;
	right:0;
	bottom:128px;
	width:2px;
}
.movieList__movFrame.-b{
	bottom:0;
	left:0;
	right:48px;
	height:2px;
}
.movieList__movFrame.-l{
	bottom:0;
	left:0;
	top:128px;
	width:2px;
}



.btn_movieListPlay{
	position:relative;
	width:100%;
	padding-top:56.25%;
	overflow:hidden;
}
.btn_movieListPlay:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:var(--color-main-red);
	opacity:60%;
	z-index:2;
	transition:opacity .3s ease;
}
.btn_movieListPlay img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	object-fit:cover;
	transition:transform .4s cubic-bezier(.64,.39,.46,1);
}
.icon-movPlay{
	width:13.3334%;/* 80 */
	height:23.7389%;/* 80 */
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	z-index:2;
}
.icon-movPlay:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../img/common/icon_play__base.svg) no-repeat center / contain;
}
.icon-movPlay:after{
	content:'';
	position:absolute;
	top:0;
	left:10%;
	right:0;
	bottom:0;
	margin:auto;
	width:45%;/* 36 */
	height:50%;/* 40 */
	background:url(../img/common/icon_play.svg) no-repeat center / contain;
	transition:transform .4s cubic-bezier(.84,.33,.53,.97);
}

.movieList__title{
	line-height:1.5;
	font-weight:500;
	text-align:center;
	margin-top:16px;
}

.moviePrevNextWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	width:56.6667%;/* 616 + 64 */
	max-width:calc(680px * var(--max-width-percent));
	margin:0 auto;
	z-index:2;
	pointer-events:none;
}
.moviePrevNextHeightWrap{
	width:100%;
	padding:0 4.7059%;
}
.moviePrevNextHeightInWrap{
    width:100%;
    position:relative;
    padding:8px;
}
.moviePrevNextHeight{
	width:100%;
	padding-top:56.25%;
}

.moviePrevNextInWrap{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
.moviePrevNext{
	margin:auto 0;
	transition:.3s ease;
	width:7.0589%;
	position:absolute;
	pointer-events:auto;
	transition:transform .3s ease;
}
.moviePrevNext:before{
	content:'';
	display:block;
	width:100%;
	padding-top:206.3158%;
}
.btn_moviePrev{
	left:0;
}
.btn_moviePrev:before{
	background:url(../img/common/arrow_prev.png) no-repeat center left / contain;
}
.btn_movieNext{
	right:0;
}
.btn_movieNext:before{
	background:url(../img/common/arrow_next.png) no-repeat center right / contain;
}

@media (hover:hover) and (pointer:fine){
	.btn_moviePrev:hover{
		transform:translateX(-20%);
	}
	.btn_movieNext:hover{
		transform:translateX(20%);
	}
	.btn_movieListPlay:hover::before{
		opacity:40%;
	}
	.btn_movieListPlay:hover img{
		transform:scale(1.05);
	}
	.btn_movieListPlay:hover .icon-movPlay:after{
		transform:rotate(360deg) scale(1.1);
	}
}

@media screen and (max-width:767px){
	.movieList{
		width:80.8%;/* 606 */
		max-width:unset;
	}
	.movieListIn{
		padding:0 0.6601%;/* 0 4 */
	}
	.movieList__movWrap{
		padding:3.3445%;/* 20 */
	}
	.movieList__movFrame.-t{
		left:var(--sp-size-96);
		height:var(--sp-size-4);
	}
	.movieList__movFrame.-r{
		bottom:min(calc(230 / var(--min-ww) * 100vw), 230px);
		width:var(--sp-size-4);
	}
	.movieList__movFrame.-b{
		right:var(--sp-size-96);
		height:var(--sp-size-4);
	}
	.movieList__movFrame.-l{
		top:min(calc(230 / var(--min-ww) * 100vw), 230px);
		width:var(--sp-size-4);
	}
	.icon-movPlay{
		width:var(--sp-size-96);
		height:var(--sp-size-96);
	}
	.movieList__title{
		margin-top:var(--sp-size-16);
	}
	.moviePrevNextWrap{
		width:85.3334%;/* 640 */
		max-width:unset;
	}
	.moviePrevNextHeightWrap{
		padding:0 2.8125%;/* 0 18 */
	}
	.moviePrevNextHeightInWrap{
		padding:3.3445%;
	}
	.moviePrevNext{
		width:9.6875%;
	}
}


/* scrAni */
.btn_movieListPlay{
	opacity:0;
	transform:scale(0.8);
	transition:transform .6s cubic-bezier(.64,.39,.46,1) 1.4s, opacity .6s cubic-bezier(.64,.39,.46,1) 1.4s;
}
.movieList__movFrame span{
	transition:.4s cubic-bezier(.17,.67,.65,1) 1s;
}
.movieList__movFrame.-t span{
	width:0%;
	margin-left:auto;
}
.movieList__movFrame.-r span{
	height:0%;
}
.movieList__movFrame.-b span{
	width:0%;
}
.movieList__movFrame.-l span{
	height:0%;
	margin-top:auto;
}
.movieList__title{
	opacity:0;
	transform:translateY(50%);
	transition:transform .6s cubic-bezier(.64,.39,.46,1) 1.4s, opacity .6s cubic-bezier(.64,.39,.46,1) 1.4s;
}
.moviePrevNextInWrap{
	opacity:0;
	transition:opacity .3s ease 1.8s;
}


/* scrAni - is-ani */
#movie.is-ani .btn_movieListPlay{
	opacity:1;
	transform:scale(1);
}
#movie.is-ani .movieList__movFrame.-t span,
#movie.is-ani .movieList__movFrame.-b span{
	width:100%;
}
#movie.is-ani .movieList__movFrame.-r span,
#movie.is-ani .movieList__movFrame.-l span{
	height:100%;
}
#movie.is-ani .movieList__title{
	opacity:1;
	transform:translateY(0%);
}
#movie.is-ani .moviePrevNextInWrap{
	opacity:1;
}


/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
#character{
	position:relative;
	padding-bottom:80px;
}
#character .scContentIn{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:120px;
}
.characterContent{
	position:relative;
	padding:min(2.7273%, 24px) 6.8182% 0;
}
.characterMainList{
	display:flex;
}
.characterDetail{
	width:clamp(calc(180px + 2.6316%), calc(31.579% + 2.6316%), calc(240px + 2.6316%));
	padding-top:min(9.4737%, 72px);
	padding-left:2.6316%;
	padding-bottom:200px;
	flex-shrink:0;
}
.characterName{
	display:flex;
	flex-direction:column;
}
.characterName_name{
	font-size:32px;
	font-weight:700;
	color:#222;
	line-height:1;
}
.characterNama_en{
	order:-1;
	font-size:12px;
	font-weight:700;
	color:var(--color-main-brown);
	line-height:0.70589;
	margin-bottom:12px;
}
.characterName_cv{
	display:flex;
	align-items:center;
	line-height:1;
	font-size:20px;
	font-weight:500;
	margin-top:24px;
}
.characterName_cv > dt{
	flex-shrink:0;
	display:inline-block;
	padding-right:11px;
	font-size:18px;
	color:var(--color-main-red);
}
.characterName_cv > dt > span{
	display:inline-block;
	padding-right:21px;
	position:relative;
	line-height:1;
}
.characterName_cv > dt > span:after{
	content:'';
	position:absolute;
	top:2px;
	right:0;
	bottom:0;
	width:10px;
	height:10px;
	margin:auto 0;
	background:url(../img/common/icon_x.svg) no-repeat center / contain;
}
.characterName_cv > dd{
	color:#222;
	line-height:1;
}
.characterDetailText{
	color:#222;
	font-weight:500;
	line-height:2;
	padding-top:40px;
}
.characterImages{
	display:flex;
	width:min(66.6667%, calc(500px * 1.25));
	margin:0 auto;
}
.characterImage{
	width:48%;/* 240 */
	flex-shrink:0;
	text-align:center;
}
.characterImageIn{
	width:133.3334%;/* 320 */
}
.characterImage .characterImageIn{
	margin-left:-16.6667%;
}
.characterImage img{
	width:100%;
	max-width:100%;
}
@media screen and (max-width:767px){
	#character{
		padding-bottom:0;
	}
	#character .contentIn{
		padding-left:var(--sp-size-48);
		padding-right:var(--sp-size-48);
	}
	#character .scContentIn{
		bottom:min(calc(156 / var(--min-ww) * 100vw), 156px);
	}
	.characterContent{
		padding:var(--sp-size-48);
		padding-bottom:min(14.4vw, 108px);
	}
	.characterMainSwiper{
		padding-bottom:min(19.2vw, 144px);
	}
	.characterMainList{
		flex-direction:column;
	}
	.characterDetail{
		width:100%;
		padding-top:0;
		padding-left:0;
		padding-bottom:0;
		position:relative;
		z-index:2;
	}
	.characterName{
		flex-direction:row;
		flex-wrap:wrap;
		align-items:flex-end;
	}
	.characterName_name{
		display:inline-block;
		font-size:var(--sp-size-40);
		padding-right:var(--sp-size-24);
	}
	.characterNama_en{
		display:inline-block;
		order:unset;
		font-size:var(--sp-size-20);
		margin-bottom:0;
	}
	.characterName_cv{
		width:100%;
		margin-top:var(--sp-size-32);
		font-size:var(--sp-size-28);
	}
	.characterName_cv > dt{
		font-size:var(--sp-size-24);
		padding-right:var(--sp-size-16);
	}
	.characterName_cv > dt > span{
		padding-right:var(--sp-size-32);
	}
	.characterName_cv > dt > span:after{
		width:var(--sp-size-16);
		height:var(--sp-size-16);
		top:var(--sp-size-2);
	}
	.characterDetailText{
		margin-top:103.9427%;/* 580 */
		filter:drop-shadow(2px 2px 1px #FFF) drop-shadow(-2px -2px 1px #FFF) drop-shadow(1px 1px 1px #FFF) drop-shadow(1px 1px 1px #FFF) drop-shadow(1px 1px 1px #FFF);
		padding-top:0;
	}
	.characterImages{
		position:absolute;
		top:0;
		left:0;
		margin-top:21.5054%;/* 120 */
		width:100%;
		justify-content:center;
	}
	.characterImage{
		width:43.0108%;
	}
	.characterImage:nth-of-type(2) .characterImageIn{
		margin-left:-8.3334%;	
	}
}



/*
* characterSelect
*/
.characterSelectListsWrap{
	width:100%;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	z-index:2;
	line-height:0;
	margin-bottom:80px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	pointer-events:none;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.characterSelectList,
.characterSelectLists{
	width:100%;
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
	gap:min(1vw, 12px);
}
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.characterSelectList,
.characterSelectList{
	width:min(10.5264%, 80px);
	height:auto;
	border-radius:unset;
	background:unset;
	opacity:1;
	margin:0;
}
.characterSelectListIn{
	position:relative;
	width:100%;
	padding-top:100%;
}
.btn_characterSelect{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:85%;/* 68 */
	height:85%;
	margin:auto;
	border-radius:50%;
	background-color:#fff;
	pointer-events:auto;
	overflow:hidden;
}
.btn_characterSelect:before{
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:var(--color-main-red);
	opacity:0;
	border-radius:50%;
	transform:scale(10%);
	transition:.4s ease;
}
.characterSelectList.swiper-pagination-bullet-active .btn_characterSelect:before{
	opacity:1;
	transform:scale(100%);
}
.btn_characterSelect img{
	position:relative;
	width:100%;
	height:100%;
}
.frame_characterSelect{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background:url(../img/character/charaSelect_frame.svg) no-repeat center / contain;
}
@media (hover:hover) and (pointer:fine){
	.characterSelectList{
		pointer-events:auto;
	}
	.btn_characterSelect{
		pointer-events:none;
	}
	.characterSelectList:hover .btn_characterSelect{
		transform:rotateY(360deg);
	}
	.characterSelectList:hover .btn_characterSelect:before{
		opacity:40%;
		transform:scale(100%);
		transition:.4s;
	}

	.characterSelectList.swiper-pagination-bullet-active:hover .btn_characterSelect:before{
		opacity:100%;
		transform:scale(100%);
		transition:0s;
	}
}
.btn_characterSelect{
	transition:transform .4s ease;
}
.characterSelectList.swiper-pagination-bullet-active .btn_characterSelect{
	transform:rotateY(360deg);
}

@media screen and (max-width:767px){
	.characterSelectListsWrap{
		margin-bottom:0;
	}
	.swiper-pagination-bullets.swiper-pagination-horizontal.characterSelectList,
	.characterSelectLists{
		min-height:min(27.2vw, 204px);
		gap:var(--sp-size-12);
	}
	.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.characterSelectList,
	.characterSelectList{
		width:var(--sp-size-96);	
	}
}


/*
* CharacterNextPrev
*/
.characterNextPrevWrap{
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:80px;
	display:flex;
	align-items:center;
	pointer-events:none;
}
.characterPrevNext{
	margin:auto 0;
	position:absolute;
	pointer-events:auto;
	transition:transform .3s ease;
	width:5.4546%;/* 48 */
}
.characterPrevNext:before{
	content:'';
	display:block;
	width:100%;
	padding-top:206.3158%;
}
.btn_characterPrev{
	left:-2.7273%;
}
.btn_characterPrev:before{
	background:url(../img/common/arrow_prev.png) no-repeat center left / contain;
}
.btn_characterNext{
	right:-2.7273%;
}
.btn_characterNext:before{
	background:url(../img/common/arrow_next.png) no-repeat center right / contain;
}
@media (hover:hover) and (pointer:fine){
	.btn_characterPrev:hover{
		transform:translateX(-20%);
	}
	.btn_characterNext:hover{
		transform:translateX(20%);
	}
}
@media screen and (max-width:767px){
	.characterNextPrevWrap{
		bottom:min(calc(156 / var(--min-ww) * 100vw), 156px);
	}
	.characterPrevNext{
		width:9.4802%;/* 62 */
	}
	.btn_characterPrev{
		left:-4.7401%;
	}
	.btn_characterNext{
		right:-4.7401%;
	}
}

/**
* scrAni - set
**/
#character .scContentIn{
	opacity:0;
	transform:scale(90%);
	transition:.4s ease;
}
#character.is-ani .scContentIn{
	transition-delay:1s;
	opacity:1;
	transform:scale(100%);
}
.characterDetail{
	opacity:0;
	transition:opacity .4s ease 1.4s;
}
.characterImages{
	opacity:0;
	transform:cale(0.8);
	filter:blur(8px);
	transition:opacity .4s ease 1.4s, transform .4s ease 1.4s, filter .4s ease 1.4s;
}
#character.is-ani .characterDetail{
	opacity:1;
}
#character.is-ani .characterImages{
	opacity:1;
	filter:blur(0px);
	transform:rotateY(0deg);
}
@media screen and (min-width:768px){
	.characterNama_en,
	.characterName_name,
	.characterName_cv,
	.characterDetailText{
		transform:translateX(-10%);
		opacity:0;
		transition:opacity .3s ease, transform .3s ease;
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterNama_en,
	#character.is-ani .characterMainList.swiper-slide-active .characterName_name,
	#character.is-ani .characterMainList.swiper-slide-active .characterName_cv,
	#character.is-ani .characterMainList.swiper-slide-active .characterDetailText{
		opacity:1;
		transform:translateX(0%);
		transition:opacity .6s ease, transform .6s cubic-bezier(.2,.2,.2,1.2);
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterNama_en{
		transition-delay:.4s;
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterName_name{
		transition-delay:.475s;
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterName_cv{
		transition-delay:.55s;
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterDetailText{
		transition-delay:.625s;
	}
}
@media screen and (max-width:767px){
	.characterName,
	.characterDetailText{
		transform:translateY(10%);
		opacity:0;
		transition:opacity .6s ease, transform .6s cubic-bezier(.2,.2,.2,1.2);
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterName,
	#character.is-ani .characterMainList.swiper-slide-active .characterDetailText{
		opacity:1;
		transform:translateY(0%);
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterName{
		transition-delay:.4s;
	}
	#character.is-ani .characterMainList.swiper-slide-active .characterDetailText{
		transition-delay:.5s;
	}
}


.characterImageIn{
	opacity:0;
	transform:scale(0.9);
	transition:opacity .2s ease, transform .2s ease;
}
.characterImageIn img{
	transform:rotate3d(0,1,0,135deg);
	transition:transform .4s ease .5s;
}
#character.is-ani .characterMainList.swiper-slide-active .characterImageIn{
	opacity:1;
	transform:scale(1);
	transition:opacity .4s ease .5s, transform .4s ease .6s;
}
#character.is-ani .characterMainList.swiper-slide-active .characterImageIn img{
	transform:rotate3d(0,1,0,0deg);
	transition-delay:.5s;
}


.characterSelectListsWrap,
.characterNextPrevWrap{
	opacity:0;
	transform:scala(80%);
	transition:opacity .4s ease, transform .4s ease;
}
#character.is-ani .characterSelectListsWrap,
#character.is-ani .characterNextPrevWrap{
	opacity:1;
	transform:scale(100%);
	transition-delay:1.4s;
}

/*-----------------------------------------------
 * TOP LOADING
-------------------------------------------------*/
/**
* logoArea
**/
@media screen and (min-width:769px){
	.tlogoWrap:before{
		width:0%;
		transition:width .4s ease;
	}
	.tlogoIn{
		opacity:0;
		transform:scale(0.9);
		transition:opacity .4s ease 0s, transform .2s ease .35s;
	}
}
.tlogoIn img{
	transform:rotate3d(0,1,0,0deg);
	transition:transform .4s ease;
}

@media screen and (max-width:767px){
	.tlogoWrap:before,
	.tlogoWrap:after{
		height:0%;
		transition:height .4s ease;
	}
	.tlogoWrap:after{
		margin-top:auto;
	}
	.tlogoIn{
		opacity:0;
		transition:opacity .4s ease, transform .4s ease;
	}
	.tlogoIn img{
		transition:transform .6s ease;
	}
}

.tTitle__en{
	opacity:0;
	transition:opacity .4s ease;
}

/* loaded */
@media screen and (min-width:769px){
	body.--is-loaded .tlogoWrap:before{
		width:100%;
	}
}
@media screen and (max-width:767px){
	body.--is-loaded .tlogoWrap:before,
	body.--is-loaded .tlogoWrap:after{
		height:100%;
	}
	body.--is-loaded .tlogoIn img{
		transition-delay:.4s;
	}
}
body.--is-loaded .tlogoIn{
	opacity:1;
	transform:scale(1);
}
body.--is-loaded .tlogoIn img{
	transform:rotate3d(0,1,0,360deg);
}

body.--is-loaded .tTitle__en{
	opacity:1;
	transition-delay:.4s;
}
@media screen and (max-width:768px){
	body.--is-loaded .tTitle__en{
		transition-delay:.8s;
	}
}


/**
* visualLines
**/
.visualFrame{
	transform:scale(0.8);
	transition:transform .6s cubic-bezier(.64,.39,.46,1) 1s;
}
.visualFrame__line span{
	transition:.6s cubic-bezier(.17,.67,.65,1) .4s;
}
.visualFrame__line.-t span{
	width:0%;
	margin-left:auto;
}
.visualFrame__line.-r span{
	height:0%;
}
.visualFrame__line.-b span{
	width:0%;
}
.visualFrame__line.-l span{
	height:0%;
	margin-top:auto;
}


/* loaded */
body.--is-loaded .visualFrame{
	transform:scale(1);
}
body.--is-loaded .visualFrame__line.-t span,
body.--is-loaded .visualFrame__line.-b span{
	width:100%;
}
body.--is-loaded .visualFrame__line.-r span,
body.--is-loaded .visualFrame__line.-l span{
	height:100%;
}


/**
* VisualImage
**/
.visualImage{
	opacity:0;
	transform:scale(0.8);
	transition:transform .6s cubic-bezier(.64,.39,.46,1) 1s, opacity .6s cubic-bezier(.64,.39,.46,1) 1s;
}
.visualImage img{
	filter:blur(8px);
	transition:filter .6s ease 1s;
}
body.--is-loaded .visualImage{
	opacity:1;
	transform:scale(1);
}
body.--is-loaded .visualImage img{
	filter:blur(0px);
}


/**
* visual other
**/
.visualOnairInfoWrap,
.fvMovieWrap,
.visualtoContent{
	opacity:0;
	transition:.4s ease;
}
.visualOnairInfo__txt:before{
	animation-play-state:paused;
}
body.--is-loaded-fin .visualOnairInfoWrap,
body.--is-loaded-fin .fvMovieWrap,
body.--is-loaded-fin .visualtoContent{
	opacity:1;
}
body.--is-loaded-fin .visualOnairInfo__txt:before{
	animation-play-state:running;
}


/* introduction */
@media screen and (max-width:767px){
	#introduction .contentIn{
		margin-top:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.introduction__content{
	padding:min(calc(15 / var(--vw-min) * 100vw),15px) 0;
}
.introduction__catch{
	font-size:min(calc(31 / var(--vw-min) * 100vw),31px);
	line-height:1.54838;
	letter-spacing:0.025em;
	color:var(--color-main-brown);
	text-align:center;
	font-weight:700;
	text-shadow:
	0px 0px 1px #fff,
	1px 0px 1px #fff,
	2px 0px 1px #fff,
	-1px 0px 1px #fff,
	-2px 0px 1px #fff,
	0px 1px 1px #fff,
	1px 1px 1px #fff,
	2px 1px 1px #fff,
	-1px 1px 1px #fff,
	-2px 1px 1px #fff,
	0px 2px 1px #fff,
	1px 2px 1px #fff,
	2px 2px 1px #fff,
	-1px 2px 1px #fff,
	-2px 2px 1px #fff,
	0px -1px 1px #fff,
	1px -1px 1px #fff,
	2px -1px 1px #fff,
	-1px -1px 1px #fff,
	-2px -1px 1px #fff,
	0px -2px 1px #fff,
	1px -2px 1px #fff,
	2px -2px 1px #fff,
	-1px -2px 1px #fff,
	-2px -2px 1px #fff;
	padding:min(calc(45 / var(--vw-min) * 100vw),45px) 0;
}
@media screen and (max-width:767px){
	.introduction__catch{
		font-size:min(calc(34 / var(--vw-min) * 100vw),34px);
		padding:min(calc(36 / var(--vw-min) * 100vw),36px) 0;
	}
}
.introduction__catch--red{
	color:var(--color-main-red);
}
.introduction__text{
	font-size:min(calc(19 / var(--vw-min) * 100vw),19px);
	text-align:center;
	line-height:2.47368;
	letter-spacing:0.025em;
	color:var(--color-main-brown);
	font-weight:700;
}
@media screen and (max-width:767px){
	.introduction__text{
		font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
	}
}
.introduction__catch{
	opacity:0;
	transform:scale(0.8);
	transition:all 0.6s ease;
}
.introduction__text{
	opacity:0;
	transform:scale(0.8);
	transition:all 0.6s ease;
}
#introduction.is-ani .introduction__catch{
	opacity:1;
	transform:scale(1);
	transition-delay:0.5s;
}
#introduction.is-ani .introduction__text{
	opacity:1;
	transform:scale(1);
	transition-delay:0.6s;
}
#introduction.is-ani .introduction__text + .introduction__catch{
	transition-delay:0.7s;
}