@charset "utf-8";
/*-----------------------------------------------
 * TOP COMMON
-------------------------------------------------*/
@media screen and (max-width: 767px){
	.header__navBtnWrap{
		position: fixed;
	}
}
@media screen and (min-width: 768px){
	.header__navBtnWrap{
		position: fixed;
		transform: translateX(100%);
		transition: transform .3s ease;
	}
	.fullContent__contBG__title{
		opacity: 0;
		transition: opacity .3s ease;
	}

	body.-mc-show .header__navBtnWrap{
		transform: translateX(0%);
	}
	body.-mc-show .fullContent__contBG__title{
		opacity: 50%;
	}
}


/*-----------------------------------------------
 * MV
-------------------------------------------------*/
#mv{
	width: 100%;
	position: relative;
}


.mv_logo{
	position: absolute;
	top: 0;
	left: 0;
	width: 27.5%;/* 330 */
	max-width: calc(330px * var(--max-percent));
	margin-top: calc(120px + clamp(35px, calc(35 / var(--min-ww) * 100vw) ,calc(35 / var(--min-wh) * 100vh)));/* 155 */
	margin-left: 3.3334%;/* 40 */
	z-index: 3;
	pointer-events: none;
}
.mv_logo img{
	width: 100%;
}

.tNavWrap{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: none;
}
.tNavInWrap{
	/* width: calc(100% - (40px + 6.6667%)); */
	width: 100%;
	padding-top: 24px;
	/* padding-left: 2%;24 */
	/* padding-right: calc(40px + 6.6667%); 40px + 80 */
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
.tNavWrap a{
	pointer-events: auto;
}
.tNavCont__title{
	font-family: var(--font-en);
	font-size: 12px;
	font-weight: 300;
	line-height: 1;
	letter-spacing: 1px;
}
.tNavCont__title > span{
	position: relative;
	display: inline-block;
	padding: 7px;
	border: 1px #FAD689 solid;
	background: #330066;
	color: #FFF;
}

/* tNav */
.tNav{
	margin-top: 55px;
	width: calc(100% - (40px + 6.6667%));
	padding-left: 2%;
	padding-right: 1%;
}
.tNavLists{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
}
.tNavLists .navList{
	display: inline-block;
	padding: 8px;
	line-height: 1;
}
.tNavLists .navList > a{
	display: inline-block;
	text-decoration: none;
	font-family: var(--font-en);
	font-size: 20px;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1;
	background-color: #fff;
	color: #000;
	transition: .3s ease;
	position: relative;
}
.tNavLists .navList > a span{
	position: relative;
	z-index: 2;
}
.tNavLists .navList > a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: linear-gradient(#330066, #000) right bottom / 0 100% no-repeat;
	transition: background-size .3s ease;
}
@media (hover: hover) and (pointer: fine){
	.tNavLists .navList > a:hover{
		color:  #FFF;
	}
	.tNavLists .navList > a:hover::before {
		background-position: left bottom;
		background-size: 100% 100%;
	}
}
.tNavLists .navList > a.is-active{
	color: var(--color-main-lightorange);
}
.tNavLists .navList > a.is-active::before {
	background-position: left bottom;
	background-size: 100% 100%;
}



/* lang */
.tLang{
	width: calc(40px + 6.6667%);
	position: relative;
	padding-right: 2%;
	margin-left: auto;
}
.tLang .tNavCont__title{
	text-align: right;
}
.tLang .tNavLists{
	justify-content: flex-end;
}


/* sns */
.tSNS{
	margin-top: 24px;
	margin-left: auto;
	padding-right: 3.3334%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.tSNS .tNavCont__title{
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.tSNSLists{
	order: -1;
	width: 40px;
	margin-bottom: 10px;
}
.tSNSList{
	width: 100%;
	height: 40px;
}
.tSNSList > a{
	width: 100%;
	height: 100%;
	display: block;
	background-color: #FF6B00;
	position: relative;
}
.tSNSList > a::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 20px;
	height: 20px;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-position: center;
	-webkit-mask-size: contain;
	-webkit-mask-mode: luminance;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	mask-mode: luminance;
	background-color: #FFF;
}
.tSNSList > a.icon_sns__x::before{ background: url("../images/common/icon_tw.svg") 0 0 / 100% 100% no-repeat;}
.tSNSList > a.icon_sns__tt::before{ background: url("../images/common/icon_tiktok.svg") 0 0 / 100% 100% no-repeat;}
.tSNSList > a.icon_sns__fb::before{ background: url("../images/common/icon_fb.svg") 0 0 / 100% 100% no-repeat;}
.tSNSList > a.icon_sns__ig::before{ background: url("../images/common/icon_ig.svg") 0 0 / 100% 100% no-repeat;}
/*.tSNSList > a.icon_sns__x::before{
	-webkit-mask-image: url(../images/common/icon_tw.svg);
	mask-image: url(../images/common/icon_tw.svg);
}
.tSNSList > a.icon_sns__tt::before{
	-webkit-mask-image: url(../images/common/icon_tiktok.svg);
	mask-image: url(../images/common/icon_tiktok.svg);
}*/

@media (hover: hover) and (pointer: fine){
	.tSNSList > a,
	.tSNSList > a::before{
		transition: .3s ease;
	}
	.tSNSList > a:hover{
		background-color: var(--color-main-red);
	}
}

.visualArea{
	position: relative;
	padding-top: 120px;
	/* padding-bottom: 20.25%; 194 + 49 = 243 */
	padding-bottom: 27%;/* 324 */
	overflow: hidden;
}
.visualAreaIn{
	transform: skewY(330deg);
}


.mvSwiper{
	overflow: unset!important;
}
.mvSlideList{
	width: 50%;
	margin: 0 5%;/* 0 60 */
	position: relative;
}
/* .mvSlideList.swiper-slide-prev{
	margin-top: 5%;
}
.mvSlideList.swiper-slide-next{
	margin-top: -5%;
} */
.mvSlideText{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: skewY(-330deg);
}
.mvSlideText__txt{
	text-wrap: nowrap;
	font-family: var(--font-en);
	transform: skewY(-15deg);
	font-size: calc(232 / var(--min-ww) * 42vw); /*100vw*/
	font-weight: 900;
	letter-spacing: 0;
	line-height: 1;
}
.mvSlideImage{
	width: 100%;
	transform: skewY(-330deg);
	position: relative;
	z-index: 2;
	filter: blur(4px);
	transition: filter .4s ease;
}
.mvSlideImage img{
	width: 100%;
}

/* back */
.mvSlideText.-back .mvSlideText__txt{
	opacity: 0;
	filter: blur(2px);
	transition: opacity .3s ease, filter .3s ease;
}


/* front */
.mvSlideText.-front{
	opacity: 0;
	z-index: 2;
	pointer-events: none;
}

@keyframes ani_mvSlideTxt__front1 {
	0%,10%{opacity: 0;}
	40%,65%{opacity: 1;}
	80%,100%{opacity: 0;}
}
@keyframes ani_mvSlideTxt__front2 {
	0%,50%{filter: blur(0px);}
	80%,100%{filter: blur(4px);}
}


/* slideActive */
.mvSlideList.swiper-slide-active .mvSlideImage{
	filter: blur(0px);
}
.mvSwiper.--autoPlay .mvSlideList.swiper-slide-active .mvSlideText.-back .mvSlideText__txt{
	opacity: 1;
	transition-delay: .6s;
}
.mvSwiper.--autoPlay .mvSlideList.swiper-slide-active .mvSlideText.-front{
	animation: ani_mvSlideTxt__front1 1s linear forwards;
}
.mvSwiper.--autoPlay .mvSlideList.swiper-slide-active .mvSlideText.-front .mvSlideText__txt{
	animation: ani_mvSlideTxt__front2 1s linear forwards;
}


/* slideActive - ORDER */
.contBG__color--cont{
	transition: background-color .6s ease;
}
body[data-visual="4"] .contBG__color--cont{
	background-color: var(--web-bg1); /*--color-main-red*/
}


/* visualSelect */
.visualSelectWrap{
	position: absolute;
	top: 0;
	width: 10%;
	left: 75%;
	right: 15%;
	margin: 120px auto 0;
	z-index: 2;
}
.visualSelectInWrap{
	width: 33.3334%;
	min-width: 40px;
	margin: 0 auto;
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.visualSelectInWrap .tNavCont__title{
	writing-mode: vertical-rl;
	text-orientation: sideways;
}
.visualSelectLists{
	order: -1;
	width: 100%;
	margin-bottom: 10px;
}
.visualSelectList{
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.btn_visualSelectList{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.btn_visualSelectList:before,
.btn_visualSelectList:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transition: .3s ease;
}
.btn_visualSelectList:before{
	background-color: #000;
	mix-blend-mode: color;
}
.btn_visualSelectList:after{
	background-color: rgba(0,0,0,.2);
}
.btn_visualSelectList img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

@media (hover: hover) and (pointer: fine){
	.btn_visualSelectList:hover::before{
		opacity: 0;
	}
}


/* selected */
body[data-visual="1"] .btn_visualSelectList[data-visual="1"]:before,
body[data-visual="1"] .btn_visualSelectList[data-visual="1"]:after{
	opacity: 0;
}
body[data-visual="2"] .btn_visualSelectList[data-visual="2"]:before,
body[data-visual="2"] .btn_visualSelectList[data-visual="2"]:after{
	opacity: 0;
}
body[data-visual="3"] .btn_visualSelectList[data-visual="3"]:before,
body[data-visual="3"] .btn_visualSelectList[data-visual="3"]:after{
	opacity: 0;
}
body[data-visual="4"] .btn_visualSelectList[data-visual="4"]:before,
body[data-visual="4"] .btn_visualSelectList[data-visual="4"]:after{
	opacity: 0;
}
body[data-visual="5"] .btn_visualSelectList[data-visual="5"]:before,
body[data-visual="5"] .btn_visualSelectList[data-visual="5"]:after{
	opacity: 0;
}
body[data-visual="6"] .btn_visualSelectList[data-visual="6"]:before,
body[data-visual="6"] .btn_visualSelectList[data-visual="6"]:after{
	opacity: 0;
}
body[data-visual="7"] .btn_visualSelectList[data-visual="7"]:before,
body[data-visual="7"] .btn_visualSelectList[data-visual="7"]:after{
	opacity: 0;
}



/**
* STICKY & YOUTUBE
**/
.mvStickyContWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: calc(120px + (704 / var(--min-ww) * 100vw));
	pointer-events: none;
}
.mvStickyContInWrap{
	position: sticky;
	width: 100%;
	height: min(100%, 100vh);
	top: 0;
}

.mvMovieWrap{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 33.3334%;/* 400 */
	transform: skewY(345deg);
	transform-origin: right top;
}
.mvMovieInWrap{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden;
	border: 1px solid #FFF;
	border-right: unset;
}
.mvMovieInWrap .btn_moviePlay{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	pointer-events: auto;
}
.mvMovie__cont{
	position: absolute;
	top: -50%;
	left: -25%;
	width: 150%;
	height: 200%;
	transform: skewY(-345deg);
}
.mvMovie__iFrame{
	width: 100%;
	height: 100%;
}
.mvMovieInWrap .mvMovie__cont:before,
.mvMovieInWrap .mvMovie__cont:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s ease;
}
.mvMovieInWrap .mvMovie__cont:before{
	background-color: #000;
	mix-blend-mode: color;
}
.mvMovieInWrap .mvMovie__cont:after{
	background-color: rgba(0,0,0,40%);
}

/* safari Only */
::-webkit-full-page-media, :future, :root .mvMovieInWrap .mvMovie__cont:before{
	content: unset;
}


@media (hover: hover) and (pointer: fine){
	.mvMovieInWrap .btn_moviePlay:hover ~ .mvMovie__cont:before,
	.mvMovieInWrap .btn_moviePlay:hover ~ .mvMovie__cont:after{
		opacity: 0;
	}
}




/**
* ONAIR INFO & DECO
**/
.mvOnairInfo{
	width: calc(1124 / var(--min-ww) * 100vw);/* 1124 */
	height: calc(490 / var(--min-ww) * 100vw);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: calc(120px + (724 / var(--min-ww) * 100vw));
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	z-index: 2;
}
.mvOnairInfo:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/mv_onairinfo2-2.svg) no-repeat center / contain;
	opacity: 0;
	transition: opacity .3s ease;
}
.mvOnairInfo img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	transition: opacity .3s ease;
}

