@charset "utf-8";
@import url("../css/particle.parts.min.css");
/*-----------------------------------------------
 * TOP - HERO
-------------------------------------------------*/
.c-hero{
	width: 100%;
	min-height: 100vh;
	position: relative;
	z-index: 2;
}


.hero__logo{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	width: calc(508 / var(--vw-min) * 100vw);
	margin-left: auto;
	margin-right: auto;
	margin-bottom: calc(68 / var(--vw-min) * 100vw);
	z-index: 2;
}
.hero__logo img{
	width: 100%;
}
@media screen and (max-width:768px){
	.c-hero{
		min-height: unset;
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.hero__logo{
		bottom: unset;
		top: 0;
		margin-bottom: unset;
		width: calc(552 / var(--vw-min) * 100vw);
		margin-top: calc(690 / var(--vw-min) * 100vw);
	}
}



/**-------------
HERO - Cont
--------------**/
.hero__contWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.hero__contInWrap{
	position: sticky;
	top: 0;
	width: 100%;
	height: min(100vh, 100%);
}

@media screen and (max-width:768px){
	.hero__contWrap{
		position: relative;
		width: 100%;
		padding-top: calc(977 / var(--vw-min) * 100vw);
		bottom: unset;
	}
	.hero__contInWrap{
		position: unset;
	}
}

/* decoEnTitle */
.hero__decoEnTitle{
	position: absolute;
	top: 0;
	right: calc(80 / var(--vw-min) * 100vw);
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-family: var(--font-en);
	font-size: calc(12 / var(--vw-min) * 100vw);
	font-weight: 200;
	line-height: 1.5;
	writing-mode: vertical-lr;
}
@media screen and (max-width:768px){
	.hero__decoEnTitle{
		right: calc(80 / var(--vw-min) * 100vw);	
		margin-top: calc(40 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}



/* decoScroll */
.hero__decoScroll{
	position: absolute;
	right: 0;
	bottom: 0;
	width: calc(40 / var(--vw-min) * 100vw);
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
	display: flex;
	justify-content: center;
}
.hero__decoScrollIn{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.hero__decoScroll--txt{
	font-family: var(--font-en);
	font-size: calc(12 / var(--vw-min) * 100vw);
	font-weight: 200;
	line-height: 1.5;
	writing-mode: vertical-lr;
}
.hero__decoScroll--line{
	display: inline-block;
	width: 1px;
	height: min(calc(42 / var(--vw-min) * 100vw), 42px);
	overflow: hidden;
	margin-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
	position: relative;
}
.hero__decoScroll--line:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	animation: ani_scrollDown 2.4s ease-in-out infinite;
}
@keyframes ani_scrollDown {
	0% {
		transform: translateY(-100%);
	}
	70%,100% {
		transform: translateY(100%);
	}
}

@media screen and (max-width:768px){
	.hero__decoScroll{
		width: calc(48 / var(--vw-min) * 100vw);
		margin-bottom: calc(248 / var(--vw-min) * 100vw);
	}
	.hero__decoScroll--txt{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.hero__decoScroll--line{
		height: calc(40 / var(--vw-min) * 100vw);
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
}




.hero__contInArea{
	padding-top: min(calc(60 / var(--vw-min) * 100vw), 60px);
	padding-left: calc(80 / var(--vw-min) * 100vw);
	padding-bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
	padding-right: calc(80 / var(--vw-min) * 100vw);
	position: relative;
	width: 100%;
	height: 100%;
}
.hero__contInArea--cont{
	position: relative;
	width: 100%;
	height: 100%;
}

@media screen and (max-width:768px){
	.hero__contInArea{
		position: unset;
		padding-top: unset;
		padding-left: calc(80 / var(--vw-min) * 100vw);
		padding-right: calc(80 / var(--vw-min) * 100vw);
		padding-bottom: 0;
		height: auto;
	}
}


/* hero_en */
.hero__en{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	font-family: var(--font-en);
	line-height: 0.725;
	letter-spacing: 0;
}
.hero__en--title{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
}
.hero__en--title_l{
	display: block;
	font-size: calc(120 / var(--vw-min) * 100vw);
	font-weight: 800;
	letter-spacing: 0;
	text-indent: calc(-10 / var(--vw-min) * 100vw);
}
.hero__en--title_l::first-letter{
	color: var(--color-red);
	letter-spacing: 0.05em;
}
.hero__en--title_s{
	display: block;
	margin-top: calc(16 / var(--vw-min) * 100vw);
	font-size: calc(12 / var(--vw-min) * 100vw);
	font-weight: 200;
	text-indent: calc(-2 / var(--vw-min) * 100vw);
}

.hero__en--ann{
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	padding-top: calc(32 / var(--vw-min) * 100vw);
}
.hero__en--ann:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: calc(102 / var(--vw-min) * 100vw);
	height: calc(10 / var(--vw-min) * 100vw);
	background: url(../img/top/hero_txt_ann-deco.svg) no-repeat left top / contain;
}
.hero__en--aniv_l{
	display: block;
	font-size: calc(139 / var(--vw-min) * 100vw);
	font-weight: 800;
	letter-spacing: -0.04em;
	text-indent: calc(-12 / var(--vw-min) * 100vw);
}
.hero__en--aniv_s{
	display: block;
	margin-top: calc(16 / var(--vw-min) * 100vw);
	font-size: calc(43 / var(--vw-min) * 100vw);
	font-weight: 800;
	/* text-indent: calc(-4 / var(--vw-min) * 100vw); */
}
.hero__en--aniv_l::first-letter,
.hero__en--aniv_s::first-letter{
	color: var(--color-red);
}
@media screen and (max-width:768px){
	.hero__en{
		position: relative;
		align-items: center;
		bottom: unset;
	}
	.hero__en--title{
		position: relative;
		align-items: center;
	}
	.hero__en--title_l{
		font-size: calc(124 / var(--vw-min) * 100vw);
	}
	.hero__en--title_s{
		margin-top: calc(12 / var(--vw-min) * 100vw);
		font-size: calc(24 / var(--vw-min) * 100vw);
		text-indent: calc(-4 / var(--vw-min) * 100vw);
	}

	.hero__en--ann{
		position: relative;
		align-items: center;
		padding-top: calc(12 / var(--vw-min) * 100vw);
	}
	.hero__en--ann:before{
		content: unset;
	}
	.hero__en--aniv_l{
		padding-left: calc(80 / var(--vw-min) * 100vw);
		position: relative;
		padding-right: calc(80 / var(--vw-min) * 100vw);
		font-size: calc(148 / var(--vw-min) * 100vw);
	}
	.hero__en--aniv_l:before{
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		width: calc(57 / var(--vw-min) * 100vw);
		height: calc(70 / var(--vw-min) * 100vw);
		margin: auto 0;
		background: url(../img/top/hero_txt_ann-deco-s.svg) no-repeat left center / contain;
	}
	.hero__en--aniv_s{
		font-size: calc(45 / var(--vw-min) * 100vw);
	}
}


/* hero_movie */
.hero__movieArea{
	position: absolute;
	bottom: 0;
	right: 0;
	width: calc(220 / var(--vw-min) * 100vw);
}
.hero__movieAreaCont{
	width: 100%;
	padding-top: 50.9091%;
	position: relative;
}

.btn_heroMoviePlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: calc(240 / var(--vw-min) * 100vw);
	overflow: hidden;
	display: block;
}
.btn_heroMoviePlay--thumb{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
}
.btn_heroMoviePlay--thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.btn_heroMoviePlay--icon{
	width: calc(40 / var(--vw-min) * 100vw);
	height: calc(40 / var(--vw-min) * 100vw);
}
.btn_heroMoviePlay--icon:before{
	border-width: calc(4 / var(--vw-min) * 100vw);
}

@media screen and (max-width:768px){
	.hero__movieArea{
		width: 100%;
		position: relative;
		padding-top: calc(80 / var(--vw-min) * 100vw);
	}
	.hero__movieAreaCont{
		padding-top: calc(168 / var(--vw-min) * 100vw);
	}
	.btn_heroMoviePlay--icon{
		width: calc(68 / var(--vw-min) * 100vw);
		height: calc(68 / var(--vw-min) * 100vw);
	}
}




/**-------------
- Visual
--------------**/
.hero__visualWrap{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
	min-height: 100vh;
}
.hero__visualCont{
	width: calc(873 / var(--vw-min) * 100vw);
	height: calc(930 / var(--vw-min) * 100vw);
	margin-top: calc(-37 / var(--vw-min) * 100vw);
	position: relative;
}
@media screen and (max-width:768px){
	.hero__visualWrap{
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		min-height: unset;
		align-items: unset;
		display: block;
		height: auto;
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	.hero__visualCont{
		width: calc(845 / var(--vw-min) * 100vw);
		height: calc(900 / var(--vw-min) * 100vw);
		margin-top: 0;
		margin-left: calc(-47.5 / var(--vw-min) * 100vw);
	}
}


/***
*- Visual1
***/
.visual1__bg{
	width: 100%;
	padding-top: 100%;
	position: relative;
}
.visual1__bg--gradCircle{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	overflow: hidden;
}
.visual1__bg--gradCircle:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	background: linear-gradient(0deg, rgba(0, 0, 0, 0%) 0%, rgba(17, 16, 16, 0%) 30%, rgba(255, 0, 0, 1) 60%, rgba(255, 0, 0, 1) 100%);
}
.visual1__bg--circleBg{
	position: absolute;
	width: 92.5545%;/* 808 */
	height: 92.5545%;/* 808 */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
	background-color: #fff;
}
.visual1__bg--circleBg_img{
	position: absolute;
	top: 0;
	left: -10.6436%;/* -84 */
	width: 121.1634%;/* 979 */
	height: 162.9951%;/* 1317 */
}
.visual1__bg--circleBg_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.visual1__main{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 3.72275% auto 0;
	width: 92.5545%;/* 808 */
	height: 96.8818%;/* 901 */
}
.visualLayer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.visualLayer__img{
	position: relative;
	width: 100%;
	height: 100%;
}
.visualLayer__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


/*-----------------------------------------------
 * TOP - NEWS
-------------------------------------------------*/
.c-news{
	padding-top: min(calc(92 / var(--vw-min) * 100vw), calc(92px * var(--max-percent)));
	padding-bottom: min(calc(136 / var(--vw-min) * 100vw), calc(136px * var(--max-percent)));
	z-index: 2;
}
.c-newsContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(182 / var(--vw-min) * 100vw), calc(182px * var(--max-percent)));
	margin: 0 auto;
	display: flex;
}
.c-newsContTitle{
	flex-shrink: 0;
	padding-right: min(calc(104 / var(--vw-min) * 100vw), calc(104px * var(--max-percent)));
}
.news__count{
	width: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	font-family: var(--font-en);
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	text-align: right;
	line-height: 1;
	margin-top: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
}
.c-newsContentIn{
	width: 100%;
}

@media screen and (max-width:768px){
	.c-news{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-bottom: calc(120 / var(--vw-min) * 100vw);
	}
	.c-newsContent{
		flex-direction: column;
		max-width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.c-newsContTitle{
		display: flex;
		padding-right: unset;
		align-items: flex-end;
	}
	.c-newsContTitle .contTitle.-vert{
		writing-mode: unset;
		flex-direction: row;
		align-items: flex-end;
	}
	.c-newsContTitle .contTitle.-vert .contTitle--ja{
		align-items: flex-start;
		margin-right: -2em;
	}
	.c-newsContTitle .contTitle.-vert .contTitle--ja_txt{
		transform-origin: left;
		padding-left: unset;
		letter-spacing: 0.8em;
	}
	.c-newsContTitle .contTitle.-vert .contTitle--en{
		text-align: left;
		margin-top: unset;
		padding-left: calc(20 / var(--vw-min) * 100vw);
	}
	.news__count{
		width: auto;
		padding-left: 1em;
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-top: unset;
		margin-left: auto;
	}
	.c-newsContentIn{
		padding-top: calc(72 / var(--vw-min) * 100vw);
	}
}


.newsList{
	width: 100%;
}
.newsList__link{
	position: relative;
	display: flex;
	align-items: center;
	padding: min(calc(16 / var(--vw-min) * 100vw), 16px) 1.5em;
	text-decoration: none;
	width: 100%;
	min-height: min(calc(106 / var(--vw-min) * 100vw), 106px);
	color: var(--color-white);
}
.newsList__link::after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	margin: 0 auto;
	border-top: 1px solid #4d4d4d;
}
.newsList:last-child .newsList__link::after{
	border-bottom: 1px solid #4d4d4d;
}

.newsList__date{
	font-family: var(--font-en);
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	line-height: 1;
	flex-shrink: 0;
	padding-right: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	position: relative;
	z-index: 1;
}
.newsList__detail{
	width: 100%;
	position: relative;
	z-index: 1;
}
.newsList__categories{
	display: flex;
	gap: 0.5em;
	font-family: var(--font-en);
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	line-height: 1;
}
@media screen and (min-width:769px){
	.newsList__categories.-none{
		display: none;
	}
}
.newsList__title{
	line-height: 1.75;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 3.5em;
	overflow: hidden;
	margin-top: 0.25em;
}

@media screen and (max-width:768px){
	.newsList__link{
		padding: calc(40 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
		flex-wrap: wrap;
	}
	.newsList__link::after{
		left: 0;
	}
	.newsList__date{
		font-size: calc(24 / var(--vw-min) * 100vw);
		padding-right: unset;
	}
	.newsList__detail{
		padding-right: unset;
		margin-top: calc(-24 / var(--vw-min) * 100vw);
	}
	.newsList__categories{
		padding-left: 6.5em;
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.newsList__categories.-none{
		min-height: 1em;
	}
	.newsList__title{
		margin-top: 0.25em;
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__link:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		z-index: -1;
		background: linear-gradient(var(--color-white), var(--color-white)) right bottom / 0 100% no-repeat;
        transition: background-size 0.4s;
	}
	.newsList__link:hover::before {
		background-size: 100% 100%;
		background-position: left bottom;
	}
	.newsList__date,
	.newsList__detail{
		mix-blend-mode: difference;
	}
}

/* new */
.newsList:nth-of-type(1) .newsList__date:before,
.newsList.--is-new .newsList__date:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	margin-top: max(calc(-12 / var(--vw-min) * 100vw), -12px);
	width: min(calc(6 / var(--vw-min) * 100vw), 6px);
	height: min(calc(6 / var(--vw-min) * 100vw), 6px);
	border-radius: 50%;
	background-color: var(--color-red);
	transition: background-color .2s ease;
}
@media screen and (hover:hover) and (pointer: fine){
	.newsList:nth-of-type(1) .newsList__link:hover .newsList__date:before,
	.newsList.--is-new .newsList__link:hover .newsList__date:before{
		background-color: #00FFFF;
		transition-delay: 0s;
	}
}
@media screen and (max-width:768px){
	.newsList:nth-of-type(1) .newsList__date:before,
	.newsList.--is-new .newsList__date:before{
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
		margin-top: calc(-26 / var(--vw-min) * 100vw);
	}
}



.news__more{
	position: relative;
	margin-top: min(calc(56 / var(--vw-min) * 100vw), calc(56px * var(--max-percent)));
	text-align: right;
}
@media screen and (max-width:768px){
	.news__more{
		margin-top: calc(64 / var(--vw-min) * 100vw);
	}
}




/*-----------------------------------------------
 * TOP - INTRODUCTION
-------------------------------------------------*/
#introduction{
	--text-w: 1490;
	--text-move: calc((min(calc(var(--text-w) / var(--vh-min) * 100vh), min(calc(var(--text-w) / var(--vw-min) * 100vw), calc((var(--text-w) * var(--max-percent)) * 1px)))) - (min(calc(380 / var(--vw-min) * 100vw), calc(380px * var(--max-percent)))));

	width: 100%;
	min-height: 400vh;
	min-height: calc(53.5157vh + (min(calc(708 / var(--vh-min) * 100vh), min(calc(708 / var(--vw-min) * 100vw), calc(708px * var(--max-percent))))) + 100vh + var(--text-move) + 100vh);
	position: relative;
	z-index: 0;
}
.introduction__stickyCont{
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
}
.introduction__content{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 1;
}
.introduction__contentIn{
	position: relative;
	padding-top: min(calc(108 / var(--vh-min) * 100vh), min(calc(108 / var(--vw-min) * 100vw), calc(108px * var(--max-percent))));
	padding-bottom: min(calc(64 / var(--vh-min) * 100vh), min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent))));
	z-index: 1;
}
#introduction .contTitle{
	padding-bottom: min(calc(64 / var(--vh-min) * 100vh), min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent))));
}
#introduction .contTitle--ja{
	font-size: min(calc(80 / var(--vh-min) * 100vh), min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent))));
}
#introduction .contTitle--en{
	font-size: min(calc(18 / var(--vh-min) * 100vh), min(calc(18 / var(--vw-min) * 100vw), calc(18px * var(--max-percent))));
	margin-top: min(calc(24 / var(--vh-min) * 100vh), min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent))));
}
.introduction__contentIncont{
	padding-top: min(calc(32 / var(--vh-min) * 100vh), min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent))));
	opacity: 0;
	position: relative;
}
.introduction__contentIncont:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 0%;
	height: 2px;
	margin-top: -2px;
	margin-left: auto;
	margin-right: auto;
	max-width: min(calc(460 / var(--vw-min) * 100vw), calc(460px * var(--max-percent)));
	background-color: #000;
	transition: width .6s cubic-bezier(.35,.15,.3,1.08);
}
.c-introduction.--viewText .introduction__contentIncont:before{
	width: 100%;
}
.introduction__textCont{
	width: min(calc(420 / var(--vw-min) * 100vw), calc(420px * var(--max-percent)));
	font-size: min(calc(16 / var(--vh-min) * 100vh), min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent))));
	writing-mode: vertical-rl;
	max-height: min(calc(320 / var(--vh-min) * 100vh), min(calc(320 / var(--vw-min) * 100vw), calc(320px * var(--max-percent))));
	margin: 0 auto;
	line-height: 2;
	overflow: hidden;
	padding: 0 min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	mask-image: linear-gradient(90deg,transparent 0%, #000 min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))), #000 calc(100% - min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)))), transparent 100%);
	mask-size: 100%;
	mask-repeat: no-repeat;
	position: relative;
}
.introduction__textContArea{
	position: absolute;
	top: 0;
	left: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	right: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	height: 1px;
	pointer-events: none;
	opacity: 0;
}
.introduction__text:not(:first-child){
	margin-right: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
}
.introText__large{
	font-size: 150%;
	line-height: 1.6667;
}
.introText__bgc{
	background-color: var(--color-black);
	color: var(--color-white);
	margin: 0.25em 0;
	position: relative;
	display: inline-block;
	line-height: 1;
	padding: 0.125em 0.25em;
}

