@charset "utf-8";
.mv{
	position:relative;
	padding-top:60.8333%;
}
@media screen and (max-width:768px){
	.mv{
		padding-top:unset;
		z-index:503;
	}
}
.mv__inner{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:flex;
	flex-direction:row-reverse;
}
@media screen and (max-width:768px){
	.mv__inner{
		position:relative;
		left:unset;
		top:unset;
		width:100%;
		height:unset;
		flex-direction:column-reverse;
	}
}
.mv__left{
	width:50%;
	position:relative;
	padding-top:60.8333%;
	z-index:500;
}
@media screen and (max-width:768px){
	.mv__left{
		width:100%;
		padding-top:121.6%;
		overflow:hidden;
	}
}
.mv__leftFix{
	pointer-events:none;
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:501;
}
.mv__leftFixin{
	max-height:100vh;
	height:100%;
	left:0;
	top:0;
	width:100%;
	position:sticky;
}
.mv__startdate{
	position:absolute;
	z-index:501;
	left:6.6666%;
	right:6.6666%;
	top:2.7397%;
	height:5.7534%;
	background:url(../img/common/startdate.svg) no-repeat center center / contain;
	opacity:0;
}
@media screen and (max-width:768px){
	.mv__startdate{
		top:unset;
		left:6.6666vw;
		right:6.6666vw;
		bottom:17vw;
		height:7vw;
	}
}
#mv.sani .mv__startdate,
#mv.nani .mv__startdate{
	opacity:1;
}
#mv.sani .mv__startdate{
	transition:all 0.6s ease;
	transition-delay:1.2s;
}
.mv__broadcast{
	position:absolute;
	z-index:501;
	left:6.6666%;
	right:6.6666%;
	top:2.7397%;
	height:10.7534%;
	background:url(../img/common/broadcast.svg) no-repeat center center / contain;
	opacity:0;
}
@media screen and (max-width:768px){
	.mv__broadcast{
		left:6.6666vw;
		right:6.6666vw;
		bottom:2.7397vw;
		height:12vw;
	}
}
#mv.sani .mv__broadcast,
#mv.nani .mv__broadcast{
	opacity:1;
}
#mv.sani .mv__broadcast{
	transition:all 0.6s ease;
	transition-delay:1.5s;
}

.mv__next{
	position:absolute;
	z-index:501;
	left:6.6666%;
	right:6.6666%;
	bottom:2.7397%;
	height:7.7534%;
	background:url(../img/common/next.svg) no-repeat center center / contain;
	opacity:0;
}
@media screen and (max-width:768px){
	.mv__next{
		left:6.6666vw;
		right:6.6666vw;
		bottom:2.7397vw;
		height:12vw;
	}
}
#mv.sani .mv__next,
#mv.nani .mv__next{
	opacity:1;
}
#mv.sani .mv__next{
	transition:all 0.6s ease;
	transition-delay:1.5s;
}