.mvdecoContWrap{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
}
.mvdecoContWrap .contBG__title{
	opacity: 100%;
}
.mvdecoCont{
	position: absolute;
}

.mvdecoCont.-intro1{
	top: 0;
	left: 0;
	width: calc(307 / var(--min-ww) * 100vw);
	max-width: calc(307px * var(--max-percent));
	height: calc(122 / var(--min-ww) * 100vw);
	background: url(../images/common/deco_txt__intro_a1.svg) no-repeat top left / contain;
	margin-top: calc(120px + calc(280 / var(--min-ww) * 100vw));
	margin-left: 3.3334%;/* 40 */
}

.mvdecoCont.-intro2{
	top: 0;
	right: 0;
	width: calc(267 / var(--min-ww) * 100vw);
	max-width: calc(267px * var(--max-percent));
	height: calc(42 / var(--min-ww) * 100vw);
	background: url(../images/common/deco_txt__intro_a2.svg) no-repeat top right / contain;
	margin-top: calc(120px + calc(1050 / var(--min-ww) * 100vw));
	margin-right: 3.3334%;/* 40 */
}

/* slideActive - ORDER */
body[data-visual="4"] .mvOnairInfo:before{
	opacity: 1;
}
body[data-visual="4"] .mvOnairInfo img{
	opacity: 0;
}


/**
* Banner
**/
.mvBannerWrap{
	width: 100%;
	position: relative;
}
.mvBannerWrap .tNavCont__title{
	position: absolute;
	top: 0;
	right: 0;
	margin-right: 2%;/* 24 */
	margin-top: calc(-1% - 18px);
}
.mvBannerContWrap{
	width: 100%;
	position: relative;
	padding: 3.3334% 0;/* 40 0 */
	background-color: #000;
}


.mvBannerLists.--noSwiper{
	justify-content: center;
}
.mvBannerList{
	width: 320px;
	margin: 0 1.6667%;/* 0 20 */
}
.link_mvBanner{
	display: block;
	width: 100%;
	text-decoration: none;
	position: relative;
}
.link_mvBanner img{
	width: 100%;
}

@media (hover: hover) and (pointer: fine){
	.link_mvBanner{
		overflow: hidden;
	}
	.link_mvBanner:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(0, 0, 0, 40%);
		opacity: 0;
		transition: .3s ease;
		z-index: 2;
	}
	.link_mvBanner img{
		transition: transform .3s ease;
	}

	.link_mvBanner:hover::before{
		opacity: 1;
	}
	.link_mvBanner:hover img{
		transform: scale(105%);
	}
}