@media screen and (max-width:768px){
	#introduction{
		--text-w: 2260;
		--text-move: calc((min(calc(var(--text-w) / var(--vh-min) * 100vh), min(calc(var(--text-w) / var(--vw-min) * 100vw), calc((var(--text-w) * var(--max-percent)) * 1px)))) - (min(calc(380 / var(--vw-min) * 100vw), calc(380px * var(--max-percent)))));

		min-height: calc(53.5157vh + min(calc(708 / var(--vw-min) * 100vw), calc(708 / var(--vh-min) * 100vh)) + 100vh + var(--text-move) + 100vh);
	}
	.introduction__contentIn{
		padding-top: min(calc(264 / var(--vw-min) * 100vw), calc(264 / var(--vh-min) * 100vh));
		padding-bottom: min(calc(224 / var(--vw-min) * 100vw), calc(224 / var(--vh-min) * 100vh));
	}
	#introduction .contTitle{
		padding-bottom: min(calc(74 / var(--vw-min) * 100vw), calc(74 / var(--vh-min) * 100vh));
	}
	#introduction .contTitle--ja{
		font-size: min(calc(80 / var(--vw-min) * 100vw), calc(80 / var(--vh-min) * 100vh));
	}
	#introduction .contTitle--en{
		font-size: min(calc(28 / var(--vw-min) * 100vw), calc(28 / var(--vh-min) * 100vh));
		margin-top: 1em;
	}
	.introduction__contentIncont{
		padding-top: min(calc(44 / var(--vw-min) * 100vw), calc(44 / var(--vh-min) * 100vh));
	}
	.introduction__contentIncont:before{
		max-width: calc(542 / var(--vw-min) * 100vw);
	}
	.introduction__textCont{
		width: calc(542 / var(--vw-min) * 100vw);
		font-size: min(calc(28 / var(--vw-min) * 100vw), calc(28 / var(--vh-min) * 100vh));
		letter-spacing: 0;
		line-height: 1.675;
		max-height: min(calc(504 / var(--vw-min) * 100vw), calc(504 / var(--vh-min) * 100vh));
		padding: 0 calc(32 / var(--vw-min) * 100vw);
		mask-image: linear-gradient(90deg,transparent 0%, #000 calc(32 / var(--vw-min) * 100vw), #000 calc(100% - (32 / var(--vw-min) * 100vw)), transparent 100%);
	}
	.introduction__textContArea{
		left: calc(32 / var(--vw-min) * 100vw);
		right: calc(32 / var(--vw-min) * 100vw);
	}
	.introduction__text:not(:first-child){
		margin-right: min(calc(32 / var(--vw-min) * 100vw), calc(32 / var(--vh-min) * 100vh));
	}
}