.mv__leftInner{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	overflow: hidden;
}
.mv__swiper {
	width:100%;
	height:auto;
}
.mv__swiper-wrapper {}
.mv__swiper-slide {}
.mv__swiper-slide img {
	width:100%;
	height:auto;
}
.mv__right{
	width:50%;
	position:relative;
}
@media screen and (max-width:768px){
	.mv__right{
		width:100%;
		background:url(../img/top/mv_rightbg-s.png) no-repeat center bottom / 100% auto;
		filter:drop-shadow(0px 0px 5.0666vw #000);
		z-index:10;
	}
}
.mv__rightInner{
	max-height:100%;
	height:100vh;
	position:sticky;
	left:0;
	top:0;
	width:100%;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.mv__rightInner{
		max-height:unset;
		height:132.6666vw;
		position:relative;
		left:unset;
		top:unset;
		width:100%;
		overflow:visible;
		display:block;
	}
}
.mv__rightMovie{
	height:max(100%,28.125vw);
	aspect-ratio:16 / 9;
	background:#ccc;
	flex-shrink:0;
	position:relative;
}
@media screen and (max-width:768px){
	.mv__rightMovie{
		height:56.25vw;
		aspect-ratio:16 / 9;
		background:#ccc;
		flex-shrink:0;
		position:relative;
	}
}
.mv__rightMovie:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/top/mv_moviemask.png) repeat center center;
	opacity:0.4;
}
@media screen and (max-width:768px){
	.mv__rightMovie:before{
		display:none;
	}
}
.mv__rightMovieCont{
	width:100%;
	height:100%;
}
.mv__rightMovieBtn{
	width:min(calc(114 / var(--vw-min) * 100vw),114px);
	height:min(calc(114 / var(--vw-min) * 100vw),114px);
	position:absolute;
	right:min(calc(20 / var(--vw-min) * 100vw),20px);
	bottom:min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.mv__rightMovieBtn{
		display:none;
	}
}
.mv__rightMovieBtn a{
	display:flex;
	justify-content:center;
	align-items:center;
	width:100%;
	height:100%;
	background:var(--color-red);
	border-radius:50%;
	text-decoration:none;
	color:#fff;
}
.mv__rightMovieBtn a:before{
	content:'';
	position:relative;
	width:min(calc(44 / var(--vw-min) * 100vw),44px);
	height:min(calc(44 / var(--vw-min) * 100vw),44px);
	background:#fff;
	border-radius:50%;
	transition:all 0.3s ease
}
@media screen and (hover:hover){
	.mv__rightMovieBtn a:hover:before{
		transform:scale(1.2);
	}
}
.mv__rightMovieBtn a:after{
	content:'';
	position:absolute;
	width:0;
	height:0;
	border-style:solid;
	border-width:min(calc(4.5 / var(--vw-min) * 100vw),4.5px) 0 min(calc(4.5 / var(--vw-min) * 100vw),4.5px) min(calc(13 / var(--vw-min) * 100vw),13px);
	border-color:transparent transparent transparent var(--color-red);
	top:50%;
	left:50%;
	margin-top:max(calc(-4.5 / var(--vw-min) * 100vw),-4.5px);
	margin-left:max(calc(-5 / var(--vw-min) * 100vw),-5px);
}
.mv__rightMovieLabel{
	position:absolute;
	left:0;
	right:0;
	height:min(calc(35 / var(--vw-min) * 100vw),35px);
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:min(calc(12 / var(--vw-min) * 100vw),12px);
	padding-bottom:min(calc(6 / var(--vw-min) * 100vw),6px);
}
.mv__rightLogo{
	position:absolute;
	z-index:10;
	top:30%;
	bottom:30%;
	left:22%;
	right:18%;
	background:url(../img/common/logo.png) no-repeat center center / contain;
	filter:drop-shadow(0px 0px 18px #fff);
}
@supports (background-image:url(../img/common/logo.webp)){
	.mv__rightLogo{
		background-image:url(../img/common/logo.webp);
	}
}
@media screen and (max-width:768px){
	.mv__rightLogo{
		position:absolute;
		z-index:10;
		top:unset;
		bottom:12vw;
		left:16.9333vw;
		right:unset;
		height:59.3333vw;
		width:71.7333vw;
		filter:none;
	}
}
.mv__bottom{
	position:absolute;
	height:100%;
	width:100%;
	left:0;
	top:0;
	display:flex;
	align-items:flex-end;
	justify-content:center;
	pointer-events:none;
	z-index:500;
}
@media screen and (max-width:768px){
	.mv__bottom{
		height:calc(100% + 6.5333vw);
	}
}
.mv__snsLinks{
	width:min(calc(154 / var(--vw-min) * 100vw),154px);
	height:min(calc(84 / var(--vw-min) * 100vw),84px);
	position:sticky;
	bottom:0;
	display:flex;
	justify-content:space-between;
	pointer-events:auto;
}
@media screen and (max-width:768px){
	.mv__snsLinks{
		position:absolute;
		width:min(calc(220 / var(--vw-min) * 100vw),220px);
		height:min(calc(100 / var(--vw-min) * 100vw),100px);
	}
}
.mv__snsLink{
	width:min(calc(70 / var(--vw-min) * 100vw),70px);
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
}
@media screen and (max-width:768px){
	.mv__snsLink{
		width:min(calc(100 / var(--vw-min) * 100vw),100px);
		height:min(calc(100 / var(--vw-min) * 100vw),100px);
	}
}
.mv__snsLink a{
	display:block;
	width:min(calc(70 / var(--vw-min) * 100vw),70px);
	height:min(calc(70 / var(--vw-min) * 100vw),70px);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
	background:var(--color-red);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.mv__snsLink a{
		width:min(calc(100 / var(--vw-min) * 100vw),100px);
		height:min(calc(100 / var(--vw-min) * 100vw),100px);
	}
}
@media screen and (hover:hover){
	.mv__snsLink a:hover{
		transform:scale(1.15);
	}
}
.mv__snsLink a:before{
	content:'';
	position:relative;
	width:min(calc(30 / var(--vw-min) * 100vw),30px);
	height:min(calc(30 / var(--vw-min) * 100vw),30px);
	display:block;
	background:#fff;
}
@media screen and (max-width:768px){
	.mv__snsLink a:before{
		width:min(calc(44 / var(--vw-min) * 100vw),44px);
		height:min(calc(44 / var(--vw-min) * 100vw),44px);
	}
}
.mv__snsX:before{
	-webkit-mask:url(../img/common/icon_tw.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_tw.svg) no-repeat center center / contain;
}
.mv__snsTiktok:before{
	-webkit-mask:url(../img/common/icon_tk.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_tk.svg) no-repeat center center / contain;
}
.contentWrap{
	background:url(../img/top/main_bg.jpg) no-repeat center bottom / 100% auto;
	position:relative;
	z-index:502;
}
@media screen and (max-width:768px){
	.contentWrap{
		background-image:url(../img/top/main_bg-s.jpg);
		margin-top:-13.3333vw;
	}
}
@supports (background-image:url(../img/top/main_bg.webp)){
	.contentWrap{
		background-image:url(../img/top/main_bg.webp);
	}
	@media screen and (max-width:768px){
		.contentWrap{
		background-image:url(../img/top/main_bg-s.webp);
		}
	}
}
.topics{
	margin-bottom:min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.topics{
		margin-bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
	}
}
.topics .geTitle:before{
	content:'';
	position:relative;
	display:block;
	width:min(calc(114 / var(--vw-min) * 100vw),114px);
	height:min(calc(25 / var(--vw-min) * 100vw),25px);
	-webkit-mask:url(../img/common/t_news-h.svg) no-repeat center center / contain;
	mask:url(../img/common/t_news-h.svg) no-repeat center center / contain;
	background:var(--color-gold);
}
.topics__content{
	padding:min(calc(12 / var(--vw-min) * 100vw),12px) 0 min(calc(40 / var(--vw-min) * 100vw),40px) 0;
}
@media screen and (max-width:768px){
	.topics__content{
		padding:min(calc(24 / var(--vw-min) * 100vw),24px) 0 min(calc(60 / var(--vw-min) * 100vw),60px) 0;
	}
}
.topBnrs{
	position:relative;
	margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
	.topBnrs{
		position:relative;
		margin-bottom:0;
	}
}
.topBnr{
	margin:0 auto 10px;
	width:min(calc(670 / var(--vw-min) * 100vw),670px);
}
.topBnr img{
	display:block;
	width:100%;
	height:auto;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.topBnr a:hover img{
		transform:scale(1.05)
	}
}