.mvBannerPaginationsWrap{
	width: 100%;
	padding-top: 3.3334%;
	position: absolute;
	bottom: 0;
	left: 0;
}
.mvBannerPaginations,
.mvBannerPaginations.swiper-pagination-bullets.swiper-pagination-horizontal,
.storyPaginations,
.storyPaginations.swiper-pagination-bullets.swiper-pagination-horizontal{
	position: absolute;
	top: 0;
	bottom: 0;
	height: 8px;
	display: flex;
	justify-content: center;
	margin: auto;
}

.mvBannerPagination,
.mvBannerPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .mvBannerPagination.swiper-pagination-bullet,
.storyPagination,
.storyPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .storyPagination.swiper-pagination-bullet{
	display: block;
	cursor: pointer;
	pointer-events: auto;
	width: 8px;
	height: 8px;
	margin: 0 6px;
	background-color: rgba(255,255,255,40%);
	border-radius: unset;
	opacity: 1;
	transition: .3s ease;
}
.mvBannerPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .mvBannerPagination.swiper-pagination-bullet-active{
	background-color: var(--color-main-lightorange);
}



@media screen and (max-width: 767px){
	#mv{
		overflow: hidden;
	}
	.mv_logo{
		width: 64.8%;/* 486 */
		max-width: unset;
		margin-top: var(--sp-size-48);
		margin-left: var(--sp-size-48);
	}

	.tNavWrap{
		display: none;
	}
	.tNavCont__title{
		font-size: var(--sp-size-20);
		letter-spacing: 0;
	}
	.tNavCont__title > span{
		padding: var(--sp-size-4);	
	}

	.visualArea{
		padding-top: calc(144 / var(--min-ww) * 100vw);
		padding-bottom: calc(336 / var(--min-ww) * 100vw);
	}
	.visualAreaIn{
		transform: skewY(320deg);
	}

	.mvSlideList{
		width: 74.4%;/* 558 */
		margin: 0 3.2%; /* 24 */
	}
	.mvSlideText{
		transform: skewY(-320deg);
	}
	.mvSlideText__txt{
		font-size: calc(168 / var(--min-ww) * 100vw);
	}
	.mvSlideImage{
		transform: skewY(-320deg);
	}

	/* visualSelect */
	.visualSelectWrap{
		right: 0;
		left: unset;
		width: 12.8%;/* 96 */
		margin-top: calc(144 / var(--min-ww) * 100vw);
	}
	.visualSelectInWrap{
		width: 50%;/* 48 */
		min-width: unset;
	}
	.visualSelectLists{
		margin-bottom: var(--sp-size-24);
	}


	/**
	* STICKY & YOUTUBE
	**/
	.mvStickyContWrap{
		height: calc(1268 / var(--min-ww) * 100vw);
	}
	.mvStickyContInWrap{
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}
	.mvMovieWrap{
		bottom: unset;
		top: 0;
		width: 50%;/* 375 */
		transform-origin: right top;
		margin-top: calc(784 / var(--min-ww) * 100vw);
	}
	.mvMovieInWrap{
		border-width: var(--sp-size-2);
	}

	.s-icon_playWrap{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		transform: skewY(-345deg);
	}
	.s-icon_play{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		width: calc(120 / var(--min-ww) * 100vw);
		height: calc(120 / var(--min-ww) * 100vw);
		margin: auto;
		z-index: 2;
	}
	.s-icon_play:before,
	.s-icon_play:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.s-icon_play:before{
		width: 100%;
		height: 100%;
		background: url(../images/common/txt_playmovie.svg) no-repeat center / contain;
		animation: ani_rotate360 16s linear infinite;
	}
	.s-icon_play:after{
		width: 64%;
		height: 64%;
		-webkit-mask: url(../images/common/icon_sakamoto.svg) no-repeat center / contain;
		mask: url(../images/common/icon_sakamoto.svg) no-repeat center / contain;
		background-color: #fff;
		margin: auto;
	}
	

	/**
	* ONAIR INFO & DECO
	**/
	.mvOnairInfo{
		width: calc(754 / var(--min-ww) * 100vw);
		height: calc(328 / var(--min-ww) * 100vw);
		top: unset;
		bottom: calc(276 / var(--min-ww) * 100vw);
		margin-top: unset;
		margin-bottom: calc(-2 / var(--min-ww) * 100vw);
	}

	.mvdecoCont.-intro1{
		width: calc(370 / var(--min-ww) * 100vw);
		max-width: unset;
		height: calc(148 / var(--min-ww) * 100vw);
		margin-top: calc(883 / var(--min-ww) * 100vw);
		margin-left: 3.2%;/* 24 */
	}
	.mvdecoCont.-intro2{
		width: calc(321 / var(--min-ww) * 100vw);
		max-width: unset;
		height: calc(51 / var(--min-ww) * 100vw);
		margin-top: calc(1172 / var(--min-ww) * 100vw);
		margin-right: 3.2%;/* 24 */
	}
	




	/**
	* Banner
	**/
	.mvBannerWrap{
		z-index: 2;
	}
	.mvBannerWrap .tNavCont__title{
		display: none;
	}
	.mvBannerContWrap{
		padding: 6.4% 0;
	}

	.mvBannerList{
		width: 64%; /* 480 */
		margin: 0 3.2%;
	}
	.mvBannerPaginationsWrap{
		padding-top: var(--sp-size-48);
	}
	.mvBannerPaginations,
	.mvBannerPaginations.swiper-pagination-bullets.swiper-pagination-horizontal,
	.storyPaginations,
	.storyPaginations.swiper-pagination-bullets.swiper-pagination-horizontal{
		height: var(--sp-size-16);
	}
	.mvBannerPagination,
	.mvBannerPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .mvBannerPagination.swiper-pagination-bullet,
	.storyPagination,
	.storyPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .storyPagination.swiper-pagination-bullet{
		width: var(--sp-size-16);
		height: var(--sp-size-16);
		margin: 0 var(--sp-size-12);
	}
}



/*-----------------------------------------------
 * MAIN - NEWS
-------------------------------------------------*/
#news .contSectionIn{
	position: relative;
}
#news .contentIn{
	width: 100%;
	position: unset;
	padding: 80px 10.7143% 0;
}

.newsLists{
	width: 100%;
}
.newsList{
	border-bottom: 1px solid #000;
}

.newsList__link{
	display: flex;
	position: relative;
	width: 100%;
	min-height: 110px;
	text-decoration: none;
	align-items: center;
	padding-right: 80px;
	color: #000;
}
.newsList__link:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 40px;
	height: 22px;
	margin: auto 0 auto 0;
	-webkit-mask: url(../images/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../images/common/arrow_r.svg) no-repeat center / contain;
	background-color: #000;
}
.newsList__time{
	display: block;
	flex-shrink: 0;
	padding: 38px 5px;
	font-family: var(--font-en);
	font-weight: 700;
	font-size: 16px;
	line-height: 1.2;
	background-color: #000;
	color: #FFF;
	position: relative;
	text-align: center;
	min-width: 78px;
	align-items: center;
}
.newsList__time:after{
	content: '';
	position: absolute;
	bottom: -1px;
	left: 0;
	right: 0;
	border-bottom: 1px solid #FFF;
}
.newsList:last-child .newsList__time:after{
	content: unset;
}
.newsList__title{
	font-size: 16px;
	font-weight: 700;
	line-height: 2;
	height: 32px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-left: 24px;
}