.introduction__headSlideText,
.introduction__headSlideText--txt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: min(calc(58 / var(--vh-min) * 100vh), min(calc(58 / var(--vw-min) * 100vw), calc(58px * var(--max-percent))));
}
@keyframes ani_introHeadSlide_bg {
	0%{
		background-position: 0 0;
	}
	100%{
		background-position: min(calc(2372 / var(--vh-min) * 100vh), min(calc(2372 / var(--vw-min) * 100vw), calc(2372px * var(--max-percent))));
	}
}
@keyframes ani_introHeadSlide_mask {
	0%{
		mask-position: 0 0;
	}
	100%{
		mask-position: min(calc(2372 / var(--vh-min) * 100vh), min(calc(2372 / var(--vw-min) * 100vw), calc(2372px * var(--max-percent))));
	}
}
.introduction__headSlideText:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.introduction__headSlideText--txt{
	mask-image: url(../img/top/txt_slide-txt.svg);
	mask-repeat: repeat-x;
	mask-size: min(calc(2372 / var(--vh-min) * 100vh), min(calc(2372 / var(--vw-min) * 100vw), calc(2372px * var(--max-percent)))) 100%;
	background-color: #fff;
	animation: ani_introHeadSlide_mask 47.44s linear infinite reverse;
}
.introduction__headSlideText:after{
	background-image: url(../img/top/txt_slide-img.png);
	background-repeat: repeat-x;
	background-size: min(calc(2372 / var(--vh-min) * 100vh), min(calc(2372 / var(--vw-min) * 100vw), calc(2372px * var(--max-percent)))) 100%;
	animation: ani_introHeadSlide_bg 47.44s linear infinite reverse;
}

