@charset "utf-8";
.c-mv{
	width: 100%;
	position: relative;
}
.mv__logo{
	position: absolute;
	top: 0;
	left: 0;
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	margin-left: min(calc(80 / var(--vw-min) * 100vw), 80px);
	z-index: 2;
}
.mv__logo img{
	width: 100%;
}
@media screen and (max-width:768px){
	.c-mv{
		overflow: hidden;
	}
	.mv__logo{
		width: calc(486 / var(--vw-min) * 100vw);
		margin-top: calc(48 / var(--vw-min) * 100vw);
		margin-left: calc(48 / var(--vw-min) * 100vw);
	}
}
.mv__navArea{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	text-align: right;
	letter-spacing: 0;
	z-index: 2;
}
.mv__navContLists{
	display: flex;
	flex-direction: column;
	gap: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.mv__navContList--dt{
	font-family: var(--font-en);
	text-align: right;
	font-size: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	line-height: 0.8;
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.mv__navContList--dd{
	padding-right: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.mv__navLists{
	display: flex;
	justify-content: flex-end;
	gap: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}
.mv__navList--link{
	font-family: var(--font-en);
	font-style: italic;
	font-weight: 900;
	line-height: 0.8;
	color: #000;
	padding: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	display: inline-block;
	text-decoration: none;
	position: relative;
	background-color: #fff;
	text-decoration: none;
	pointer-events: auto;
}
.mv__navList--txt{
	position: relative;
	display: block;
}
.mv__navList--link.--is-current{
	background-color: #000;
	color: var(--color-main-yellow);
	pointer-events: none;
}
@media screen and (hover:hover) and (pointer: fine){
	.mv__navList--link:not(.--is-current){
		transition: color .4s ease;
	}
	.mv__navList--link:not(.--is-current):before{
		content: '';
		position: absolute;
		inset: 0;
		background: linear-gradient(#000, #000) right bottom / 0 100% no-repeat;
		transition: background-size 0.4s;
	}
	.mv__navList--link:not(.--is-current):hover{
		color: #FFF;
	}
	.mv__navList--link:not(.--is-current):hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}
.mv__navLists.-lang .mv__navList--link{
	font-size: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}
.mv__navLists.-nav{
	flex-direction: column;
}
.mv__navLists.-nav .mv__navList--link{
	font-size: min(calc(28 / var(--vw-min) * 100vw), calc(28px * var(--max-percent)));
}
.mv__navLists.-sns .mv__navList--link{
	display: block;
	width: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	height: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.mv__navLists.-sns .mv__navList--link:after{
	content: '';
	position: absolute;
	inset: 0;
	width: 50%;
	height: 50%;
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	margin: auto;
	background-color: #000;
}
.mv__navLists.-sns .mv__navList--link.-sns_x:after{
	mask-image: url(../img/common/sns/icon_x.svg);
}
.mv__navLists.-sns .mv__navList--link.-sns_tk:after{
	mask-image: url(../img/common/sns/icon_tiktok.svg);
}
@media screen and (hover:hover) and (pointer: fine){
	.mv__navLists.-sns .mv__navList--link:after{
		transition: background-color .3s ease;
	}
	.mv__navLists.-sns .mv__navList--link:hover::after{
		background-color: var(--color-main-yellow);
	}
}
@media screen and (max-width:768px){
	.mv__navArea{
		display: none;
	}
}
.mv__visualArea{
	width: 100%;
	padding-top: min(calc(120 / var(--vw-min) * 100vw), 120px);
	overflow: hidden;
	position: relative;
}
.mv__visualSwiper{
	position: relative;
	overflow: unset;
}
.mv__visualImageList{
	width: calc(600 / var(--vw-min) * 100vw);
}
.mv__visualImageLists{
	height: calc(calc(1088 / var(--vw-min) * 100vw) - min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent))));
}
.mv__visualImageCont{
	width: calc(600 / var(--vw-min) * 100vw);
	height: calc(848 / var(--vw-min) * 100vw);
	transition: width .15s ease, height .15s ease, transform .15s ease, opacity .15s ease;
	opacity: 0;
	transition-delay: 1s, 1s, 1s, 0s;
}
.mv__visualImageCont:after{
	content: '';
	position: absolute;
	inset: 0;
	background-color: rgba(255, 210, 0, 60%);
	transition: opacity .3s ease;
}
.mv__visualImageList img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: left center;
}
.mv__visualTitle{
	position: absolute;
	top: min(calc(120 / var(--vw-min) * 100vw), 120px);
	height: calc(848 / var(--vw-min) * 100vw);
	left: calc(50% + (300 / var(--vw-min) * 100vw));
	display: flex;
	flex-direction: row-reverse;
	writing-mode: vertical-rl;
	-webkit-text-orientation: mixed;
	text-orientation: mixed;
	font-family: var(--font-en);
	font-size: calc(112 / var(--vw-min) * 100vw);
	font-weight: 900;
	color: #FFF;
	letter-spacing: 0;
	line-height: 0.8;
	mix-blend-mode: overlay;
	z-index: 2;
	opacity: 0;
	transform: translateX(calc(40 / var(--vw-min) * 100vw));
	pointer-events: none;
}
.mv__visualTitle.--is-active{
	opacity: 1;
	transform: translateX(0);
	transition: opacity .45s ease, transform .45s ease;
	transition-delay: .15s;
}
.mv__visualImageList.swiper-slide-next .mv__visualImageCont{
	width: calc(770 / var(--vw-min) * 100vw);
	height: calc(1088 / var(--vw-min) * 100vw);
	transform: translateY(max(calc(-120 / var(--vw-min) * 100vw), -120px)) translateX(calc(-300 / var(--vw-min) * 100vw));
	transition: unset;
	opacity: 1;
}
.mv__visualImageList.swiper-slide-prev .mv__visualImageCont{
	width: calc(400 / var(--vw-min) * 100vw);
	height: calc(608 / var(--vw-min) * 100vw);
	transform: translateY(calc(120 / var(--vw-min) * 100vw)) translateX(calc(80 / var(--vw-min) * 100vw));
	transition: width .15s ease, height .15s ease, transform .15s ease;
	opacity: 1;
	transition-delay: 0s;
}
.mv__visualImageList.swiper-slide-active .mv__visualImageCont{
	width: calc(600 / var(--vw-min) * 100vw);
	height: calc(848 / var(--vw-min) * 100vw);
	transform: translateY(0%) translateX(0%);
	transition: width .15s ease, height .15s ease, transform .15s ease;
	opacity: 1;
	transition-delay: 0s;
}
.mv__visualImageList.swiper-slide-active .mv__visualImageCont:after{
	opacity: 0%;
}
@media screen and (max-width:768px){
	.mv__visualArea{
		padding-top: calc(144 / var(--vw-min) * 100vw);
		overflow: unset;
	}
	.mv__visualImageList{
		width: calc(558 / var(--vw-min) * 100vw);
	}
	.mv__visualImageLists{
		height: calc(932 / var(--vw-min) * 100vw);
	}
	.mv__visualImageCont{
		width: calc(558 / var(--vw-min) * 100vw);
		height: calc(788 / var(--vw-min) * 100vw);
	}
	.mv__visualTitle{
		top: calc(144 / var(--vw-min) * 100vw);
		height: calc(788 / var(--vw-min) * 100vw);
		left: calc(50% + calc(280 / var(--vw-min) * 100vw));
		font-size: calc(100 / var(--vw-min) * 100vw);
		transform: translateX(calc(32 / var(--vw-min) * 100vw));
	}
	.mv__visualImageList.swiper-slide-next .mv__visualImageCont{
		width: calc(762 / var(--vw-min) * 100vw);
		height: calc(1076 / var(--vw-min) * 100vw);
		transform: translateY(calc(-144 / var(--vw-min) * 100vw)) translateX(calc(-280 / var(--vw-min) * 100vw));
	}
	.mv__visualImageList.swiper-slide-prev .mv__visualImageCont{
		width: calc(354 / var(--vw-min) * 100vw);
		height: calc(500 / var(--vw-min) * 100vw);
		transform: translateY(calc(156 / var(--vw-min) * 100vw)) translateX(calc(156 / var(--vw-min) * 100vw));
	}
	.mv__visualImageList.swiper-slide-active .mv__visualImageCont{
		width: calc(558 / var(--vw-min) * 100vw);
		height: calc(788 / var(--vw-min) * 100vw);
	}
}
.mv__visualSelectWrap{
	position: absolute;
	top: min(calc(120 / var(--vw-min) * 100vw), 120px);
	left: 0;
	margin-top: calc(100 / var(--vw-min) * 100vw);
	margin-left: calc(180 / var(--vw-min) * 100vw);
	width: calc(120 / var(--vw-min) * 100vw);
	z-index: 2;
	pointer-events: none;
}
.mv__visualSelectInWrap{
	width: calc(40 / var(--vw-min) * 100vw);
	margin-left: auto;
	margin-right: auto;
}
.mv__visualSelect--ttl{
	font-family: var(--font-en);
	font-weight: 700;
	font-size: calc(12 / var(--vw-min) * 100vw);
	text-align: center;
	line-height: 0.8;
	margin-bottom: calc(8 / var(--vw-min) * 100vw);
}
.mv__visualSelectLists{
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: calc(8 / var(--vw-min) * 100vw);
}
.mv__visualSelectList{
	width: 100%;
}
.btn_visualSelectList{
	display: block;
	width: 100%;
	padding-top: 100%;
	position: relative;
	pointer-events: auto;
}
.btn_visualSelectList:after{
	content: '';
	position: absolute;
	inset: 0;
	background: #000;
	mix-blend-mode: color;
	transition: opacity .3s ease;
}
.btn_visualSelectList--img{
	position: absolute;
	inset: 0;
}
.btn_visualSelectList--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.btn_visualSelectList--gause{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 0%;
	background-color: var(--color-main-yellow);
	opacity: 40%;
}
.btn_visualSelectList.--is-current::after{
	opacity: 0;
}
.btn_visualSelectList.--is-current .btn_visualSelectList--gause{
	height: 100%;
	transition: height 10s linear;
}
@media screen and (max-width:768px){
	.mv__visualSelectWrap{
		top: calc(240 / var(--vw-min) * 100vw);
		margin-top: 0;
		margin-left: 0;
		width: calc(96 / var(--vw-min) * 100vw);
	}
	.mv__visualSelectInWrap{
		width: calc(48 / var(--vw-min) * 100vw);
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.mv__visualSelect--ttl{
		writing-mode: vertical-rl;
		font-size: calc(20 / var(--vw-min) * 100vw);
		margin-bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.mv__visualSelectLists{
		gap: calc(16 / var(--vw-min) * 100vw);
	}
}
.mv__visualDecoTxt{
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 2;
}
.mv__visualDecoTxt--img{
	position: absolute;
}
.mv__visualDecoTxt--img img{
	width: 100%;
}
.mv__visualDecoTxt--img.-img1{
	width: calc(296 / var(--vw-min) * 100vw);
	left: calc(40 / var(--vw-min) * 100vw);
	bottom: calc(272 / var(--vw-min) * 100vw);
}
.mv__visualDecoTxt--img.-img2{
	width: calc(260 / var(--vw-min) * 100vw);
	right: calc(40 / var(--vw-min) * 100vw);
	bottom: calc(200 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.mv__visualDecoTxt--img.-img1{
		width: calc(348 / var(--vw-min) * 100vw);
		left: calc(24 / var(--vw-min) * 100vw);
		bottom: calc(120 / var(--vw-min) * 100vw);
	}
	.mv__visualDecoTxt--img.-img2{
		width: calc(314 / var(--vw-min) * 100vw);
		right: calc(24 / var(--vw-min) * 100vw);
		bottom: calc(-145 / var(--vw-min) * 100vw);
	}
}
.mv__onairInfo{
	width: 100%;
	height: calc(240 / var(--vw-min) * 100vw);
	padding-left: calc(16 / var(--vw-min) * 100vw);
	padding-right: calc(16 / var(--vw-min) * 100vw);
	padding-bottom: calc(40 / var(--vw-min) * 100vw);
	position: relative;
	z-index: 2;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	margin-top: calc(-120 / var(--vw-min) * 100vw);
}
.mv__onairInfo:before{
	content: '';
	position: absolute;
	inset: 0;
	background: url(../img/top/mv_onair-bg.png) no-repeat center bottom / 100%;
}
.mv__onairInfo--txt{
	width: 100%;
	height: calc(228 / var(--vw-min) * 100vw);
	position: relative;
}
.mv__onairInfo--txt img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width:768px){
	.mv__onairInfo{
		height: auto;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: calc(128 / var(--vw-min) * 100vw);
		margin-top: calc(-96 / var(--vw-min) * 100vw);
	}
	.mv__onairInfo:before{
		background-image: url(../img/top/mv_onair-bg_s.png);
	}
	.mv__onairInfo--txt{
		height: auto;
	}
	.mv__onairInfo--txt img{
		height: auto;
	}
}
.mvBannerWrap{
	width: 100%;
	position: relative;
}
.mvBannerWrap .mvBanner--ttl{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: calc(32 / var(--vw-min) * 100vw);
	margin-top: max(calc(-20 / var(--vw-min) * 100vw), calc(-20px * var(--max-percent)));
	font-family: var(--font-en);
	font-size: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	line-height: 1;
}
.mvBannerContWrap{
	width: 100%;
	position: relative;
	padding: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent))) 0;
	background-color: #000;
}
.mvBannerLists.--noSwiper{
	justify-content: center;
}
.mvBannerList{
	width: min(calc(320 / var(--vw-min) * 100vw), calc(320px * var(--max-percent)));
	margin: 0 1.6667%;
}
.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: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	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:768px){
	.mvBannerWrap{
		z-index: 2;
	}
	.mvBannerWrap .mvBanner--ttl{
		display: none;
	}
	.mvBannerContWrap{
		padding: 6.4% 0;
	}
	.mvBannerList{
		width: 64%; 
		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);
	}
}
.mv__bgDeco{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
body.--mc-show .mv__bgDeco .comBg__slideText:before{
	animation-play-state: paused;
}
.mainContents{
	width: 100%;
	position: relative;
}
.title__logo{
	position: sticky;
	top: 0;
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-left: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
	z-index: 3;
}
.title__logo--link{
	display: block;
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
}
.title__logo--link img{
	width: 100%;
}
@media screen and (max-width:768px){
	.title__logo{
		display: block;
		width: 0;
		height: 0;
		opacity: 0;
		padding: 0;
		overflow: hidden;
	}
}
.c-news{
	width: 100%;
	position: relative;
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding-bottom: min(calc(160 / var(--vw-min) * 100vw), 160px);
}
.news__inner{
	width: 100%;
	position: relative;
	display: flex;
	padding-left: calc(50 / var(--vw-min) * 100vw);
}
.news__inner .cont__secTitle{
	flex-shrink: 0;
	width: min(calc(390 / var(--vw-min) * 100vw), calc(390px * var(--max-percent)));
}
.news__inner .cont__secTitle--en{
	margin-left: -0.05em;
}
@media screen and (max-width:768px){
	.c-news{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
	}
	.news__inner{
		flex-direction: column;
		padding-left: 0;
	}
	.news__inner .cont__secTitle{
		width: auto;
	}
}
.newsLists{
	width: 100%;
	position: relative;
}
.newsList{
	border-bottom: 1px solid #000;
	background-color: #fff;
}
.newsList:first-of-type{
	border-top: 1px solid #000;
}
.newsList__link{
	display: flex;
	position: relative;
	width: 100%;
	text-decoration: none;
	align-items: center;
	padding-right: min(calc(120 / var(--vw-min) * 100vw), 120px);
	color: #000;
}
.newsList__link:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(40 / var(--vw-min) * 100vw), 40px);
	height: min(calc(22 / var(--vw-min) * 100vw), 22px);
	margin: auto min(calc(40 / var(--vw-min) * 100vw), 40px) 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: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-family: var(--font-en);
	font-weight: 700;
	line-height: 1.2;
	background-color: #000;
	color: #FFF;
	position: relative;
	text-align: center;
	min-width: min(calc(78 / var(--vw-min) * 100vw), 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-weight: 700;
	line-height: 2;
	height: 2em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	margin-left: min(calc(24 / var(--vw-min) * 100vw), 24px);
	position: relative;
}
@media screen and (hover:hover) and (pointer: fine){
	.newsList__link:before{
		content: '';
		position: absolute;
		top: 0;
		left: min(calc(78 / var(--vw-min) * 100vw), 78px);
		right: 0;
		bottom: 0;
		background: linear-gradient(#000, #000) right bottom / 0 100% no-repeat;
		transition: background-size 0.4s;
	}
	.newsList__link:hover::before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
	.newsList__title,
	.newsList__time{
		transition: color .4s ease;
	}
	.newsList__link:hover .newsList__title{
		color: #FFF;
	}
	.newsList__link:hover .newsList__time{
		color: #000;
	}
	.newsList__link:after{
		transition: background-color .3s ease .1s, transform .4s ease;
	}
	.newsList__link:hover::after{
		background-color: #fff;
		transform: translateX(25%);
	}
	.newsList__time:before{
		content: '';
		position: absolute;
		inset: 0;
		border-top: 1px solid #000;
		border-left: 1px solid #000;
		background: linear-gradient(#FFF, #FFF) right bottom / 0 100% no-repeat;
		transition: background-size 0.4s;
	}
	.newsList__time > span{
		position: relative;
	}
	.newsList__link:hover .newsList__time:before{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}
@media screen and (max-width:768px){
	.newsLists{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
	}
	.newsList{
		border-bottom-width: var(--sp-size-2);
	}
	.newsList__link{
		padding-right: calc(96 / var(--vw-min) * 100vw);
	}
	.newsList__link:after{
		width: var(--sp-size-48);
		height: var(--sp-size--26);
		margin-right: calc(24 / var(--vw-min) * 100vw);
	}
	.newsList__time{
		padding: var(--sp-size-32) var(--sp-size-36);
		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{
		height: var(--sp-size-96);
		-webkit-line-clamp: 2;
		margin-left: var(--sp-size-24);
	}
}
.c-news .com_linkBox{
	position: absolute;
	left: calc((50 / var(--vw-min) * 100vw) + min(calc(30 / var(--vw-min) * 100vw), 30px));
	bottom: 0;
	padding-bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
@media screen and (max-width:768px){
	.c-news .com_linkBox{
		position: relative;
		left: unset;
		margin-top: calc(96 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 0;
	}
}
.c-news{
	overflow: hidden;
}
.newsList{
	opacity: 0;
	transform: translate(10%, 10%);
	transition: opacity .25s ease, transform .6s cubic-bezier(.51,.11,.22,1.09);
}
.c-news .com_linkBox{
	opacity: 0;
	transform: translate(0, -75%);
	transition: opacity .25s ease, transform .6s cubic-bezier(.51,.11,.22,1.09);
}
body.--is-news-loaded .c-news.--is-ani .newsList,
body.--is-news-loaded .c-news.--is-ani .com_linkBox{
	opacity: 1;
	transform: translate(0%, 0%);
}
.c-news.--is-ani .newsList:nth-of-type(1),
.c-news.--is-ani .com_linkBox{
	transition-delay: .5s;
}
.c-news.--is-ani .newsList:nth-of-type(2){
	transition-delay: .55s;
}
.c-news.--is-ani .newsList:nth-of-type(3){
	transition-delay: .6s;
}
.subMainContents{
	width: 100%;
	position: relative;
}
.c-movie{
	position: relative;
	height: 200vh;
	z-index: 2;
}
.c-movie__sticky{
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}
.c-movie__frame{
	display: block;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: transparent;
	cursor: pointer;
	pointer-events: auto;
	position: relative;
	overflow: hidden;
}
.c-movie__catchWrap{
	position: absolute;
	inset: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	overflow: hidden;
	z-index: 2;
	pointer-events: none;
}
.introCatch__txt{
	height: min(calc(204 / var(--vw-min) * 100vw), 204px);
}
.introCatch__txt img{
	display: block;
	height: 100%;
}
.introCatch__txt.-r{
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	text-align: left;
	margin-left: auto;
}
.introCatch__txt.-l{
	width: min(calc(545 / var(--vw-min) * 100vw), 545px);
	text-align: right;
	margin-left: max(calc(-320 / var(--vw-min) * 100vw), -320px);
}
.c-movie__catchWrap .introCatch__txt{
	opacity: 0;
	transition: transform .3s ease, opacity .3s ease;
}
.c-movie__catchWrap .introCatch__txt.-r{
	transform: translateX(100%);
}
.c-movie__catchWrap .introCatch__txt.-l{
	transform: translateX(-100%);
}
.c-movie.--is-view .introCatch__txt.-r,
.c-movie.--is-view .introCatch__txt.-l{
	opacity: 1;
	transform: translateX(0%);
}
.c-movie.--is-view-end .introCatch__txt.-r{
	transform: translateX(-80%);
	opacity: 0;
}
.c-movie.--is-view-end .introCatch__txt.-l{
	transform: translateX(40%);
	opacity: 0;
}
@media screen and (max-width:768px){
	.c-movie__catchWrap{
		justify-content: unset;
		height: calc(62.963vh + calc(288 / var(--vw-min) * 100vw));
		margin: auto;
	}
	.c-movie__catchWrap	.introCatch__txt.-l{
		margin-top: auto;
	}
}
.c-movie__play--icon{
	position: absolute;
	inset: 0;
	width: min(calc(100 / var(--vw-min) * 100vw), 100px);
	height: min(calc(100 / var(--vw-min) * 100vw), 100px);
	margin: auto;
	mix-blend-mode: difference;
	opacity: 0;
	transition: opacity .3s ease;
}
.c-movie__play--icon:before{
	content: '';
	position: absolute;
	inset: 0;
	background: url(../img/common/txt_playmovie.svg) no-repeat center / contain;
	animation: ani_rotate360 16s linear infinite;
	animation-play-state: paused;
}
.c-movie__play--icon:after{
	content: '';
	position: absolute;
	inset: 0;
	width: 64%;
	height: 64%;
	-webkit-mask: url(../img/common/icon/icon_sakamoto.svg) no-repeat center / contain;
	mask: url(../img/common/icon/icon_sakamoto.svg) no-repeat center / contain;
	background-color: #fff;
	margin: auto;
}
.c-movie.--is-view .c-movie__play--icon{
	opacity: 1;
}
.c-movie.--is-view .c-movie__play--icon:before{
	animation-play-state: running;
}
.c-movie.--is-view-end .c-movie__play--icon{
	opacity: 0;
}
.subMainContents:has(.subArea__bgWrap.--is-full) .c-movie__sticky{
	opacity: 0;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.c-movie__play--icon{
		width: calc(120 / var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width: 769px) and (hover: hover) and (pointer: fine){
	.c-movie__play--icon{
		display: none;
	}
}
.c-introduction{
	position: relative;
	z-index: 2;
	opacity: 0;
	transition: opacity .4s ease;
	padding-top: min(calc(200 / var(--vw-min) * 100vw), 200px);
	padding-bottom: min(calc(200 / var(--vw-min) * 100vw), 200px);
	min-height: calc(100vh + min(calc(160 / var(--vw-min) * 100vw), 160px));
}
.subMainContents:has(.subArea__bgWrap.--is-full) .c-introduction{
	opacity: 1;
}
.c-introduction__inner{
	position: relative;
	text-align: center;
}
.c-introduction__innerCont{
	position: relative;
	width: 100%;
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.introduction__text-catch{
	width: min(calc(1012 / var(--vw-min) * 100vw), 1012px);
	margin: 0 auto;
}
.introduction__text-catch img{
	width: 100%;
}
.introduction__bg-catch{
	width: 100%;
	position: relative;
	margin-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
	padding-bottom: min(calc(80 / var(--vw-min) * 100vw), 80px);
	z-index: 1;
}
.introduction__bg-catch_img{
	width: min(calc(720 / var(--vw-min) * 100vw), 720px);
	height: min(calc(400 / var(--vw-min) * 100vw), 400px);
	margin: 0 auto;
	overflow: hidden;
}
.introduction__bg-catch_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.introduction__bg-catch_decoWrap{
	position: absolute;
	inset: 0;
}
.introduction__bg-catch_decoInWrap{
	position: absolute;
	inset: 0;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.introCatch__txtdeco{
	position: absolute;
}
.introCatch__txtdeco img{
	width: 100%;
}
.introCatch__txtdeco.-r{
	width: min(calc(138 / var(--vw-min) * 100vw), 138px);
	top: 0;
	right: 0;
	margin-top: min(calc(322 / var(--vw-min) * 100vw), 322px);
	margin-right: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.introCatch__txtdeco.-l{
	width: min(calc(151 / var(--vw-min) * 100vw), 151px);
	top: 0;
	left: 0;
	margin-top: min(calc(520 / var(--vw-min) * 100vw), 520px);
	margin-left: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.introduction__mainWrap{
	position: relative;
	width: 100%;
	text-align: left;
}
.introduction__mainInWrap{
	width: min(calc(720 / var(--vw-min) * 100vw), 720px);
	margin: 0 auto;
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	position: relative;
	z-index: 1;
}
.introduction__main--text{
	width: 111.1112%;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	line-height: 2;
	letter-spacing: 0.05em;
}
.introduction__main--bg{
	position: absolute;
	top: 0;
	right: 0;
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	height: min(calc(240 / var(--vw-min) * 100vw), 240px);
}
.introduction__main--bg_img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.introduction__main--bg_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.introduction__subWrap{
	position: relative;
	width: 100%;
	padding-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
	padding-bottom: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.introduction__subCatch{
	width: min(calc(1040 / var(--vw-min) * 100vw), 1040px);
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.introduction__subCatch--txt{
	display: block;
	width: min(calc(984 / var(--vw-min) * 100vw), 984px);
	margin-left: auto;
}
.introduction__subCatch--txt img{
	width: 100%;
}
.introduction__sub--bg{
	position: absolute;
	left: 0;
	bottom: 0;
	width: min(calc(360 / var(--vw-min) * 100vw), 360px);
	height: min(calc(160 / var(--vw-min) * 100vw), 160px);
}
.introduction__sub--bg_img{
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.introduction__sub--bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width:768px){
	.c-introduction{
		padding-top: calc(216 / var(--vw-min) * 100vw);
		padding-bottom: calc(104 / var(--vw-min) * 100vw);
	}
	.cont__secTitle[data-title="introduction"]{
		padding-left: 0;
	}
	.cont__secTitle[data-title="introduction"]:before{
		left: calc(16 / var(--vw-min) * 100vw);
	}
	.c-introduction__innerCont{
		padding-top: calc(96 / var(--vw-min) * 100vw);
	}
	.introduction__text-catch{
		width: calc(511 / var(--vw-min) * 100vw);
		margin-left: calc(48 / var(--vw-min) * 100vw);
		margin-right: unset;
		position: relative;
		z-index: 2;
	}
	.introduction__bg-catch{
		margin-top: calc(-32 / var(--vw-min) * 100vw);
		padding-bottom: calc(368 / var(--vw-min) * 100vw);
	}
	.introduction__bg-catch_img{
		margin: unset;
		width: calc(606 / var(--vw-min) * 100vw);
		height: calc(337 / var(--vw-min) * 100vw);
	}
	.introduction__bg-catch_decoWrap{
		padding-top: calc(76 / var(--vw-min) * 100vw);
	}
	.introduction__bg-catch_decoInWrap{
		position: relative;
	}
	.introCatch__txtdeco.-r{
		width: calc(166 / var(--vw-min) * 100vw);
		margin-top: calc(328 / var(--vw-min) * 100vw);
		margin-right: calc(22 / var(--vw-min) * 100vw);
	}
	.introCatch__txtdeco.-l{
		width: calc(182 / var(--vw-min) * 100vw);
		margin-top: calc(552 / var(--vw-min) * 100vw);
		margin-left: calc(48 / var(--vw-min) * 100vw);
	}
	.introduction__mainInWrap{
		width: 100%;
		padding-top: 0;
		padding-left: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(48 / var(--vw-min) * 100vw);
	}
	.introduction__main--text{
		width: 100%;
		font-size: calc(28 / var(--vw-min) * 100vw);
		letter-spacing: 0;
	}
	.introduction__main--text .s-bgc{
		display: inline-block;
		line-height: 1;
		background-color: var(--color-main-yellow);
	}
	.introduction__main--bg{
		width: calc(230 / var(--vw-min) * 100vw);
		height: calc(240 / var(--vw-min) * 100vw);
		margin-top: min(calc(96 / var(--vw-min) * 100vw), 96px);
	}
	.introduction__main--bg_img img{
		object-position: left top;
	}
	.introduction__subWrap{
		padding-top: calc(88 / var(--vw-min) * 100vw);
		padding-bottom: calc(208 / var(--vw-min) * 100vw);
	}
	.introduction__subCatch{
		width: calc(660 / var(--vw-min) * 100vw);
	}
	.introduction__subCatch--txt{
		width: 100%;
	}
	.introduction__sub--bg{
		width: calc(400 / var(--vw-min) * 100vw);
		height: calc(160 / var(--vw-min) * 100vw);
	}
}
.subArea__bgWrap{
	position: absolute;
	inset: 0;
	z-index: 0;
	pointer-events: none;
}
.subArea__bgInWrap{
	width: 100%;
	height: 100vh;
	position: sticky;
	top: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.subArea__bgFrame{
	position: relative;
	margin: 0 auto;
	overflow: hidden;
	width: 0;
	height: 0;
}
.subArea__bgWrap.--is-full .subArea__bgFrame{
	position: sticky;
	inset: 0;
	width: 100%;
	height: 100%;
	transform: none;
	margin: 0;
	z-index: 0;
}
.subArea__bgMov{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: opacity .4s ease;
}
.subArea__bgMov iframe,
.subArea__bgMov #js-subAreaYt{
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
}
.js-subAreaYtWrap::after{
	content: '';
	position: absolute;
	inset: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: opacity .4s ease;
}
body.--subArea-yt-ready .js-subAreaYtWrap::after{
	opacity: 0;
}
.subArea__bgOverlay{
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	opacity: 0;
	transition: opacity .4s ease;
	background-color: rgba(var(--color-main-yellow-rgb), 70%);
}
.subArea__bgOverlay:before{
	content: '';
	position: absolute;
	inset: 0;
	background-image: url(../img/common/bg_pat-dots.png);
	background-repeat: repeat;
	background-position: left top;
	background-size: 4px 4px;
}
.subArea__bgWrap.--is-full .subArea__bgOverlay{
	opacity: 100%;
}
body[data-page="top"] .--is-ani .cont__secTitle:before,
html.wf-active body:not([data-page="top"]).--is-loaded .cont__secTitle:before{
	opacity: 1;
	transform: translateX(0%);
	transition-delay: .1s;
}
body[data-page="top"] #introduction..--is-ani .cont__secTitle--enTxt:before{
	transition-delay: .15s;
}
body[data-page="top"] #introduction..--is-ani .cont__secTitle--enTxt > span{
	transition-delay: .5s;
}
body[data-page="top"] #introduction.--is-ani .cont__secTitle--ja > span{
	transition-delay: .15s;
}
.introduction__text-catch{
	opacity: 0;
	transform: translateY(80%);
	transition: transform .45s ease, opacity .25s ease;
}
#introduction.--is-ani .introduction__text-catch{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .3s;
}
#introduction .introCatch__txt.-r{
	transform: translateX(-80%);
	opacity: 0;
	transition: transform .3s ease, opacity .3s ease;
}
#introduction .introCatch__txt.-l{
	transform: translateX(40%);
	opacity: 0;
	transition: transform .3s ease, opacity .3s ease;
}
#introduction.--is-scrani .introCatch__txt.-r,
#introduction.--is-scrani .introCatch__txt.-l{
	transform: translateX(0%);
	opacity: 1;
	transition-delay: .3s;
}
.introCatch__txtdeco.-r img{
	opacity: 0;
	transform: translateX(0%) translateY(-20%);
	transition: opacity .2s ease, transform .35s cubic-bezier(.51,.11,.22,1.09);
}
.introCatch__txtdeco.-l img{
	opacity: 0;
	transform: translateX(-20%) translateY(0%);
	transition: opacity .2s ease, transform .35s cubic-bezier(.51,.11,.22,1.09);
}
#introduction.--is-scrani .introCatch__txtdeco.-r img,
#introduction.--is-scrani .introCatch__txtdeco.-l img{
	opacity: 1;
	transform: translateX(0%) translateY(0%);
	transition-delay: .3s;
}
.introduction__main--text,
.introduction__subCatch--txt{
	opacity: 0;
	transform: scale(95%);
	transition: opacity .3s ease, transform .4s cubic-bezier(.51,.11,.22,1.09);
}
.introduction__mainInWrap.--is-ani .introduction__main--text,
.introduction__subWrap.--is-ani .introduction__subCatch--txt{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .3s;
}
.comBg .comBg__slideText{
	transform: translateY(-100%);
	opacity: 0;
	transition: transform .5s ease, opacity .2s ease;
}
.comBg .comBg__slideText:before{
	animation-play-state: paused;
}
body.--mc-show .comBg .comBg__slideText{
	transform: translateY(0%);
	opacity: 1;
	transition: transform .3s ease, opacity .2s ease;
}
body.--mc-show .comBg .comBg__slideText:before{
	animation-play-state: running;
}
@media screen and (min-width:769px){
	.header__navBtnWrap{
		transform: translateX(100%);
		transition: transform .3s ease;
	}
	body.--mc-show .header__navBtnWrap,
	header.is-active .header__navBtnWrap{
		transform: translateX(0%);
	}
}
.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;
	}
}
.loading__logoInWrap{
	width: 100%;
	padding-top: 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(../img/common/loading/l_en.svg);
}
.loading__logo.-maru{
	top: 0;
	left: 63%;
	width: 11.9167%;
	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%;
	left: 52.8334%;
	width: 46%;
	height: 25%;
	display: flex;
	justify-content: space-between;
}
.loading__logo_ja{
	display: block;
	width: 13.4058%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	opacity: 0;
	transform: 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);}
}
.tLoading.--ani1 .loading__logo_ja{
	opacity: 1;
	transform: rotate(0deg) scale(1);
}
.tLoading.--ani2 .loading__logoWrap{
	transform: scale(0.6);
	opacity: 0;
}
body.--is-loading-fin .tLoading {
	background-color: transparent;
}
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;
}