@media screen and (max-width: 767px){
	#news .contentIn{
		padding: var(--sp-size-96) var(--sp-size-48) 0;
	}
	.newsList{
		border-bottom-width: var(--sp-size-2);
	}
	.newsList__link{
		padding-right: var(--sp-size-72);
	}
	.newsList__link:after{
		width: var(--sp-size-48);
		height: var(--sp-size--26);
	}
	.newsList__time{
		padding: var(--sp-size-32) var(--sp-size-36);
		font-size: var(--sp-size-24);
		min-width: calc(121 / var(--min-ww) * 100vw);
	}
	.newsList__time:after{
		bottom: calc(var(--sp-size-2) * -1);
		border-width: var(--sp-size-2);
	}
	.newsList__title{
		font-size: var(--sp-size-24);
		height: var(--sp-size-96);
		-webkit-line-clamp: 2;
		margin-left: var(--sp-size-24);
	}
}

@media (hover: hover) and (pointer: fine){
	.newsList__link:after{
		transition: .4s ease;
	}
	.newsList__time span{
		position: relative;
	}
	.newsList__time{
		transition: color .4s ease;
	}
	.newsList__time:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: linear-gradient(var(--color-main-lightorange), var(--color-main-lightorange)) right bottom / 0 100% no-repeat;
		transition: background-size 0.6s ease;
	}
	.newsList__title span{
		background: linear-gradient(#000, #000) right bottom / 0 100% no-repeat;
		transition: background-size 0.8s ease, color .4s ease;
	}
	.newsList__link:hover::after{
		transform: translateX(50%);
	}
	.newsList__link:hover .newsList__time{
		color: #000;
	}
	.newsList__link:hover .newsList__time:before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
	.newsList__link:hover .newsList__title span{
		background-size: 100% 100%;
		background-position: left bottom;
		color: var(--color-main-lightorange);
	}
}

#news .link_combtnWrap{
	position: absolute;
	top: 0;
	right: 3.5715%;
}

@media screen and (max-width: 767px){
	#news .link_combtnWrap{
		margin-top: var(--sp-size-48);
		position: relative;
		right: unset;
		text-align: center;
	}
}



/** 
* SCROLL ANI
**/
.newsLists{
	opacity: 0;
	transition: .3s ease;
}
.newsList__title{
	opacity: 0;
	transform: translateY(10%);
	transition: .4s ease;
}
#news .link_combtnWrap{
	opacity: 0;
	transform: translateY(20%);
	transition: .4s ease;
}

/* active */
.contSection.--is-ani .newsLists{
	opacity: 1;
	transition-delay: 1s;
}
.contSection.--is-ani .newsList__title,
#news.contSection.--is-ani .link_combtnWrap{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: 1.2s;
}


/*-----------------------------------------------
 * MAIN - INTRODUCTION
-------------------------------------------------*/
#introduction{
	padding-bottom: 0;
}
#introduction .contSectionIn{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	position: relative;
}
#introduction .cont_h2{
	width: 93.3334%;
	min-width: min(1120px, 100%);
	max-width: min(1120px * var(--max-percent));
	margin: 0 auto;
	padding: 0 min(3.334%, 64px);/* 0 40 */
}
#introduction .cont_h2::before{
	left: calc(3.3334% - 20px);
}
#introduction .contentIn{
	width: 100%;
	position: relative;
	margin-top: 80px;
}

@media screen and (max-width: 767px){
	#introduction .cont_h2{
		width: 100%;
		padding: 0 var(--sp-size-48);
	}
	#introduction .cont_h2::before{
		left: var(--sp-size-16);
	}
	#introduction .contentIn{
		margin-top: var(--sp-size-96);
	}
}


.introCatchArea{
	width: 100%;
	position: relative;
	z-index: 2;
}
.introCatch_txt{
	width: 93.3334%;
	min-width: min(1120px, 100%);
	max-width: min(1120px * var(--max-percent));
	margin: 0 auto;
	position: relative;
	z-index: 2;
}
.introCatch_txtIn{
	display: block;
	width: 100%;
	padding: 0 10.7143%;
}
.introCatch_txtIn img{
	width: 76.0228%;
	min-width: min(669px, 100%);
}
.introCatch_bg{
	position: relative;
	width: 100%;
	margin-top: clamp(calc(-80px * var(--max-percent)), -6.6667%, -80px);/* -80 */
	padding-bottom: min(6.6667%, calc(80px * var(--max-percent)));
}
.introCatch_bg--img{
	width: calc(60% + 80px);/* 720 */
	max-width: calc((720px * var(--max-percent)) + 80px);
	min-width: min(800px, 100%);
	padding: 0 40px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}
.introCatch_bg--img:before{
	content: '';
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
	bottom: 0;
	background: var(--color-main-lightorange);
	mix-blend-mode: color;
}
.introCatch_bg--img img{
	width: 100%;
}
.introCatch_bg--decoWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.introCatch_bg--deco{
	position: absolute;
}
.introCatch_bg--deco.-sakamoto{
	top: 0;
	right: 0;
	width: min(23.3334%, calc(280px * var(--max-percent)));/* 280 */
	padding-top: min(16.6667%, calc(200px * var(--max-percent)));/* 200 */
	margin-top: min(6.6667%, calc(80px * var(--max-percent)));/* 80 */
	background: url(../img/top/intro_deco_sakamoto.svg) no-repeat right top / contain;
}
.introCatch_bg--deco.-sakamoto:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 6%;/* 12 */
	background-color: #000;
}
.introCatch_bg--deco.-shoten{
	bottom: 0;
	left: 0;
	width: min(39.1667%, calc(470px * var(--max-percent)));
	padding-top: min(16.75%, calc(201px * var(--max-percent)));
	background: url(../img/top/intro_deco_shoten.svg) no-repeat left top / contain;
}
.introCatch_bg--deco.-shoten:before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 5.9702%;/* 12 */
	background-color: #000;
}
.introCatch_bg--deco.-intro1{
	position: absolute;
	top: 0;
	right: 0;
	width: 20%;/* 240 */
	padding-top: min(25.5834%, 	calc(307px * var(--max-percent)));
	margin-top: min(26.6667%, calc(320px * var(--max-percent)));
}
.introCatch_bg--deco.-intro1:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 50.8334%;/* 122 */
	height: 100%;
	margin: 0 auto;
	background: url(../images/common/deco_txt__intro_b1.svg) no-repeat center / contain;	
}

@media screen and (max-width: 767px){
	.introCatch_txt{
		width: 89.3334%;/* 670 */
		min-width: unset;
		max-width: 100%;
		margin-right: unset;
		margin-left: 3.2%;
	}
	.introCatch_txtIn{
		padding: 0;
	}
	.introCatch_txtIn img{
		width: 100%;
		min-width: 100%;
	}
	.introCatch_bg{
		margin-top: -4.2667%;/* -32 */
		padding-bottom: 22.2667%;/* 167 */
	}
	.introCatch_bg--img{
		width: 80.8%;/* w606 * h337  */
		max-width: unset;
		min-width: unset;
		padding: 0;
		margin-left: unset;
		position: relative;
	}
	.introCatch_bg--img:before{
		left: 0;
		right: 0;
	}
	.introCatch_bg--deco.-sakamoto{
		width: 37.3334%;/* 280 */
		padding-top: 26.6667%;/* 200 */
		margin-top: var(--sp-size-80);/* 80 */
	}
	.introCatch_bg--deco.-shoten{
		width: 62.6667%;/* 470 */
		padding-top: 26.8%;/* 201 */
	}
	.introCatch_bg--deco.-intro1{
		right: var(--sp-size-48);
		width: 19.4667%;/* 146 */
		padding-top: 49.2%;/* 369 */
		margin-top: 43.7334%;/* 328 */
	}
	.introCatch_bg--deco.-intro1:before{
		width: 100%;
	}
}