@media screen and (max-width:768px){
	.introduction__headSlideText,
	.introduction__headSlideText--txt{
		height: min(calc(58 / var(--vw-min) * 100vw), calc(58 / var(--vh-min) * 100vh));
	}
	@keyframes ani_introHeadSlide_bg {
		0%{
			background-position: 0 0;
		}
		100%{
			background-position: min(calc(2372 / var(--vw-min) * 100vw), calc(2372 / var(--vh-min) * 100vh)) 0;
		}
	}
	@keyframes ani_introHeadSlide_mask {
		0%{
			mask-position: 0 0;
		}
		100%{
			mask-position: min(calc(2372 / var(--vw-min) * 100vw), calc(2372 / var(--vh-min) * 100vh)) 0;
		}
	}
	.introduction__headSlideText--txt{
		mask-size: min(calc(2372 / var(--vw-min) * 100vw), calc(2372 / var(--vh-min) * 100vh)) 100%;
	}
	.introduction__headSlideText:after{
		background-size: min(calc(2372 / var(--vw-min) * 100vw), calc(2372 / var(--vh-min) * 100vh)) 100%;
	}
}



.introduction__images{
	position: absolute;
	top: 53.5157vh;/* 411 */
	right: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
	left: min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent)));
	width: min(calc(1066 / var(--vw-min) * 100vw), calc(1066px * var(--max-percent)));
	height: min(calc(708 / var(--vh-min) * 100vh), min(calc(708 / var(--vw-min) * 100vw), calc(708px * var(--max-percent))));
	margin: 0 auto;
}
.introduction__image{
	position: absolute;
}
.introduction__image--img{
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: blur(10px);
	transform: translateY(50%);
}
.introduction__image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.introduction__image.-img1{
	width: 30.9569%;/* 330 */
	height: 26.2712%;/* 186 */
	top: 10.7345%;/* 76 */
	left: 0;
}
.introduction__image.-img2{
	width: 30.9569%;/* 330 */
	height: 26.2712%;/* 186 */
	top: 0;
	right: 16.2289%;/* 173 */
}
.introduction__image.-img3{
	width: 30.9569%;/* 330 */
	height: 26.2712%;/* 186 */
	top: 55.5085%;/* 393 */
	left: 3.94%;/* 42 */
}
.introduction__image.-img4{
	width: 30.9569%;/* 330 */
	height: 26.2712%;/* 186 */
	top: 38.8418%;/* 275 */
	right: 0;
}
.introduction__image.-img5{
	width: 30.9569%;/* 330 */
	height: 26.2712%;/* 186 */
	bottom: 0;
	right: 9.3809%;/* 100 */
}

