@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: 700;
	line-height: 1;
}
.tNavCont__title > span{
	position: relative;
	display: inline-block;
	padding: 2px;
	border: 1px solid #000;
	background-color: #fff;
}

/* tNav */
.tNav{
	width: calc(100% - (40px + 6.6667%));
	padding-left: 2%;
	padding-right: 1%;
}
.tNavLists{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	padding-top: 4px;
}
.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(#000, #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-yellow);
}
.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: #000;
	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;
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: contain;
	background-color: #fff;
}
.tSNSList > a.icon_sns__x::before{
	-webkit-mask-image: url(../img/common/icon_tw.svg);
	mask-image: url(../img/common/icon_tw.svg);
}
.tSNSList > a.icon_sns__tt::before{
	-webkit-mask-image: url(../img/common/icon_tiktok.svg);
	mask-image: url(../img/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) * 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(4px);
	transition: opacity .3s ease, filter .3s ease;
}


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

@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(--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%);
}


@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;
}

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

.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(../img/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(../img/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 */
}



/**
* 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 */
}
.mvBannerList{
	width: 320px;
	margin: 0 1.6667%;/* 0 20 */
}
.link_mvBanner{
	display: block;
	width: 100%;
	text-decoration: none;
}
.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{
	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{
	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-yellow);
}


@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(../img/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(../img/common/icon_sakamoto.svg) no-repeat center / contain;
		mask: url(../img/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{
		height: var(--sp-size-16);
	}
	.mvBannerPagination,
	.mvBannerPaginations.swiper-pagination-horizontal.swiper-pagination-bullets .mvBannerPagination.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%;
	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(../img/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: #000;
}
.newsList__time{
	display: block;
	flex-shrink: 0;
	padding: 20px;
	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;
}
.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-yellow), var(--color-main-yellow)) right bottom / 0 100% no-repeat;
		transition: background-size 0.6s ease;
	}
	.newsList__title{
		transition: color .4s ease;
	}
	.newsList__title span{
		background: linear-gradient(#000, #000) right bottom / 0 100% no-repeat;
		transition: background-size 0.8s 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{
		color: var(--color-main-yellow);
	}
	.newsList__link:hover .newsList__title span{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}

#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;
	}
}



/*-----------------------------------------------
 * 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: 92.9546%;
	min-width: min(818px, 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;
}
.introCatch_bg--img:before{
	content: '';
	position: absolute;
	top: 0;
	left: 40px;
	right: 40px;
	bottom: 0;
	background: var(--color-main-yellow);
	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(../img/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-yellow) 17%, var(--color-main-yellow) 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-yellow);
}


.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-yellow);
	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(../img/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
**/
.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(--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-yellow) 17%, var(--color-main-yellow) 90%, transparent 90%, transparent 100%);
} 


/** 
* 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%);
	transition-delay: .3s;
}



/*-----------------------------------------------
 * LOADING
-------------------------------------------------*/
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	min-height: max(51.6667vw, 620px);
	z-index: 1002;
	pointer-events: auto;
	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.5);
	transition: transform .4s ease, opacity .4s ease;
}

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



/** 
* loadingLogo
**/
.loading__logoInWrap{
	width: 100%;
	padding-top: 24.6667%;/* 296 */
	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(../img/common/loading/l_en.svg);
}
.loading__logo.-maru{
	top: 0;
	left: 63%;/* 756 */
	width: 11.9167%;/* 143 */
	padding-top: 11.9167%;
	background-image: url(../img/common/loading/l_maru.svg);
	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(../img/common/loading/l_ja1.svg);
	transition-delay: .3s, .3s;
}
.loading__logo_ja.-ja2{
	background-image: url(../img/common/loading/l_ja2.svg);
	transition-delay: .4s, .4s;
}
.loading__logo_ja.-ja3{
	background-image: url(../img/common/loading/l_ja3.svg);
	transition-delay: .5s, .5s;
}
.loading__logo_ja.-ja4{
	background-image: url(../img/common/loading/l_ja4.svg);
	transition-delay: .6s, .6s;
}
.loading__logo_ja.-ja5{
	background-image: url(../img/common/loading/l_ja5.svg);
	transition-delay: .7s, .7s;
}
.loading__logo_ja.-ja6{
	background-image: url(../img/common/loading/l_ja6.svg);
	transition-delay: .8s, .8s, .45s;
}
.loading__logo_ja.-ja7{
	background-image: url(../img/common/loading/l_ja7.svg);
	transition-delay: .9s, .9s, .5s;
}

@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;
}
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;
}