.introTextArea{
	width: 100%;
	position: relative;
	padding-bottom: clamp(240px, 20%, calc(240px * var(--max-percent)));
}

.introText_txt{
	width: 100%;
	min-width: min(1200px, 100%);
	max-width: min(1200px * var(--max-percent));
	padding-top: 80px;
	padding-left: 40px;
	padding-right: 40px;
	position: relative;
	margin: 0 auto;
	z-index: 3;
}
.introText_txtIn{
	display: block;
	width: 100%;
	padding-left: calc((100vw - 800px) / 2);
}

@media screen and (min-width: 1200px){
	.introText_txt{
		padding-top: min(6.6667%, calc(80px * var(--max-percent)));;
	}
	.introText_txtIn{
		padding-left: min(calc((240 / 1200 * 100vw) - 40px), 344px);
	}
}
.introText_txtIn p{
	font-size: 20px;
	line-height: 2;
	font-weight: 700;
	padding: 32px 0;
}
.introText_txtIn p:nth-child(1){
	padding-top: 0;
}
.introText_txtIn p:nth-child(2){
	padding: 32px 0 16px;
}
.introText_txtIn p:nth-child(3){
	padding-top: 16px;
	padding-bottom: 0;
}

.introText_txtIn p span{
	background: linear-gradient(180deg, transparent 0%, transparent 17%, var(--color-main-lightorange) 17%, var(--color-main-lightorange) 90%, transparent 90%, transparent 100%);
}
p.introText_txt--foot{
	font-size: 32px;
}
p.introText_txt--foot span{
	background: linear-gradient(180deg, transparent 0%, transparent 17%, var(--color-main-red) 17%, var(--color-main-red) 90%, transparent 90%, transparent 100%);
	color: var(--color-main-lightorange);
}


.introText_bg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.introText_bg--img.-t{
	position: absolute;
	width: clamp(320px, 26.6667%, calc(320px * var(--max-percent)));
	padding-top: clamp(240px, 20%, calc(240px * var(--max-percent)));
	top: 0;
	right: 0;
}
.introText_bg--img.-b{
	position: absolute;
	width: clamp(360px, 30%, calc(360px * var(--max-percent)));
	padding-top: clamp(160px, 13.3334%, calc(160px * var(--max-percent)));
	bottom: 0;
	left: 0;
}
.introText_bg--img:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	/*background: var(--color-main-lightorange);*/
	mix-blend-mode: color;
	z-index: 2;
}
.introText_bg--img.-t img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 0% 0%;
	position: absolute;
	top: 0;
	left: 0;
}
.introText_bg--img.-b img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 100% 50%;
	position: absolute;
	top: 0;
	left: 0;
}


.introText_bg--deco{
	position: absolute;
}
.introText_bg--deco.-intro2{
	top: 0;
	left: 0;
	width: 20%;
	padding-top: min(7.5%, calc(90px * var(--max-percent)));
	margin-top: min(3.3334%, calc(40px * var(--max-percent)));
}
.introText_bg--deco.-intro2 span{
	display: block;
	width: 65.8334%;/* 158 */
	height: 100%;
	margin: 0 auto;
	background: url(../images/common/deco_txt__intro_b2.svg) no-repeat center top / contain;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}



@media screen and (max-width: 767px){
	.introTextArea{
		padding-bottom: 34.1334%;/* 256 */
	}
	.introText_txt{
		min-width: unset;
		max-width: 100%;
		padding-top: 26.6667%;/* 200 */
		padding-left: 6.4%;/* 48 */
		padding-right: 3.2%;/* 24 */
	}
	.introText_txtIn{
		padding-left: 0;
	}
	.introText_txtIn p{
		font-size: var(--sp-size-28);
		padding: var(--sp-size-32) 0;
	}
	.introText_txtIn p:nth-child(2){
		padding: var(--sp-size-32) 0;
	}
	.introText_txtIn p:nth-child(3){
		padding-top: var(--sp-size-24);
	}
	p.introText_txt--foot{
		font-size: var(--sp-size-48);
		font-weight: 900;
		text-align: right;
		line-height: 1.5;
	}

	.introText_bg--img.-t{
		width: 32%;/* 240 */
		padding-top: 32%;/* 240 */
		margin-top: 39.4667%;/* 296 */
	}
	.introText_bg--img.-b{
		width: 53.3334%;/* 400 */
		padding-top: 21.3334%;/* 160 */
	}

	.introText_bg--deco.-intro2{
		width: 25.2%;/* 189 */
		padding-top: 14.2667%;/* 107 */
		margin-top: 6.4%;/* 48 */
		margin-left: 6.4%;/* 48 */
	}
	.introText_bg--deco.-intro2 span{
		width: 100%;
	}
}


/**
* BG RED or Other color
**/
.introCatch_bg--img:before,
.introText_bg--img:before{
	transition: background-color .3s ease;
}
body[data-visual="4"] .introCatch_bg--img:before/*,
body[data-visual="4"] .introText_bg--img:before*/{
	background-color: var(--web-bg1); /*--color-main-red*/
}
body[data-visual="4"] .contBG__color--cont:before{
	filter: invert(1);
	opacity: 40%;
}
body[data-visual="4"] .introText_txtIn{
	color: #FFF;
}
body[data-visual="4"] .introText_txtIn p span{
	background: linear-gradient(180deg, transparent 0%, transparent 17%, var(--color-main-red) 17%, var(--color-main-red) 90%, transparent 90%, transparent 100%);
}
body[data-visual="4"] p.introText_txt--foot span{
	color: var(--color-main-red);
	background: linear-gradient(180deg, transparent 0%, transparent 17%, var(--color-main-lightorange) 17%, var(--color-main-lightorange) 90%, transparent 90%, transparent 100%);
}
body[data-visual="4"] .storyPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .storyPagination.swiper-pagination-bullet-active{
	background-color: var(--color-main-lightorange);
}

/** 
* SCROLL ANI
**/
.introCatch_txt{
	opacity: 0;
	transform: translateY(50%);
	transition: transform .4s ease, opacity .4s ease;
}
.introCatch_bg--img{
	opacity: 0;
	transform: translateY(-25%);
	transition: transform .4s ease, opacity .4s ease;
}
.introCatch_bg--deco.-sakamoto{
	background-position-x: min(23.3334vw, calc(280px * var(--max-percent)));
	transition: background-position-x .5s cubic-bezier(.17,.67,.45,1.03);
}
.introCatch_bg--deco.-sakamoto:before{
	left: 100%;
	transition: left .5s cubic-bezier(.17,.67,.45,1.03);
}
.introCatch_bg--deco.-shoten{
	background-position-x: max(-39.1667vw, calc(-470px * var(--max-percent)));
	transition: background-position-x .5s cubic-bezier(.17,.67,.45,1.03);
}
.introCatch_bg--deco.-shoten:before{
	right: 100%;
	transition: right .5s cubic-bezier(.17,.67,.45,1.03);
}
.introCatch_bg--deco.-intro1:before{
	opacity: 0;
	transform: translateY(-25%);
	transition: transform .4s ease, opacity .4s ease;
}

.introText_txtIn p{
	opacity: 0;
	transform: translateY(25px);
	transition: transform .3s cubic-bezier(.17,.67,.45,1.03), opacity .3s ease;
}
.introText_bg--deco.-intro2 span{
	opacity: 0;
	transform: translateY(-25%);
	transition: transform .4s ease, opacity .4s ease;
}