@media screen and (max-width:768px){
	.introduction__images{
		right: 0;
		left: 0;
		width: 100%;
		height: min(calc(708 / var(--vw-min) * 100vw), calc(708 / var(--vh-min) * 100vh));
	}
	.introduction__image.-img1{
		width: 44%;/* 330 */
		top: 10.7345%;/* 76 */
	}
	.introduction__image.-img2{
		width: 44%;
		right: 0;
	}
	.introduction__image.-img3{
		width: 44%;
		top: 55.5085;/* 393 */
		left: 7.6%;/* 57 */
	}
	.introduction__image.-img4{
		width: 44%;
		top: 38.9831%;/* 276 */
		right: 4%;/* 30 */
	}
	.introduction__image.-img5{
		width: 44%;
		right: 0;
	}
}




.introduction__triggers{
	position: absolute;
	top: calc(53.5157vh + min(calc(708 / var(--vh-min) * 100vh), min(calc(708 / var(--vw-min) * 100vw), calc(708px * var(--max-percent)))));
	left: 0;
	width: 100%;
	bottom: 0;
	pointer-events: none;
}
.introduction__trigger{
	position: absolute;
	width: 100%;
}

#introTrigger__white{
	top: 0;
	bottom: 0;
}
#introTrigger__txtImage{
	top: 0;
	height: 50vh;
}