/* active */
.introCatchArea.--is-ani .introCatch_txt{
	opacity: 1;
	transform: translateY(0%);
}
.introCatchArea.--is-ani .introCatch_bg--img{
	opacity: 1;
	transform: translateY(0%);
}
.introCatchArea.--is-ani .introCatch_bg--deco.-sakamoto{
	background-position-x: 0;
	transition-delay: .3s;
}
.introCatchArea.--is-ani .introCatch_bg--deco.-sakamoto:before{
	left: 0%;
}
.introCatchArea.--is-ani .introCatch_bg--deco.-shoten{
	background-position-x: 0;
	transition-delay: .3s;
}
.introCatchArea.--is-ani .introCatch_bg--deco.-shoten:before{
	right: 0%;
}
.introCatchArea.--is-ani .introCatch_bg--deco.-intro1:before{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .3s;
}

.introTextArea.--is-ani .introText_txtIn p{
	opacity: 1;
	transform: translateY(0%);
}
.introTextArea.--is-ani .introText_bg--deco.-intro2 span{
	opacity: 1;
	transform: translateY(0%);
}



/*-----------------------------------------------
 * MAIN - STORY
-------------------------------------------------*/
#story .contSectionIn {
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	position: relative;
}
#story .contSectionIn {
	margin-top: calc(-200 / var(--min-ww) * 100vw);
	padding-top: calc(200 / var(--min-ww) * 100vw);
	padding-bottom: calc(140 / var(--min-ww) * 100vw);
	overflow: hidden;
}
@media screen and (min-width: 768px){
	#story .cont_h2{
		padding: 0 min(3.3334%, 64px);
	}
	#story .cont_h2:before{
		left: calc(min((40 / var(--min-ww) * 100vw), 64px) - 20px);
	}
}
#story .contentIn{
	padding-top: 80px;
}

@media screen and (max-width: 767px){
	#story .contSectionIn {
		margin-top: calc(-92 / var(--min-ww) * 100vw);
		padding-top: 0;
		padding-bottom: 0;
	}
	#story .contentIn{
		padding-top: var(--sp-size-96);
	}
}


/**
* Swiper
**/
.storySwiperWrap{
	position: relative;
	min-height: calc(390 / var(--min-ww) * 100vw);
}
.storySwiperCont{
	position: relative;
	transform: skewY(345deg);
	z-index: 2;
}
.storySwiper{
	overflow: unset;
}
.storyLists.--noSwiper{
	justify-content: center;
}
.storyList{
	width: 46.6667%;/* 560 */
}

.storyList__link{
	display: block;
	width: 100%;
	transform: skewY(-345deg);
	position: relative;
	text-decoration: none;
	padding: 7.1429% 7.1429% 0;/* 40 40 0 */
	pointer-events: none;
}

.storyList__no{
	position: absolute;
	top: 0;
	left: 0;
	font-family: var(--font-en);
	font-size: min(calc(112 / var(--min-ww) * 100vw), calc(112px * var(--max-percent)));
	font-weight: 700;
	line-height: 0.7;
	letter-spacing: 0;
	color: #000;
	z-index: 2;
}
.storyList__no:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: calc(-7 / var(--min-ww) * 100vw);
	background: linear-gradient(180deg, transparent 0%, transparent 47%, var(--color-main-lightorange) 47%, var(--color-main-lightorange) 100%);
}
.storyList__no span.storyList__noTxt{
	position: relative;
}
.storyList__no span.storyList__noTxt > span{
	font-weight: 100;
}

.storyList__img{
	width: 100%;
	position: relative;
}
.storyList__img img{
	width: 100%;
}
.storyList__img:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	opacity: 20%;
}

.storyList__title{
	margin-top: 12px;
	font-size: clamp(16px, calc(16 / var(--min-ww) * 100vw), calc(16px * var(--max-percent)));
	font-weight: 700;
	line-height: 2;
	color: #FFF;
}
.storyList__title span{
	background: linear-gradient(180deg, transparent 0%, transparent 17%, #000 17%, #000 90%, transparent 90%, transparent 100%);
}

/* pointer */
body:not(.--navOpen) .storyList:not(.swiper-slide-prev) .storyList__img,
body:not(.--navOpen) .storyList:not(.swiper-slide-prev) .storyList__title{
	pointer-events: auto;
}

/* prev */
.storyList__no,
.storyList__img,
.storyList__img img{
	transition: opacity .4s ease, transform .4s ease;
}
.storyList__title{
	transition: opacity .4s ease, transform .4s ease, color .4s ease;
}

.storyList:has(+ .swiper-slide-prev) .storyList__no,
.storyList.swiper-slide-prev .storyList__no{
	transform: translateX(-25%) translateY(50%);
	opacity: 0;
}
.storyList:has(+ .swiper-slide-prev) .storyList__title,
.storyList.swiper-slide-prev .storyList__title{
	transform: translateX(-80px);
	opacity: 0;
}
.storyList:has(+ .swiper-slide-prev) .storyList__img,
.storyList.swiper-slide-prev .storyList__img{
	opacity: 0;
}
.storyList:has(+ .swiper-slide-prev) .storyList__img img,
.storyList.swiper-slide-prev .storyList__img img{
	transform: scale(80%);
}

@media screen and (hover:hover) and (pointer: fine){
	.storyList__img:after{
		transition: opacity .4s ease;
	}
	.storyList__link:hover .storyList__img:after{
		opacity: 0;
	}
	.storyList__link:hover .storyList__title{
		color: var(--color-main-lightorange);
	}
}

@media screen and (max-width: 767px){
	.storySwiperWrap{
		min-height: calc(430 / var(--min-ww) * 100vw);
	}
	.storyList{
		width: 74.4%;/* 558 */
	}
	.storyList__link{
		padding: var(--sp-size-48) 0 0 var(--sp-size-48);
	}
	.storyList__no{
		font-size: calc(134 / var(--min-ww) * 100vw);
	}

	.storyList__title{
		margin-top: var(--sp-size-12);
		font-size: var(--sp-size-24);
	}
}


/**
* BG
**/
.storySwiperBg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	/* height: min(calc(390 / var(--min-ww) * 100vw), calc(390px * var(--max-percent))); */
	height: calc(390 / var(--min-ww) * 100vw);
	transform: skewY(345deg);
	overflow: hidden;
}
.storySwiperBg:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
}
#story_sakamotoImage{
	position: absolute;
	top: calc(-80 /var(--min-ww) * 100vw);
	left: 0;
	bottom: calc(-80 /var(--min-ww) * 100vw) ;
	width: 50%;/* 600 */
	transform: skewY(-345deg);
}
.story_sakamotoImageCont,
.storySwiperBg__sakamotoImage{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.storySwiperBg__sakamotoImage.-t{
	background: url(../img/top/story_bgdeco1.png) no-repeat center / contain;
	opacity: 0;
	transform-origin: left bottom;
	transition: transform .3s cubic-bezier(.29,-0.42,.94,.7), opacity .3s ease;
}
@supports (background-image: url(../img/top/story_bgdeco1.webp)){
	.storySwiperBg__sakamotoImage.-t{
		background-image:url(../img/top/story_bgdeco1.webp);
	}
}
.storySwiperBg__sakamotoImage.-b{
	background: url(../img/top/story_bgdeco2.png) no-repeat center / contain;
	opacity: 0;
	transition: transform .3s cubic-bezier(.29,-0.42,.94,.7), opacity .3s ease;
}
@supports (background-image: url(../img/top/story_bgdeco2.webp)){
	.storySwiperBg__sakamotoImage.-b{
		background-image:url(../img/top/story_bgdeco2.webp);
	}
}

/* t1 */
#story_sakamotoImage .storySwiperBg__sakamotoImage.-t1{
	opacity: 1;
	transform: rotate(0deg) translateY(0%);
	transition-delay: .2s;
}
#story_sakamotoImage.--imgRotate-1 .storySwiperBg__sakamotoImage.-t1{
	opacity: 0;
	transform: rotate(-15deg) translateY(-20%);
	transition-delay: 0s;
}
#story_sakamotoImage.--imgRotate-2 .storySwiperBg__sakamotoImage.-t1{
	opacity: 0;
	transform: translateY(10%) rotate(15deg);
	transition-delay: 0s;
}
#story_sakamotoImage.--imgRotate-3 .storySwiperBg__sakamotoImage.-t1{
	opacity: 0;
	transform: translateY(10%) rotate(15deg);
	transition-delay: 0s;
}

/* t2 */
#story_sakamotoImage .storySwiperBg__sakamotoImage.-t2{
	opacity: 0;
	transform: translateY(10%) rotate(15deg);
	transition-delay: 0s;
}
#story_sakamotoImage.--imgRotate-1 .storySwiperBg__sakamotoImage.-t2{
	opacity: 0;
	transform: translateY(10%) rotate(15deg);
	transition-delay: 0s;
}
#story_sakamotoImage.--imgRotate-2 .storySwiperBg__sakamotoImage.-t2{
	opacity: 1;
	transform: rotate(0deg) translateY(0%);
	transition-delay: .2s;
}
#story_sakamotoImage.--imgRotate-3 .storySwiperBg__sakamotoImage.-t2{
	opacity: 0;
	transform: rotate(-15deg) translateY(-20%);
	transition-delay: 0s;
}

/* b1 */
#story_sakamotoImage .storySwiperBg__sakamotoImage.-b1{
	opacity: 0;
	transform: rotate(15deg) translateY(-20%);
	transition-delay: 0s;
}
#story_sakamotoImage.--imgRotate-1 .storySwiperBg__sakamotoImage.-b1{
	opacity: 1;
	transform: rotate(0deg) translateY(0%);
	transition-delay: .2s;
}
#story_sakamotoImage.--imgRotate-2 .storySwiperBg__sakamotoImage.-b1{
	opacity: 0;
	transform: rotate(-15deg) translateY(20%);
	transition-delay: 0s;
}
#story_sakamotoImage.--imgRotate-3 .storySwiperBg__sakamotoImage.-b1{
	opacity: 0;
	transform: rotate(15deg) translateY(-20%);
	transition-delay: 0s;
}

/* b2 */
#story_sakamotoImage .storySwiperBg__sakamotoImage.-b2{
	opacity: 0;
	transform: rotate(-15deg) translateY(20%);
}
#story_sakamotoImage.--imgRotate-1 .storySwiperBg__sakamotoImage.-b2{
	opacity: 0;
	transform: rotate(15deg) translateY(-20%);
}
#story_sakamotoImage.--imgRotate-2 .storySwiperBg__sakamotoImage.-b2{
	opacity: 0;
	transform: rotate(15deg) translateY(-20%);
	transition-delay: 0s;
}
#story_sakamotoImage.--imgRotate-3 .storySwiperBg__sakamotoImage.-b2{
	opacity: 1;
	transform: rotate(0deg) translateY(0%);
	transition-delay: .2s;
}

@media screen and (max-width: 767px){
	.storySwiperBg{
		height: calc(430 / var(--min-ww) * 100vw);
	}

	#story_sakamotoImage{
		width: calc(708 / var(--min-ww) * 100vw);
		top: calc(-98 / var(--min-ww) * 100vw);
		bottom: calc(-98 / var(--min-ww) * 100vw);
		left: calc(-120 / var(--min-ww) * 100vw);
	}
	.story_sakamotoImageCont.-t{
		left: calc(-24 / var(--min-ww) * 100vw);
	}
	.story_sakamotoImageCont.-b{
		left: calc(-72 / var(--min-ww) * 100vw);
	}
}


/**
* CONT
**/
.storyCont{
	padding-top: 80px;
	position: relative;
}

.storyPaginationsWrap{
	position: absolute;
	top: 0;
	right: 0;
	width: 33.3334%;
}

.storyPagination,
.storyPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .storyPagination.swiper-pagination-bullet{
	background-color: rgba(0,0,0,.4);
}
.storyPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .storyPagination.swiper-pagination-bullet-active{
	background-color: var(--color-main-red);
}


.link_combtnWrap.storyMore{
	text-align: center;
}

@media screen and (max-width: 767px){
	.storyCont{
		padding-top: var(--sp-size-48);
	}
	.storyPaginationsWrap{
		position: relative;
		width: 100%;
		padding: 0 var(--sp-size-36);
	}
	.storyPaginations, .storyPaginations.swiper-pagination-bullets.swiper-pagination-horizontal{
		position: relative;
		justify-content: flex-end;
		flex-wrap: wrap;
	}
	.link_combtnWrap.storyMore{
		width: 100%;
		margin-top: var(--sp-size-48);
		padding: 0 var(--sp-size-48);
		text-align: right;
	}
}


/**
* ScrollAni
**/
.storySwiperCont{
	transform: skewY(345deg) translateX(100%);
	transition: transform .4s cubic-bezier(.37,0,.31,1) 1s;
}
.storySwiperBg:before{
	bottom: 100%;
	transition: bottom .4s cubic-bezier(.4,.09,.52,.99) .5s;
}
#story_sakamotoImage{
	opacity: 0;
	transition: opacity .4s ease 1.2s;
}

/* active */
#story .contentIn.--is-ani .storySwiperCont{
	transform: skewY(345deg) translateX(0%);
}
#story .contentIn.--is-ani .storySwiperBg:before{
	bottom: 0%;
}
#story .contentIn.--is-ani #story_sakamotoImage{
	opacity: 1;
}



/*-----------------------------------------------
 * LOADING
-------------------------------------------------*/
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: max(51.6667vw, 620px);
	z-index: 1002;
	pointer-events: auto;
	/* background-color: var(--color-main-lightorange); */
	transition: .4s ease;
}
.loading__logoWrap{
	width: calc(320 / var(--min-ww)* 100vw);
	position: absolute;
	top: calc(-4 / var(--min-ww)* 100vw);
	left: 0;
	right: calc(-4 / var(--min-ww)* 100vw);
	margin: auto;
	bottom: 0;
	display: flex;
	align-items: center;
	opacity: 1;
	transform: scale(1);
	transition: transform .4s ease, opacity .4s ease;
}

@media screen and (max-width: 767px){
	.tLoading{
		min-height: auto;
	}
	.loading__logoWrap{
		bottom: unset;
		width: calc(400 / var(--min-ww) * 100vw);
		height: 100vh;
	}
}