#introTrigger__txtScroll{
	top: 50vh;
	height: var(--text-move);
}

@media screen and (max-width:768px){
	.introduction__triggers{
		top: calc(53.5157vh + min(calc(708 / var(--vw-min) * 100vw), calc(708 / var(--vh-min) * 100vh)));
	}
}





.introduction__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff url(../img/common/bg/bg_white.jpg) repeat;
	opacity: 0;
}


/**
* Introduction - slideImage
**/
.introduction__bg--img{
	position: absolute;
}
.introduction__bg--imgIn{
	width: 100%;
	height: 0%;
	position: absolute;
	overflow: hidden;
}
.introduction__bg--imgIn__img{
	position: absolute;
	min-height: 100%;
	min-width: 100%;
}
.introduction__bg--imgIn__img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}



.introduction__bg--img.-img_a{
	top: 0;
	left: calc(70 / var(--vw-min) * 100vw);
	width: min(calc(240 / var(--vw-min) * 100vw), calc(240px * var(--max-percent)));
	height: min(calc(670 / var(--vh-min) * 100vh), min(calc(670 / var(--vw-min) * 100vw), calc(670px * var(--max-percent))));
}
.introduction__bg--img.-img_a .introduction__bg--imgIn{
	top: 0;
}
.introduction__bg--img.-img_a .introduction__bg--imgIn__img{
	width: min(calc(1267 / var(--vw-min) * 100vw), calc(1267px * var(--max-percent)));/* 1267 */
	height: min(calc(713 / var(--vh-min) * 100vh), min(calc(713 / var(--vw-min) * 100vw), calc(713px * var(--max-percent))));
	top: max(calc(-36 / var(--vh-min) * 100vh), max(calc(-36 / var(--vw-min) * 100vw), calc(-36px * var(--max-percent))));
	left: max(calc(-535 / var(--vw-min) * 100vw), calc(-535px * var(--max-percent)));
}

.introduction__bg--img.-img_b{
	bottom: 0;
	right: calc(70 / var(--vw-min) * 100vw);
	width: min(calc(240 / var(--vw-min) * 100vw), calc(240px * var(--max-percent)));
	height: min(calc(670 / var(--vh-min) * 100vh), min(calc(670 / var(--vw-min) * 100vw), calc(670px * var(--max-percent))));
}
.introduction__bg--img.-img_b .introduction__bg--imgIn{
	bottom: 0;
}
.introduction__bg--img.-img_b .introduction__bg--imgIn__img{
	width: min(calc(1229 / var(--vw-min) * 100vw), calc(1229px * var(--max-percent)));
	height: min(calc(691 / var(--vh-min) * 100vh), min(calc(691 / var(--vw-min) * 100vw), calc(691px * var(--max-percent))));
	bottom: max(calc(-20 / var(--vh-min) * 100vh), max(calc(-20 / var(--vw-min) * 100vw), calc(-20px * var(--max-percent))));
	left: max(calc(-373 / var(--vw-min) * 100vw), calc(-373px * var(--max-percent)));
}

body[data-nowsection="introduction"] .contBg__stick--bg_color{
	opacity: 1;
}