/** 
* loadingLogo
**/
.loading__logoInWrap{
	width: 100%;
	padding-top: 22%; /* 296 / 24.6667% */
	position: relative;
}
.loading__logo{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.loading__logo.-en{
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url("../images/common/loading/l_en.svg");
}
.loading__logo.-maru{
	top: -25px;
	left: 54%; /*63% 756*/
	width: 25%; /*11.9167%; 143 */
	padding-top: 25%; /*11.9167%;*/
	background: url("../images/common/loading/l_maru.svg") 0 0 / 100% 100% no-repeat;
	animation: ani_rotate 4s linear infinite;
}
.loading__logo_jaWrap{
	position: absolute;
	top: 63.5135%;/* 188 */
	left: 52.8334%;/* 634 */
	width: 46%;/* 552 */
	height: 25%;/* 74 */
	display: flex;
	justify-content: space-between;
}
.loading__logo_ja{
	display: block;
	width: 13.4058%;/* 74 */
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0;
	transform: rotate(45deg) scale(0.65);
	transition: transform .6s cubic-bezier(.17,.67,.45,1.03), opacity .5s cubic-bezier(.17,.67,.45,1.03);
}

.loading__logo_ja.-ja1{
	background-image: url(../images/common/loading/l_ja1.svg);
	transition-delay: .3s, .3s;
}
.loading__logo_ja.-ja2{
	background-image: url(../images/common/loading/l_ja2.svg);
	transition-delay: .4s, .4s;
}
.loading__logo_ja.-ja3{
	background-image: url(../images/common/loading/l_ja3.svg);
	transition-delay: .5s, .5s;
}
.loading__logo_ja.-ja4{
	background-image: url(../images/common/loading/l_ja4.svg);
	transition-delay: .6s, .6s;
}
.loading__logo_ja.-ja5{
	background-image: url(../images/common/loading/l_ja5.svg);
	transition-delay: .7s, .7s;
}
.loading__logo_ja.-ja6{
	background-image: url(../images/common/loading/l_ja6.svg);
	transition-delay: .8s, .8s, .45s;
}
.loading__logo_ja.-ja7{
	background-image: url(../images/common/loading/l_ja7.svg);
	transition-delay: .9s, .9s, .5s;
}
.loading__logo_ja.-ja8{
	background-image: url(../images/common/loading/l_ja8.svg);
	transition-delay: .10s, .10s, .45s;
}

@keyframes ani_rotate{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}

/** 
* loadingLogo - ani1
**/
.tLoading.--ani1 .loading__logo_ja{
	opacity: 1;
	transform: rotate(0deg) scale(1);
}


/** 
* loadingLogo - ani2
**/
.tLoading.--ani2 .loading__logoWrap{
	transform: rotate(-15deg) scale(0.6);
	opacity: 0;
}
body.--is-loading-fin .tLoading {
	background-color: transparent;
}


/**
* cLOADING
**/
body.--is-loading-fin .cLoading > span:after{
	animation: ani_load2 .4s cubic-bezier(.66,.09,.22,1) forwards;
}
body.--is-loading-fin .cLoading > span{
	animation: ani_load1 .4s cubic-bezier(.66,.09,.22,1) forwards;
	animation-delay: .3s;
}

/**
* cont_h2
**/
.cont_h2--ja > span:nth-of-type(1){
	transition-delay: .3s;
}
.cont_h2--ja > span:nth-of-type(2){
	transition-delay: .4s;
}
.cont_h2--ja > span:nth-of-type(3){
	transition-delay: .5s;
}
.cont_h2--ja > span:nth-of-type(4){
	transition-delay: .6s;
}
.cont_h2--ja > span:nth-of-type(5){
	transition-delay: .7s;
}
.cont_h2--ja > span:nth-of-type(6){
	transition-delay: .8s;
}
.cont_h2--ja > span:nth-of-type(7){
	transition-delay: .9s;
}
.cont_h2--ja > span:nth-of-type(8){
	transition-delay: 1.0s;
}
.cont_h2--ja > span:nth-of-type(9){
	transition-delay: 1.1s;
}
.cont_h2--ja > span:nth-of-type(10){
	transition-delay: 1.2s;
}
.cont_h2--ja > span:nth-of-type(11){
	transition-delay: 1.3s;
}
.cont_h2--ja > span:nth-of-type(12){
	transition-delay: 1.4s;
}
.cont_h2--ja > span:nth-of-type(13){
	transition-delay: 1.5s;
}
.cont_h2--ja > span:nth-of-type(14){
	transition-delay: 1.6s;
}
.cont_h2--ja > span:nth-of-type(15){
	transition-delay: 1.7s;
}

body.--is-loaded .cont_h2.--is-ani .cont_h2--en:before,
body.--is-loaded .contSection.--is-ani .cont_h2--en:before{
	width: 100%;
}
body.--is-loaded  .cont_h2.--is-ani .cont_h2--ja > span,
body.--is-loaded  .contSection.--is-ani .cont_h2--ja > span{
	opacity: 1;
	transform: rotate(0deg) scale(1);
}


/* TOP - MV */
.mvdecoContWrap .contBG__titleImg{
	opacity: 100%;
}
html.wf-active body.--is-loaded .mvdecoContWrap .contBG__titleImg-svg .svg-elem-1{
	stroke-dashoffset: 0;
	transition-delay: .1s;
}
/* TOP - SCROLL */
.fullContent__contBG__title .contBG__titleImg-svg .svg-elem-1{
	transition: stroke-dashoffset 0.8s cubic-bezier(0.895, 0.03, 0.685, 0.22) 0s;
	/*background: url("../images/common/bg_side_enTitle.svg") 0 0 / 888px 323px no-repeat;*/
}
html.wf-active body.--is-loaded.-mc-showed .fullContent__contBG__title .contBG__titleImg-svg .svg-elem-1{
	stroke-dashoffset: 0;
}

/**
* LOADING ANI - MV
**/
.mv_logo{
	opacity: 0;
	transform: rotate(-15deg) scale(85%);
	transition: transform .3s ease .95s, opacity .3s ease .9s;
}
.tNavWrap{
	opacity: 0;
	transform: scale(95%);
	transition: transform .3s ease .9s, opacity .3s ease .9s;
}
.visualSelectInWrap{
	opacity: 0;
	transform: translateY(40px);
	transition: transform .3s ease .9s, opacity .3s ease .8s;
}

.mvMovieWrap{
	opacity: 0;
	transform: skewY(360deg);
	transition: transform .3s ease .9s, opacity .3s ease .8s;
}
.mvMovie__cont{
	transform: skewY(-360deg);
	transition: transform .3s ease .9s;
}
.mvOnairInfo{
	opacity: 0;
	transform: translateY(25%);
	transition: transform .3s ease .9s, opacity .3s ease .8s;
}
.mvdecoCont.-intro1{
	opacity: 0;
	transform: scale(90%) translateY(50%);
	transition: transform .3s ease .9s, opacity .3s ease .9s;
}
.mvdecoCont.-intro2{
	opacity: 0;
	transform: scale(90%) translateY(-50%);
	transition: transform .3s ease .9s, opacity .3s ease .9s;
}
.mvBannerWrap  .tNavCont__title{
	opacity: 0;
	transition: opacity .3s ease .9s;
}


/** LOADED **/
body.--is-loaded .mv_logo{
	opacity: 1;
	transform: rotate(0deg) scale(100%);
}
body.--is-loaded .tNavWrap{
	opacity: 1;
	transform: scale(100%);
}
body.--is-loaded .visualSelectInWrap{
	opacity: 1;
	transform: translateY(0%);
}
body.--is-loaded .mvMovieWrap{
	opacity: 1;
	transform: skewY(345deg);
}
body.--is-loaded .mvMovie__cont{
	transform: skewY(-345deg);
}
body.--is-loaded .mvOnairInfo{
	opacity: 1;
	transform: translateY(0%);
}
body.--is-loaded .mvdecoCont.-intro1,
body.--is-loaded .mvdecoCont.-intro2{
	opacity: 1;
	transform: scale(100%) translateY(0%);
}
.mvBannerWrap  .tNavCont__title{
	opacity: 1;
}