@media screen and (max-width:768px){
	.introduction__bg--imgIn{
		width: 0%;
		height: 100%;
	}

	.introduction__bg--img.-img_a{
		top: min(calc(64 / var(--vw-min) * 100vw), calc(64 / var(--vh-min) * 100vh));
		left: 0;
		width: calc(680 / var(--vw-min) * 100vw);
		height: min(calc(160 / var(--vw-min) * 100vw), calc(160 / var(--vh-min) * 100vh));
	}
	.introduction__bg--img.-img_a .introduction__bg--imgIn__img{
		width: calc(749 / var(--vw-min) * 100vw);
		height: min(calc(421 / var(--vw-min) * 100vw), calc(421 / var(--vh-min) * 100vh));
		top: max(calc(-137 / var(--vw-min) * 100vw), calc(-137 / var(--vh-min) * 100vh));
		left: calc(-66 / var(--vw-min) * 100vw);
	}

	.introduction__bg--img.-img_b{
		right: 0;
		bottom: min(calc(48 / var(--vw-min) * 100vw), calc(48 / var(--vh-min) * 100vh));
		width: calc(680 / var(--vw-min) * 100vw);
		height: min(calc(160 / var(--vw-min) * 100vw), calc(160 / var(--vh-min) * 100vh));
	}
	.introduction__bg--img.-img_b .introduction__bg--imgIn{
		right: 0;
	}
	.introduction__bg--img.-img_b .introduction__bg--imgIn__img{
		width: calc(707 / var(--vw-min) * 100vw);
		height: min(calc(397 / var(--vw-min) * 100vw), calc(397 / var(--vh-min) * 100vh));
		top: max(calc(-53 / var(--vw-min) * 100vw), calc(-53 / var(--vh-min) * 100vh));
		bottom: unset;
		left: unset;
		right: calc(-24 / var(--vw-min) * 100vw);
	}
}




/*-----------------------------------------------
 * TOP - GOODS
-------------------------------------------------*/
.c-goods{
	z-index: 2;
    padding-top: min(calc(92 / var(--vw-min) * 100vw), calc(92px * var(--max-percent)));
    padding-bottom: min(calc(92 / var(--vw-min) * 100vw), calc(136px * var(--max-percent)));
}
.c-goodsContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	margin: 0 auto;
}

.c-goodsContTitle{
	position: relative;
	width: 100%;
	display: flex;
	align-items: flex-end;
	line-height: 1;
}
.goods__count{
	font-family: var(--font-en);
	font-size: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
	line-height: 1;
	margin-left: auto;
	padding-left: 1em;
}
.c-goodsContentIn{
	width: 100%;
	position: relative;
	padding-top: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	padding-left: min(calc(100 / var(--vw-min) * 100vw), calc(100px * var(--max-percent)));
	padding-right: min(calc(100 / var(--vw-min) * 100vw), calc(100px * var(--max-percent)));
}

@media screen and (max-width:768px){
	.c-goods{
		padding-top: calc(120 / var(--vw-min) * 100vw);
		padding-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.c-goodsContent{
		max-width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.goods__count{
		width: auto;
		padding-left: 1em;
		font-size: calc(28 / var(--vw-min) * 100vw);
		margin-top: unset;
		margin-left: auto;
	}
	.c-goodsContentIn{
		padding-top: calc(72 / var(--vw-min) * 100vw);
		padding-left: 0;
		padding-right: 0;
	}
}



.goodsLists{
	display: flex;
	flex-wrap: wrap;
	gap: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}
.goodsList{
	width: calc((100% - (min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))) * 3)) / 4);
	/* max-width: min(calc(235 / var(--vw-min) * 100vw), 235px); */
}
.goodsList__link{
	display: block;
	text-decoration: none;
	color: #FFF;
}
.goodsList__cont{
	display: flex;
	flex-direction: column;
}
.goodsList__title{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	text-align: center;
	padding-top: 1em;
	line-height: 1.5556;
}
.goodsList__image{
	width: 100%;
	padding-top: 100%;
	position: relative;
	order: -1;
	background-color: #000;
}
.goodsList__image img{
	width: 100%;
	height: 100%;
	object-fit: scale-down;
	position: absolute;
	top: 0;
	left: 0;
}
.goodsList__price{
	font-family: "Noto Serif JP", "Nunito Sans", serif;
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
	text-align: center;
	margin-top: 0.5em;
}

.goods__more{
	margin-top: min(calc(56 / var(--vw-min) * 100vw), calc(56px * var(--max-percent)));
}

@media screen and (max-width:768px){
	.goodsLists{
		row-gap: calc(40 / var(--vw-min) * 100vw);
		column-gap: calc(32 / var(--vw-min) * 100vw);
	}
	.goodsList{
		width: calc((100% - calc(32 / var(--vw-min) * 100vw)) / 2);
	}
	.goodsList__title{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.goodsList__price{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.goods__more{
		margin-top: calc(64 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.goodsList__image{
		overflow: hidden;
	}
	.goodsList__image img{
		transition: transform .3s ease, opacity .3s ease;
	}
	.goodsList__title--txt > span{
		mix-blend-mode: difference;
	}
	.goodsList__title > span{
		background: linear-gradient(var(--color-white), var(--color-white)) right bottom / 0 100% no-repeat;
        transition: background-size 0.6s;
	}
	
	.goodsList__link:hover .goodsList__image img{
		transform: scale(108%) rotate(-2deg);
		opacity: 90%;
	}
	.goodsList__link:hover .goodsList__title--txt{
		background-size: 100% 100%;
		background-position: left bottom;
	}
}



/*-----------------------------------------------
 * TOP - STREAMING
-------------------------------------------------*/
.c-streaming{
	z-index: 2;
    padding-top: min(calc(92 / var(--vw-min) * 100vw), calc(92px * var(--max-percent)));
}
.c-streamingContentWrap{
	position: relative;
	width: 100%;
}
.c-streamingContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(182 / var(--vw-min) * 100vw), calc(182px * var(--max-percent)));
	margin: 0 auto;
	display: flex;
	z-index: 1;
}
#streaming .contTitle{
	order: 1;
	margin-left: auto;
	flex-shrink: 0;
	align-items: flex-start;
}
.c-streamingContentIn{
	width: 100%;
	padding-top: min(calc(200 / var(--vw-min) * 100vw), calc(200px * var(--max-percent)));
	padding-left: min(calc(98 / var(--vw-min) * 100vw), calc(98px * var(--max-percent)));
	padding-bottom: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	position: relative;
	display: flex;
	justify-content: center;
}
.c-streamingCont{
	padding: 0 min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.streaming__catch{
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	text-align: center;
}
.streaming__more{
	margin-top: min(calc(56 / var(--vw-min) * 100vw), calc(56px * var(--max-percent)));
}

.c-streamingBg{
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	left: 0;
	right: 0;
	bottom: 0;
}
.c-streamingBg__clip{
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.c-streamingBg__clip--img{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
}
.c-streamingBg__clip--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

@media screen and (max-width:768px){
	.c-streaming{
		padding-top: calc(96 / var(--vw-min) * 100vw);
		padding-bottom: 0;
	}
	.c-streamingContent{
		max-width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.c-streamingContentIn{
		padding-top: calc(200 / var(--vw-min) * 100vw);
		padding-left: calc(96 / var(--vw-min) * 100vw);
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.c-streamingCont{
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
	.streaming__catch{
		font-size: calc(40 / var(--vw-min) * 100vw);
		line-height: 1.5;
	}
	.streaming__more{
		margin-top: calc(64 / var(--vw-min) * 100vw);
	}
	
	.c-streamingBg{
		top: calc(40 / var(--vw-min) * 100vw);
	}
}



/*----------------------
* Footer
*----------------------*/
.l-footer{
	background-color: #000;
}
@media screen and (min-width:769px){
	.l-footer{
		padding-top: min(calc(232 / var(--vw-min) * 100vw), calc(232px * var(--max-percent)));
	}	
}



/*-----------------------------------------------
 * LOADING
-------------------------------------------------*/
/**
* Standby
**/
.contBg.-in{
	position: fixed;
	transition: opacity .3s ease .4s;
}
body:not(.--is-loading-fin) #fullWrap{
	position: fixed;
	clip-path: circle(0px at center);
	height: 100vh;
}

.hero__logo{
	transform: scale(94%);
	opacity: 0;
	transition: transform .4s ease, opacity .3s ease;
}
.hero__en--title > span,
.hero__en--ann > span,
.hero__en--ann:before{
	transform: translateY(25%);
	opacity: 0;
	transition: transform .6s ease, opacity .4s ease;
}

.hero__movieArea,
.hero__decoEnTitle,
.hero__decoScroll{
	opacity: 0;
	transition: opacity .4s ease;
}






.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
}

.tLoading__logo{
	width: min(calc(480 / var(--vw-min) * 100vw), calc(480px * var(--max-percent)));
	filter: drop-shadow(0 0 min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) #FFF) drop-shadow(0 0 min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) #FFF) drop-shadow(0 0 min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent))) #FFF);
	opacity: 0;
	animation: ani_loading_logo-start .8s ease forwards;
	animation-delay: .2s;
}
.tLoading__logo img{
	display: block;
	width: 100%;
}

@keyframes ani_loading_logo-start {
	0% {
		opacity: 0;
		transform: scale(94%);
	}
	100% {
		opacity: 1;
		transform: scale(100%);
	}
}
@keyframes ani_loading_logo-end{
	0% {
		opacity: 1;
		transform: scale(100%);
	}
	100% {
		opacity: 0;
		transform: scale(96%);
	}
}

/**
* is-loading
**/
body.--is-loading .tLoading{
	animation: ani_loading_logo-end .4s ease forwards;
	animation-delay: 0.2s;
}
body:not(.--is-loading-fin).--is-loading #fullWrap{
	clip-path: circle(min(200vh, 200vw) at center);
	transition: clip-path 1.4s ease;
	transition-delay: .4s;
}
body:not(.--is-loading-fin).--is-loading .contBg.-in{
	opacity: 0;
}


/**
* is-loading-fin
**/

body.--is-loading-fin .hero__logo{
	transform: scale(100%);
	opacity: 1;
	transition-delay: .2s, .2s;
}
body.--is-loading-fin .hero__en--title > span,
body.--is-loading-fin .hero__en--ann > span,
body.--is-loading-fin .hero__en--ann:before{
	transform: translateY(0%);
	opacity: 1;
	transition-delay: .4s, .3s;
}

body.--is-loading-fin .hero__movieArea,
body.--is-loading-fin .hero__decoEnTitle,
body.--is-loading-fin .hero__decoScroll{
	opacity: 1;
	transition-delay: .4s;
}