@charset "utf-8";
.loading{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:9800;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.loading.aniX{
	transition:1s linear;
	opacity:0;
}
.loading:before,
.loading:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:#fff;
	z-index:5000;
	transition:opacity .2s ease;
}
.loading:after{
	opacity:0;
}
#loading.ani0:before{
	opacity:0;
}
#loading.ani1:after{
	transition:opacity 1s ease;
	transition-delay:6.5s;
	opacity:1;
}
#loading.ani4{
	opacity:0;
	transition:opacity 1s ease;
}
.loading__imgs{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.loading__imgs:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,0,0,.5);
	z-index:50;
}
.loading__img{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.loading__img img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
@media screen and (max-width:768px){
	.loading__img img{
		object-fit:cover;
	}
}
#loading.ani1 .loading__img:not(:nth-child(1)){
	opacity:0;
	transition:opacity 0.2s linear;
}
#loading.ani1 .loading__img:nth-child(21){ transition-delay: .2s; }
#loading.ani1 .loading__img:nth-child(20){ transition-delay: .4s; }
#loading.ani1 .loading__img:nth-child(19){ transition-delay: .6s; }
#loading.ani1 .loading__img:nth-child(18){ transition-delay: .8s; }
#loading.ani1 .loading__img:nth-child(17){ transition-delay: 1s; }
#loading.ani1 .loading__img:nth-child(16){ transition-delay: 1.2s; }
#loading.ani1 .loading__img:nth-child(15){ transition-delay: 1.4s; }
#loading.ani1 .loading__img:nth-child(14){ transition-delay: 1.6s; }
#loading.ani1 .loading__img:nth-child(13){ transition-delay: 1.8s; }
#loading.ani1 .loading__img:nth-child(12){ transition-delay: 2s; }
#loading.ani1 .loading__img:nth-child(11){ transition-delay: 2.2s; }
#loading.ani1 .loading__img:nth-child(10){ transition-delay: 2.4s; }
#loading.ani1 .loading__img:nth-child(9){ transition-delay: 2.6s; }
#loading.ani1 .loading__img:nth-child(8){ transition-delay: 2.8s; }
#loading.ani1 .loading__img:nth-child(7){ transition-delay: 3s; }
#loading.ani1 .loading__img:nth-child(6){ transition-delay: 3.2s; }
#loading.ani1 .loading__img:nth-child(5){ transition-delay: 3.4s; }
#loading.ani1 .loading__img:nth-child(4){ transition-delay: 3.6s; }
#loading.ani1 .loading__img:nth-child(3){ transition-delay: 3.8s; }
#loading.ani1 .loading__img:nth-child(2){ transition-delay: 4s; }
/* #loading.ani1 .loading__img:nth-child(9){
	transition-delay:.33s;
}
#loading.ani1 .loading__img:nth-child(8){
	transition-delay:.666s;
}
#loading.ani1 .loading__img:nth-child(7){
	transition-delay:1s;
}
#loading.ani1 .loading__img:nth-child(6){
	transition-delay:1.33s;
}
#loading.ani1 .loading__img:nth-child(5){
	transition-delay:1.66s;
}
#loading.ani1 .loading__img:nth-child(4){
	transition-delay:2s;
}
#loading.ani1 .loading__img:nth-child(3){
	transition-delay:2.33s;
}
#loading.ani1 .loading__img:nth-child(2){
	transition-delay:2.66s;
} */
.loading__inner{
	height:min(calc(250 / var(--vw-min) * 100vw),250px);
	width:min(calc(772 / var(--vw-min) * 100vw),772px);
	display:flex;
	align-items:center;
	opacity:0;
	position:relative;
	z-index:50;
}
@media screen and (max-width:768px){
	.loading__inner{
		height:calc(173 / var(--vw-min) * 100vw);
		width:calc(533 / var(--vw-min) * 100vw);
	}
}
#loading.ani0 .loading__inner{
	transition:opacity 0.3s ease;
	opacity:1;
}
#loading.ani1 .loading__inner{
	transition:transform 4.3s cubic-bezier(0.51, 0.24, 1, 0.71);
	transform:scale(1.4);
}
.loading__logo{
	width:min(calc(241 / var(--vw-min) * 100vw),241px);
	height:min(calc(250 / var(--vw-min) * 100vw),250px);
	background:url(../img/common/logo_g.png) no-repeat center center / contain;
	margin-right:min(calc(42 / var(--vw-min) * 100vw),42px);
}
@supports (background-image:url(../img/common/logo_g.webp)){
	.loading__logo{
		background-image:url(../img/common/logo_g.webp);
	}
}
@media screen and (max-width:768px){
	.loading__logo{
		width:calc(163 / var(--vw-min) * 100vw);
		height:calc(173 / var(--vw-min) * 100vw);
		margin-right:calc(29 / var(--vw-min) * 100vw);
	}
}
.loading__year{
	flex:1;
	height:min(calc(233 / var(--vw-min) * 100vw),233px);
	position:relative;
	opacity:.5;
}
@media screen and (max-width:768px){
	.loading__year{
		height:calc(161 / var(--vw-min) * 100vw);
	}
}
.loading__year--20{
	position:absolute;
	left:0;
	height:min(calc(233 / var(--vw-min) * 100vw),233px);
	width:min(calc(241 / var(--vw-min) * 100vw),241px);
	background:url(../img/loading/l-01.svg) no-repeat left top / contain;
}
@media screen and (max-width:768px){
	.loading__year--20{
		height:calc(161 / var(--vw-min) * 100vw);
		width:calc(167 / var(--vw-min) * 100vw);
	}
}
.loading__year--12{
	position:absolute;
	left:min(calc(255 / var(--vw-min) * 100vw),255px);
	top:max(calc(-48 / var(--vw-min) * 100vw),-48px);
	bottom:max(calc(-48 / var(--vw-min) * 100vw),-48px);
	width:min(calc(109 / var(--vw-min) * 100vw),109px);
	-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) min(calc(48 / var(--vw-min) * 100vw),48px),rgba(0,0,0,1) calc(100% - min(calc(48 / var(--vw-min) * 100vw),48px)),rgba(0,0,0,0) 100%);
	mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) min(calc(48 / var(--vw-min) * 100vw),48px),rgba(0,0,0,1) calc(100% - min(calc(48 / var(--vw-min) * 100vw),48px)),rgba(0,0,0,0) 100%);
}
@media screen and (max-width:768px){
	.loading__year--12{
		left:calc(176 / var(--vw-min) * 100vw);
		top:calc(-34 / var(--vw-min) * 100vw);
		bottom:calc(-34 / var(--vw-min) * 100vw);
		width:calc(76 / var(--vw-min) * 100vw);
		-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) calc(34 / var(--vw-min) * 100vw),rgba(0,0,0,1) calc(100% - calc(34 / var(--vw-min) * 100vw)),rgba(0,0,0,0) 100%);
		mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) calc(34 / var(--vw-min) * 100vw),rgba(0,0,0,1) calc(100% - calc(34 / var(--vw-min) * 100vw)),rgba(0,0,0,0) 100%);
	}
}
.loading__year--12in{
	position:absolute;
	left:0;
	top:min(calc(48 / var(--vw-min) * 100vw),48px);
	right:0;
	height:min(calc(562 / var(--vw-min) * 100vw),562px);
	background:url(../img/loading/l-02.svg) no-repeat left top / contain;
}
@media screen and (max-width:768px){
	.loading__year--12in{
		top:calc(34 / var(--vw-min) * 100vw);
		height:calc(388 / var(--vw-min) * 100vw);
	}
}
#loading.ani1 .loading__year--12in{
	transition:transform .3s ease;
	transition-delay:1.3s;
	transform:translateY(calc(-100% + min(calc(233 / var(--vw-min) * 100vw),233px)));
}
@media screen and (max-width:768px){
	#loading.ani1 .loading__year--12in{
		transform:translateY(calc(-100% + calc(161 / var(--vw-min) * 100vw)));
	}
}
.loading__year--66{
	position:absolute;
	width:min(calc(161 / var(--vw-min) * 100vw),161px);
	top:calc((90vh - min(calc(233 / var(--vw-min) * 100vw),233px)) / -2);
	top:calc((90dvh - min(calc(233 / var(--vw-min) * 100vw),233px)) / -2);
	left:min(calc(348 / var(--vw-min) * 100vw),348px);
	height:90vh;
	height:90dvh;
	-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) min(calc(96 / var(--vw-min) * 100vw),96px),rgba(0,0,0,1) calc(100% - min(calc(96 / var(--vw-min) * 100vw),96px)),rgba(0,0,0,0) 100%);
	mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) min(calc(96 / var(--vw-min) * 100vw),96px),rgba(0,0,0,1) calc(100% - min(calc(96 / var(--vw-min) * 100vw),96px)),rgba(0,0,0,0) 100%);
}
@media screen and (max-width:768px){
	.loading__year--66{
		width:calc(112 / var(--vw-min) * 100vw);
		top:calc(-34 / var(--vw-min) * 100vw);
		bottom:calc(-34 / var(--vw-min) * 100vw);
		left:calc(241 / var(--vw-min) * 100vw);
		-webkit-mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) calc(34 / var(--vw-min) * 100vw),rgba(0,0,0,1) calc(100% - calc(34 / var(--vw-min) * 100vw)),rgba(0,0,0,0) 100%);
		mask-image:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,1) calc(34 / var(--vw-min) * 100vw),rgba(0,0,0,1) calc(100% - calc(34 / var(--vw-min) * 100vw)),rgba(0,0,0,0) 100%);
		height:auto;
	}
}
.loading__year--66in{
	position:absolute;
	left:0;
	top:calc((90vh - min(calc(233 / var(--vw-min) * 100vw),233px)) / 2);
	top:calc((90dvh - min(calc(233 / var(--vw-min) * 100vw),233px)) / 2);
	right:0;
	height:min(calc(3523 / var(--vw-min) * 100vw),3523px);
	background:url(../img/loading/l-03.svg) no-repeat left top / contain;
}
@media screen and (max-width:768px){
	.loading__year--66in{
		top:calc(34 / var(--vw-min) * 100vw);
		height:calc(2431 / var(--vw-min) * 100vw);
	}
}
#loading.ani1 .loading__year--66in{
	transition:transform 3s cubic-bezier(0.61, 0, 0.48, 1);
	transform:translateY(calc(-100% + min(calc(233 / var(--vw-min) * 100vw),233px)));
}
@media screen and (max-width:768px){
	#loading.ani1 .loading__year--66in{
		transition:transform 3s cubic-bezier(0.61, 0, 0.48, 1);
		transform:translateY(calc(-100% + calc(161 / var(--vw-min) * 100vw)));
	}
}
.loading__kvWrap{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
}
.loading__kv{
	background:#fff;
	height:min(100vh, calc(100vw * 1.25));
	height:min(100dvh, calc(100vw * 1.25));
	width:min(100vw, calc(100vh * 0.8));
	width:min(100vw, calc(100dvh * 0.8));
	display:block;
	opacity:0;
	justify-content:center;
	align-items:center;
	z-index:5001;
	position:relative;
	margin:0 auto;
}
#loading.ani2 .loading__kv{
	opacity:1;
}
#loading.ani3 .loading__kv{
	opacity:0;
	transform:scale(1.4);
	transition:all .3s linear;
}
.loading__kv--svg{
	width:100%;
	height:100%;
	display:block;
}
#loading.ani2 .mask-path{
	fill:none;
	stroke:white;
	stroke-width:200;
	stroke-linecap:butt;
	stroke-linejoin:round;
	stroke-dasharray:7500;
	stroke-dashoffset:7500;
	animation:drawRainbow 1.5s ease-out forwards;
}
#loading.ani2 .mask-path2{
	fill:none;
	stroke:white;
	stroke-width:600;
	stroke-linecap:butt;
	stroke-linejoin:round;
	stroke-dasharray:7500;
	stroke-dashoffset:7500;
	animation:drawRainbow .75s ease-out forwards 0.6s;
}
@keyframes drawRainbow{
	to{
		stroke-dashoffset:0;
	}
}

/* .loading__cs{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
}
.loading__c{
	position:absolute;
	opacity:0;
	transform:scale(0.8);
}
#loading.ani2 .loading__c{
	opacity:1;
	transform:scale(1);
	transition:all .5s ease;
}
.loading__c img{
	width:100%;
	height:auto;
	display:block;
}
.loading__c1{
	width:6.3636%;
	left:53.0681%;
	top:40.0909%;
	transition-delay:.1s !important;
}
.loading__c2{
	width:11.5909%;
	left:40%;
	top:41.2727%;
	transition-delay:.2s !important;
}
.loading__c3{
	width:11.4772%;
	left:45.3409%;
	top:22%;
	transition-delay:.3s !important;
}
.loading__c4{
	width:29.3181%;
	left:62.6136%;
	top:37.1818%;
	transition-delay:.4s !important;
}
.loading__c5{
	width:16.9318%;
	left:50.4545%;
	top:47.6363%;
	transition-delay:.5s !important;
}
.loading__c6{
	width:33.0681%;
	left:12.0454%;
	top:23.6363%;
	transition-delay:.6s !important;
}
.loading__c7{
	width:39.7727%;
	left:18.409%;
	top:1.5454%;
	transition-delay:.7s !important;
}
.loading__c8{
	width:41.9318%;
	left:52.8409%;
	top:1.1818%;
	transition-delay:.8s !important;
}
.loading__c9{
	width:47.0454%;
	left:48.2954%;
	top:49.2727%;
	transition-delay:.9s !important;
}
.loading__c10{
	width:62.6136%;
	left:5.1136%;
	top:43.0909%;
	transition-delay:1s !important;
} */
.loading__kvLogo{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:9999;
	opacity:0;
	transform:scale(0.75);
}
#loading.ani3 .loading__kvLogo{
	opacity:1;
	transform:scale(1);
	transition:opacity 0.3s linear,transform 4s cubic-bezier(0.15, 0.67, 0.78, 1.03);
}
.loading__kvLogoin{
	width:min(calc(350 / var(--vw-min) * 100vw),350px);
	height:min(calc(412 / var(--vw-min) * 100vw),412px);
	position:relative;
	background:url(../img/loading/logo_g-str.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/loading/logo_g-str.webp)){
	.loading__kvLogoin{
		background-image:url(../img/loading/logo_g-str.webp);
	}
}
.loading__skip {
	position: absolute;
	right:min(calc(30 / var(--vw-min) * 100vw),30px);
	bottom:min(calc(30 / var(--vw-min) * 100vw),30px);
	line-height:1;
	z-index:12001;
}
.loading__skip a {
	display: block;
	text-decoration: none;
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 700;
	background:rgba(255,255,255,.7);
	padding:min(calc(6 / var(--vw-min) * 100vw),6px) min(calc(12 / var(--vw-min) * 100vw),12px);
	transition: all 0.3s ease;
}
.loading__skip a:hover {
	background: var(--color-green);
	color:#fff;
}
.kv{
	position:relative;
	z-index:10;
	background:#000;
}
.kv__inner{
	padding:0 min(calc(244 / var(--vw-min) * 100vw),244px);
	position:relative;
	z-index:500;
	pointer-events:none;
}
@media screen and (max-width:768px){
	.kv__inner{
		background-color: var(--color-green);
		padding:calc(32 / var(--vw-min) * 100vw) calc(56 / var(--vw-min) * 100vw) 0 0;
	}
}
.kv__thumbLists {
	display: flex;
	flex-direction: column;
	gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
	width: min(calc(54 / var(--vw-min) * 100vw), 54px);
	position: absolute;
	bottom: min(calc(245 / var(--vw-min) * 100vw),245px);
	left: min(calc(177 / var(--vw-min) * 100vw), 177px);
	z-index: 2;
	pointer-events:auto;
}
.kv__thumbLists > li {
	width: 100%;
	height: min(calc(96 / var(--vw-min) * 100vw), 96px);
}
@media screen and (max-width:768px){
	.kv__thumbLists {
		flex-direction: row;
		justify-content: center;
		gap: calc(10 / var(--vw-min) * 100vw);
		width: 100%;
		position: relative;
		bottom: auto;
		left: auto;
		padding-bottom: calc(30 / var(--vw-min) * 100vw);
	}
	.kv__thumbLists > li {
		width: calc(223 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
	}
}
.kv__thumbLists > li > a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}
.kv__thumbLists > li > a:before {
	content: "";
	background-color: #fff;
	-webkit-mask: var(--mask-image) no-repeat bottom / contain;
	mask: var(--mask-image) no-repeat bottom / contain;
	width: min(calc(11 / var(--vw-min) * 100vw), 11px);
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	transition: background-color .3s ease;
}
.kv__thumbLists > li > a.is-active:before {
	background-color: var(--color-green);
}
@media screen and (max-width:768px){
	.kv__thumbLists > li > a:before {
		-webkit-mask-position: left;
		mask-position: left;
		width: 45%;
        height: 140%;
		transform: rotate(-90deg);
	}
}
.kv__thumbLists > li > a:after {
	content: "";
	border: 2px solid var(--color-green);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	box-sizing: border-box;
	z-index: 3;
	opacity: 0;
	transition: opacity .3s ease;
}
@media screen and (max-width:768px){
	.kv__thumbLists > li > a:after {
		border: 2px solid #000;
	}
}
.kv__thumbLists > li > a.is-active:after {
	opacity: 1;
}
.kv__thumbLists > li > a > span {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}
.kv__thumbLists > li > a > span:before {
	content: "";
	background-color: #000;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .5;
	z-index: 2;
	transition: opacity .3s ease;
}
.kv__thumbLists > li > a.is-active > span:before {
	opacity: 0;
}
.kv__thumbLists > li img {
	width: 100%;
	height: 100%;
	object-fit: contain;
	position: relative;
	z-index: 1;
}
.kvLists > li {
	width: 100%;
	position: relative;
}
.kv2__imgWrap {
	width: 100%;
	position: relative;
	z-index: 1;
}
.kv2__imgWrap img {
	width: 100%;
}
.kv2__logo {
	width: calc(276 / var(--vw-min) * 100vw);
	margin: auto;
	position: absolute;
	right: 0;
	bottom: calc(5 / var(--vw-min) * 100vw);
	left: 0;
    transform: translateX(7.5%);
	z-index: 2;
}
@media screen and (max-width:768px){
	.kv2__logo {
		width: calc(311 / var(--vw-min) * 100vw);
		transform: translateX(11%);
		bottom: calc(-52 / var(--vw-min) * 100vw);
	}
}
.kv2__logo img {
	width: 100%;
}
.kv__img{
	width:100%;
	position:relative;
	padding-top:126.1363%;
}
@media screen and (max-width:768px){
	.kv__img{
		padding-top:0;
		padding-bottom:calc(30 / var(--vw-min) * 100vw);
	}
}
.kv__img img{
	position:absolute;
	width:100%;
	height:auto;
	left:0;
	top:0;
	height:calc(100% + 10%);
	object-fit:contain;
	object-position:center top;
}
@media screen and (max-width:768px){
	.kv__img img{
		position:relative;
		display:block;
		height:auto;
		left:unset;
		top:unset;
		object-fit:unset;
		object-position:unset;
	}
}
.sw-fade {
	opacity: 0;
	transition: opacity .6s ease;
}
.kvLists > li.swiper-slide-active .sw-fade {
	opacity: 1;
}
.kv__fixed{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index: 1;
}
@media screen and (max-width:768px){
	.kv__fixed{
		pointer-events: none;
		z-index:500;
	}
}
.kv__fixedin{
	position:sticky;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-height:min(calc(720 / var(--vw-min) * 100vw),720px);
	max-height:100vh;
	max-height:100dvh;
	padding:0 min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (min-width:769px){
	.kv__fixedin:before{
		content:'';
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		animation:kvtext 30s linear infinite;
		width:min(calc(64 / var(--vw-min) * 100vw),64px);
		background:url(../img/kv/kv_scrolltext.svg) repeat-y 0 0 / min(calc(64 / var(--vw-min) * 100vw),64px) auto;
	}
}
.kv__fixedin:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	width:min(calc(64 / var(--vw-min) * 100vw),64px);
	background:url(../img/kv/kv_scrolltext.svg) repeat-y 0 0 / min(calc(64 / var(--vw-min) * 100vw),64px) auto;
	right:0;
	animation:kvtext 30s linear reverse infinite;
}
@media screen and (max-width:768px){
	.kv__fixedin:after{
		width:calc(56 / var(--vw-min) * 100vw);
		background:#000 url(../img/kv/kv_scrolltext.svg) repeat-y 0 0 / calc(56 / var(--vw-min) * 100vw) auto;
		animation-duration:20s
	}
}
.kv__green{
	position:absolute;
	left:min(calc(64 / var(--vw-min) * 100vw),64px);
	right:min(calc(64 / var(--vw-min) * 100vw),64px);
	/*height:calc(100% - min(calc(230 / var(--vw-min) * 100vw),230px));*/
	height:100%;
	top:0;
	background:var(--color-green);
	display:flex;
	justify-content:space-between;
	overflow:hidden;
}
@media screen and (max-width:768px){
	.kv__green{
		left:0;
		right:calc(80 / var(--vw-min) * 100vw);
		height:calc(32 / var(--vw-min) * 100vw);
	}
}
.kv__green img{
	display:block;
	width:min(calc(180 / var(--vw-min) * 100vw),180px);
	height:100%;
	object-fit:cover;
}
.kv__scroll{
	width:min(calc(142 / var(--vw-min) * 100vw),142px);
	height:min(calc(142 / var(--vw-min) * 100vw),142px);
	position:absolute;
	bottom:min(calc(44 / var(--vw-min) * 100vw),44px);
	right:min(calc(75 / var(--vw-min) * 100vw),75px);
	z-index:50;
}
@media screen and (max-width:768px){
	.kv__scroll{
		bottom:calc(30 / var(--vw-min) * 100vw);
		right:calc(18 / var(--vw-min) * 100vw);
		border-radius: 25%;
		overflow: hidden;
		pointer-events: auto;
	}
}
.kv__scrollLink{
	display:block;
	height:min(calc(142 / var(--vw-min) * 100vw),142px);
	width:100%;
	display:flex;
	justify-content:center;
	align-items:center;
	position:relative;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.kv__scrollLink:hover{
		transform:scale(1.1);
	}
}
.kv__scrollLink:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-mask:url(../img/kv/kv_scrollcircle.svg) no-repeat center center / contain;
	mask:url(../img/kv/kv_scrollcircle.svg) no-repeat center center / contain;
	background-color: #fff;
	animation:circlerotate 30s linear infinite;
}
@media screen and (max-width:768px){
	.kv__scrollLink:before{
		-webkit-mask:url(../img/kv/kv_scrollcircle-s.svg) no-repeat center center / contain;
		mask:url(../img/kv/kv_scrollcircle-s.svg) no-repeat center center / contain;
	}
}
.kv__scrollLink:after{
	content:'';
	display:block;
	width:min(calc(42 / var(--vw-min) * 100vw),42px);
	height:min(calc(42 / var(--vw-min) * 100vw),42px);
	-webkit-mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	background-color: #fff;
	transform:rotate(180deg);
}
.introduction{
	height:min(calc(712 / var(--vw-min) * 100vw),712px);
	overflow:hidden;
	position:relative;
}
@media screen and (max-width:768px){
	.introduction{
		height:calc(1186 / var(--vw-min) * 100vw);
	}
}
.introduction__bgs{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:min(calc(712 / var(--vw-min) * 100vw),712px);
}
@media screen and (max-width:768px){
	.introduction__bgs{
		height:calc(1186 / var(--vw-min) * 100vw);
		display:flex;
	}
}
.introduction__bgs:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:10;
	background:url(../img/introduction/introduction_gradation.jpg) repeat-x 0 0 / auto min(calc(712 / var(--vw-min) * 100vw),712px);
	opacity:0.5;
	mix-blend-mode:multiply;
	animation:introductiongr 60s linear infinite;
	will-change:background-position,mix-blend-mode;
}
@supports (background-image:url(../img/introduction/introduction_gradation.webp)){
	.introduction__bgs:before{
		background-image:url(../img/introduction/introduction_gradation.webp);
	}
}
@media screen and (max-width:768px){
	.introduction__bgs:before{
		background:url(../img/introduction/introduction_gradation-s.jpg) repeat-y 0 0 / 100% auto;
	}
	@supports (background-image:url(../img/introduction/introduction_gradation-s.webp)){
		.introduction__bgs:before{
			background-image:url(../img/introduction/introduction_gradation-s.webp);
		}
	}
}
.introduction__bgs:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:10;
	background:url(../img/introduction/introduction_twinkle.png) no-repeat center center / cover;
	mix-blend-mode:lighten;
	z-index:11;
	will-change:mix-blend-mode;
}
@supports (background-image:url(../img/introduction/introduction_twinkle.webp)){
	.introduction__bgs:after{
		background-image:url(../img/introduction/introduction_twinkle.webp);
	}
}
@media screen and (max-width:768px){
	.introduction__bgs:after{
		background:url(../img/introduction/introduction_twinkle-s.png) no-repeat center top / contain;
	}
	@supports (background-image:url(../img/introduction/introduction_twinkle-s.webp)){
		.introduction__bgs:after{
			background-image:url(../img/introduction/introduction_twinkle-s.webp);
		}
	}
}
.introduction__bg{
	height:min(calc(153 / var(--vw-min) * 100vw),153px);
	background-position:0 0;
	background-size:auto min(calc(153 / var(--vw-min) * 100vw),153px);
	background-repeat:repeat-x;
}
@media screen and (max-width:768px){
	.introduction__bg{
		height:calc(1186 / var(--vw-min) * 100vw);
		background-position:0 0;
		background-size:100% auto;
		background-repeat:repeat-y;
		width:calc(250 / var(--vw-min) * 100vw);
	}
}
.introduction__bg1{
	background-image:url(../img/introduction/v1.jpg);
	animation:introductionbg 45s linear infinite;
}
@supports (background-image:url(../img/introduction/v1.webp)){
	.introduction__bg1{
		background-image:url(../img/introduction/v1.webp);
	}
}
.introduction__bg2{
	background-image:url(../img/introduction/v2.jpg);
	animation:introductionbg 50s linear reverse infinite;
}
@supports (background-image:url(../img/introduction/v2.webp)){
	.introduction__bg2{
		background-image:url(../img/introduction/v2.webp);
	}
}
.introduction__bg3{
	background-image:url(../img/introduction/v3.jpg);
	animation:introductionbg 55s linear infinite;
}
@supports (background-image:url(../img/introduction/v3.webp)){
	.introduction__bg3{
		background-image:url(../img/introduction/v3.webp);
	}
}
@media screen and (min-width:769px){
	.introduction__bg4{
		background-image:url(../img/introduction/v4.jpg);
		animation:introductionbg 60s linear reverse infinite;
	}
	@supports (background-image:url(../img/introduction/v4.webp)){
		.introduction__bg4{
			background-image:url(../img/introduction/v4.webp);
		}
	}
	.introduction__bg5{
		background-image:url(../img/introduction/v5.jpg);
		animation:introductionbg 65s linear infinite;
	}
	@supports (background-image:url(../img/introduction/v5.webp)){
		.introduction__bg5{
			background-image:url(../img/introduction/v5.webp);
		}
	}
}
@media screen and (max-width:768px){
	.introduction__bg1{
		background-image:url(../img/introduction/v1-s.jpg);
		animation:introductionbg 45s linear infinite;
	}
	@supports (background-image:url(../img/introduction/v1-s.webp)){
		.introduction__bg1{
			background-image:url(../img/introduction/v1-s.webp);
		}
	}
	.introduction__bg2{
		background-image:url(../img/introduction/v2-s.jpg);
		animation:introductionbg 50s linear reverse infinite;
	}
	@supports (background-image:url(../img/introduction/v2-s.webp)){
		.introduction__bg2{
			background-image:url(../img/introduction/v2-s.webp);
		}
	}
	.introduction__bg3{
		background-image:url(../img/introduction/v3-s.jpg);
		animation:introductionbg 55s linear infinite;
	}
	@supports (background-image:url(../img/introduction/v3-s.webp)){
		.introduction__bg3{
			background-image:url(../img/introduction/v3-s.webp);
		}
	}
	.introduction__bg4{
		display:none;
	}
	.introduction__bg5{
		display:none;
	}
}
.introduction__inner{
	position:relative;
	z-index:12;
	padding:min(calc(140 / var(--vw-min) * 100vw),140px) 0;
	width:min(calc(1242 / var(--vw-min) * 100vw),1242px);
	margin:0 auto;
}
@media screen and (max-width:768px){
	.introduction__inner{
		padding:calc(100 / var(--vw-min) * 100vw) 0;
		width:calc(686 / var(--vw-min) * 100vw);
	}
}
.introduction__title{
	position:relative;
	margin:0 auto;
	width:min(calc(658 / var(--vw-min) * 100vw),658px);
	height:min(calc(90 / var(--vw-min) * 100vw),90px);
	background:url(../img/introduction/introduction_title.png) no-repeat center center / contain;
	margin-bottom:min(calc(13 / var(--vw-min) * 100vw),13px);
}
@supports (background-image:url(../img/introduction/introduction_title.webp)){
	.introduction__title{
		background-image:url(../img/introduction/introduction_title.webp);
	}
}
@media screen and (max-width:768px){
	.introduction__title{
		width:calc(606 / var(--vw-min) * 100vw);
		height:calc(85 / var(--vw-min) * 100vw);
		margin-bottom:calc(16 / var(--vw-min) * 100vw);
	}
}
.introduction__title:before,
.introduction__title:after{
	content:'';
	position:absolute;
	width:min(calc(52 / var(--vw-min) * 100vw),52px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	top:50%;
	margin-top:max(calc(-26 / var(--vw-min) * 100vw),-26px);
	background:url(../img/common/title_twinkle.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/common/title_twinkle.webp)){
	.introduction__title:before,
	.introduction__title:after{
		background-image:url(../img/common/title_twinkle.webp);
	}
}
@media screen and (max-width:768px){
	.introduction__title:before,
	.introduction__title:after{
		width:calc(47 / var(--vw-min) * 100vw);
		height:calc(47 / var(--vw-min) * 100vw);
		margin-top:calc(-23 / var(--vw-min) * 100vw);
	}
}
.introduction__title:before{
	left:max(calc(-56 / var(--vw-min) * 100vw),-56px);
}
@media screen and (max-width:768px){
	.introduction__title:before{
		left:calc(-44 / var(--vw-min) * 100vw);
	}
}
.introduction__title:after{
	right:max(calc(-56 / var(--vw-min) * 100vw),-56px);
}
@media screen and (max-width:768px){
	.introduction__title:after{
		right:calc(-44 / var(--vw-min) * 100vw);
	}
}
.introduction__subTitle{
	width:min(calc(560 / var(--vw-min) * 100vw),560px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto min(calc(50 / var(--vw-min) * 100vw),50px);
	background:#000;
}
@media screen and (max-width:768px){
	.introduction__subTitle{
		width:calc(560 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
		margin:0 auto calc(40 / var(--vw-min) * 100vw);
	}
}
.introduction__subTitle:before{
	content:'';
	display:block;
	width:min(calc(240 / var(--vw-min) * 100vw),240px);
	height:min(calc(23 / var(--vw-min) * 100vw),23px);
	background:url(../img/introduction/introduction_subtitle.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.introduction__subTitle:before{
		width:calc(320 / var(--vw-min) * 100vw);
		height:calc(30 / var(--vw-min) * 100vw);
	}
}
.introduction__content{
	display:flex;
	height:min(calc(220 / var(--vw-min) * 100vw),220px);
	position:relative;
	justify-content:center;
}
@media screen and (max-width:768px){
	.introduction__content{
		display:block;
		height:auto;
	}
}
.introduction__content:before{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:min(calc(230 / var(--vw-min) * 100vw),230px);
	height:min(calc(230 / var(--vw-min) * 100vw),230px);
	margin-left:max(calc(-115 / var(--vw-min) * 100vw),-115px);
	margin-top:max(calc(-120 / var(--vw-min) * 100vw),-120px);
	-webkit-mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	background:var(--color-green);
	opacity:.6;
	transform:rotate(90deg);
}
@media screen and (max-width:768px){
	.introduction__content:before{
		display:none;
	}
}
.introduction__text{
	width:min(calc(640 / var(--vw-min) * 100vw),640px);
	height:min(calc(200 / var(--vw-min) * 100vw),200px);
	background:url(../img/introduction/introduction_text.svg) no-repeat center center / contain;
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.introduction__text{
		width:100%;
		height:calc(408 / var(--vw-min) * 100vw);
		background:url(../img/introduction/introduction_text-s.svg) no-repeat center center / contain;
	}
}
.introduction__years{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:flex;
	justify-content:space-between;
	align-items:flex-end;
}
@media screen and (max-width:768px){
	.introduction__years{
		position:relative;
		left:unset;
		right:unset;
		top:unset;
		bottom:unset;
		height:calc(390 / var(--vw-min) * 100vw);
		width:calc(514 / var(--vw-min) * 100vw);
		margin:0 auto;
	}
	.introduction__years:before{
		content:'';
		position:absolute;
		left:50%;
		top:calc(117 / var(--vw-min) * 100vw);
		width:calc(111 / var(--vw-min) * 100vw);
		height:calc(111 / var(--vw-min) * 100vw);
		margin-left:calc(-68 / var(--vw-min) * 100vw);
		-webkit-mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
		mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
		background:var(--color-green);
		opacity:.6;
		transform:rotate(90deg);
	}
}
.introduction__year2016{
	width:min(calc(261 / var(--vw-min) * 100vw),261px);
	height:min(calc(130 / var(--vw-min) * 100vw),130px);
	background:url(../img/introduction/introduction_2016.svg) no-repeat center center / contain;
	position:relative;
}
@media screen and (max-width:768px){
	.introduction__year2016{
		width:calc(162 / var(--vw-min) * 100vw);
		height:calc(81 / var(--vw-min) * 100vw);
	}
}
.introduction__year2016:before{
	content:'';
	position:absolute;
	width:min(calc(235 / var(--vw-min) * 100vw),235px);
	height:min(calc(245 / var(--vw-min) * 100vw),245px);
	top:max(calc(-260 / var(--vw-min) * 100vw),-260px);
	left:50%;
	margin-left:max(calc(-117.5 / var(--vw-min) * 100vw),-117.5px);
	background:url(../img/introduction/introduction_2016img.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/introduction/introduction_2016img.webp)){
	.introduction__year2016:before{
		background-image:url(../img/introduction/introduction_2016img.webp);
	}
}
.introduction__year2026{
	width:min(calc(277 / var(--vw-min) * 100vw),277px);
	height:min(calc(130 / var(--vw-min) * 100vw),130px);
	background:url(../img/introduction/introduction_2026.svg) no-repeat center center / contain;
	position:relative;
}
@media screen and (max-width:768px){
	.introduction__year2026{
		width:calc(172 / var(--vw-min) * 100vw);
		height:calc(81 / var(--vw-min) * 100vw);
	}
}
.introduction__year2026:before{
	content:'';
	position:absolute;
	width:min(calc(235 / var(--vw-min) * 100vw),235px);
	height:min(calc(245 / var(--vw-min) * 100vw),245px);
	top:max(calc(-260 / var(--vw-min) * 100vw),-260px);
	left:50%;
	margin-left:max(calc(-117.5 / var(--vw-min) * 100vw),-117.5px);
	background:url(../img/introduction/introduction_2026img.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/introduction/introduction_2026img.webp)){
	.introduction__year2026:before{
		background-image:url(../img/introduction/introduction_2026img.webp);
	}
}
/* ANIM */
.introduction__title{
	transition:all 0.5s ease;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	opacity:0;
	transition-delay:0.8s;
}
@media screen and (max-width:768px){
	.introduction__title{
		transition-delay:0s;
	}
}
body.is-introduction .introduction__title{
	transform:translateY(0);
	opacity:1;
}
.introduction__subTitle{
	transition:all 0.5s ease;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	opacity:0;
	transition-delay:0.9s;
}
@media screen and (max-width:768px){
	.introduction__subTitle{
		transition-delay:0.1s;
	}
}
body.is-introduction .introduction__subTitle{
	transform:translateY(0);
	opacity:1;
}
.introduction__content:before{
	transition:all 0.5s ease;
	opacity:0;
	transition-delay:1s;
}
body.is-introduction .introduction__content:before{
	opacity:1;
}
.introduction__text{
	transition:all 0.5s ease;
	opacity:0;
	transition-delay:1s;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
}
@media screen and (max-width:768px){
	.introduction__text{
		transition-delay:0.2s;
	}
}
body.is-introduction .introduction__text{
	opacity:1;
	transform:translateY(0);
}
.introduction__years{
	left:min(calc(352 / var(--vw-min) * 100vw),352px);
	right:min(calc(352 / var(--vw-min) * 100vw),352px);
	transition:all 1s cubic-bezier(0.74, 0, 0.25, 1);
	opacity:0;
}
@media screen and (max-width:768px){
	.introduction__years{
		left:unset;
		right:unset;
		width:calc(334 / var(--vw-min) * 100vw);
		transition-delay:0.4s;
	}
}
body.is-introduction .introduction__years{
	left:0;
	right:0;
	opacity:1;
}
@media screen and (max-width:768px){
	body.is-introduction .introduction__years{
		left:unset;
		right:unset;
		width:calc(514 / var(--vw-min) * 100vw);
		opacity:1;
	}
}
.contents{
	padding:min(calc(142 / var(--vw-min) * 100vw),142px) 0 0 0;
	position:relative;
}
@media screen and (max-width:768px){
	.contents{
		padding:calc(124 / var(--vw-min) * 100vw) 0 0 0;
	}
}
.contents:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	width:100%;
	background:linear-gradient(135deg,#ce9b2d 15%,#d2a732 24%,#d2a732 24%,#fee199 47%,#d2a732 75%,#ce9b2d 83%);
	background-repeat:repeat-x;
	background-position:0 center;
	background-size:min(calc(1600 / var(--vw-min) * 100vw),1600px) min(calc(375 / var(--vw-min) * 100vw),375px);
	animation:glslide 5s linear infinite;
	z-index:10;
}
@media screen and (max-width:768px){
	.contents:before{
		height:calc(24 / var(--vw-min) * 100vw);
	}
}
.contents__bg{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:hidden;
}
.contents__circle1{
	position:absolute;
	left:50%;
	top:min(calc(14 / var(--vw-min) * 100vw),14px);
	width:min(calc(637 / var(--vw-min) * 100vw),637px);
	height:min(calc(637 / var(--vw-min) * 100vw),637px);
	margin-left:min(calc(548 / var(--vw-min) * 100vw),548px);
	background:url(../img/contents/contents_circle.png) no-repeat center center / contain;
	animation:circlerotate 10s linear infinite;
}
@supports (background-image:url(../img/contents/contents_circle.webp)){
	.contents__circle1{
		background-image:url(../img/contents/contents_circle.webp);
	}
}
@media screen and (max-width:768px){
	.contents__circle1{
		left:calc(455 / var(--vw-min) * 100vw);
		top:calc(-442 / var(--vw-min) * 100vw);
		margin-left:0;
	}
}
@media screen and (min-width:769px){
	.contents__circle2{
		position:absolute;
		right:50%;
		bottom:min(calc(180 / var(--vw-min) * 100vw),180px);
		width:min(calc(637 / var(--vw-min) * 100vw),637px);
		height:min(calc(637 / var(--vw-min) * 100vw),637px);
		margin-right:min(calc(460 / var(--vw-min) * 100vw),460px);
		background:url(../img/contents/contents_circle.png) no-repeat center center / contain;
		animation:circlerotate 10s linear reverse infinite;
	}
	@supports (background-image:url(../img/contents/contents_circle.webp)){
		.contents__circle2{
			background-image:url(../img/contents/contents_circle.webp);
		}
	}
}
@media screen and (max-width:768px){
	.contents__circle2{
		display:none;
	}
}
.contents__wrapper {
	overflow: hidden;
}
.contents__inner{
	width:min(calc(1334 / var(--vw-min) * 100vw),1334px);
	margin:0 auto min(calc(120 / var(--vw-min) * 100vw), 120px);
	position:relative;
}
@media screen and (max-width:768px){
	.contents__inner{
		width:calc(686 / var(--vw-min) * 100vw);
	}
}
.contents__inner:before{
	content:'';
	position:absolute;
	left:50%;
	top:max(calc(-251 / var(--vw-min) * 100vw),-251px);
	width:min(calc(575 / var(--vw-min) * 100vw),575px);
	height:min(calc(692 / var(--vw-min) * 100vw),692px);
	background:url(../img/contents/contents_hcharacter.png) no-repeat center center / contain;
	margin-left:max(calc(-738 / var(--vw-min) * 100vw),-738px);
	z-index:11;
}
@supports (background-image:url(../img/contents/contents_hcharacter.webp)){
	.contents__inner:before{
		background-image:url(../img/contents/contents_hcharacter.webp);
	}
}
@media screen and (max-width:768px){
	.contents__inner:before{
		left:calc(-135 / var(--vw-min) * 100vw);
		top:calc(-214 / var(--vw-min) * 100vw);
		margin-left:0;
	}
}
.contents__title{
	width:min(calc(915 / var(--vw-min) * 100vw),915px);
	height:min(calc(200 / var(--vw-min) * 100vw),200px);
	margin:0 auto min(calc(12 / var(--vw-min) * 100vw),12px);
	position:relative;
	background:url(../img/contents/contents_title.png) no-repeat center center / contain;
	transform:translateX(min(calc(40 / var(--vw-min) * 100vw),40px));
	z-index:12;
}
@supports (background-image:url(../img/contents/contents_title.webp)){
	.contents__title{
		background-image:url(../img/contents/contents_title.webp);
	}
}
@media screen and (max-width:768px){
	.contents__title{
		width:calc(604 / var(--vw-min) * 100vw);
		height:calc(268 / var(--vw-min) * 100vw);
		margin:0 0 calc(18 / var(--vw-min) * 100vw) auto;
		background:url(../img/contents/contents_title-s.png) no-repeat center center / contain;
		transform:unset;
	}
	@supports (background-image:url(../img/contents/contents_title-s.webp)){
		.contents__title{
			background-image:url(../img/contents/contents_title-s.webp);
		}
	}
}
.contents__title:before,
.contents__title:after{
	content:'';
	position:absolute;
	width:min(calc(52 / var(--vw-min) * 100vw),52px);
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	top:min(calc(17 / var(--vw-min) * 100vw),17px);
	background:url(../img/common/title_twinkle.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/common/title_twinkle.webp)){
	.contents__title:before,
	.contents__title:after{
		background-image:url(../img/common/title_twinkle.webp);
	}
}
@media screen and (max-width:768px){
	.introduction__title:before,
	.introduction__title:after{
		width:calc(47 / var(--vw-min) * 100vw);
		height:calc(47 / var(--vw-min) * 100vw);
		top:calc(32 / var(--vw-min) * 100vw);
	}
}
.contents__title:before{
	left:max(calc(-2 / var(--vw-min) * 100vw),-2px);
}
@media screen and (max-width:768px){
	.contents__title:before{
		left:calc(148 / var(--vw-min) * 100vw);
	}
}
.contents__title:after{
	right:max(calc(-9 / var(--vw-min) * 100vw),-9px);
}
@media screen and (max-width:768px){
	.contents__title:after{
		right:calc(148 / var(--vw-min) * 100vw);
	}
}
.contents__subTitle{
	width:min(calc(630 / var(--vw-min) * 100vw),630px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	display:flex;
	justify-content:center;
	align-items:center;
	margin:0 auto min(calc(50 / var(--vw-min) * 100vw),50px);
	background:#000;
	position:relative;
	transform:translateX(min(calc(40 / var(--vw-min) * 100vw),40px));
	z-index:11;
}
@media screen and (max-width:768px){
	.contents__subTitle{
		width:calc(560 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
		margin:0 calc(24 / var(--vw-min) * 100vw) calc(42 / var(--vw-min) * 100vw) auto;
		transform:unset;
	}
}
.contents__subTitle:before{
	content:'';
	display:block;
	width:min(calc(343 / var(--vw-min) * 100vw),343px);
	height:min(calc(23 / var(--vw-min) * 100vw),23px);
	background:url(../img/contents/contents_subtitle.svg) no-repeat center center / contain;
}
@media screen and (max-width:768px){
	.contents__subTitle:before{
		width:calc(456 / var(--vw-min) * 100vw);
		height:calc(30 / var(--vw-min) * 100vw);
	}
}
.contents__projectLists{
	display:flex;
	flex-wrap:wrap;
	position:relative;
	z-index:12;
}
.contents__projectItem{
	width:calc(100% / 4);
	overflow:hidden;
	background:#fff;
}
@media screen and (max-width:768px){
	.contents__projectItem{
		width:calc(100% / 2);
	}
}
.contents__projectLink{
	display:block;
	height:100%;
	position:relative;
	padding:min(calc(27 / var(--vw-min) * 100vw),27px) 0 0 min(calc(59 / var(--vw-min) * 100vw),59px);
	color:#fff;
	text-decoration:none;
	overflow:hidden;
	transition:all 0.6s ease;
}
@media screen and (max-width:768px){
	.contents__projectLink{
		padding:calc(32 / var(--vw-min) * 100vw) 0 0 min(calc(59 / var(--vw-min) * 100vw),59px);
	}
}
.contents__projectLink:before{
	content:'';
	position:absolute;
	left:min(calc(238 / var(--vw-min) * 100vw),238px);
	top:min(calc(204 / var(--vw-min) * 100vw),204px);
	width:min(calc(60 / var(--vw-min) * 100vw),60px);
	height:min(calc(60 / var(--vw-min) * 100vw),60px);
	background:#000;
	border-radius:50%;
	z-index:50;
}
.contents__projectLink:after{
	content:'';
	position:absolute;
	left:min(calc(255 / var(--vw-min) * 100vw),255px);
	top:min(calc(220 / var(--vw-min) * 100vw),220px);
	width:min(calc(28 / var(--vw-min) * 100vw),28px);
	height:min(calc(28 / var(--vw-min) * 100vw),28px);
	background:var(--color-gold);
	-webkit-mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/icon_arrow.svg) no-repeat center center / contain;
	z-index:50;
	transform:rotate(90deg);
}
@media screen and (hover:hover){
	.contents__projectLink:hover{
		opacity:0.75;
	}
}
.contents__projectLink.is-soon{
	pointer-events:none;
}
.contents__projectItem:nth-child(3n + 1) .contents__projectLink{
	background:var(--color-green);
}
.contents__projectItem:nth-child(3n + 2) .contents__projectLink{
	background:var(--color-gold);
}
.contents__projectItem:nth-child(3n) .contents__projectLink{
	background:var(--color-red);
}
.contents__projectNum{
	position:absolute;
	left:0;
	top:0;
	width:min(calc(45 / var(--vw-min) * 100vw),45px);
	padding-bottom:min(calc(192 / var(--vw-min) * 100vw),192px);
}
.contents__projectNum:before{
	content:'';
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	height:min(calc(192 / var(--vw-min) * 100vw),192px);
	-webkit-mask:url(../img/project/t_project-v.svg) no-repeat center top / contain;
	mask:url(../img/project/t_project-v.svg) no-repeat center top / contain;
	background:#fff;
	transform:rotate(180deg);
}
.contents__projectNum:after{
	content:'';
	display:block;
	width:min(calc(45 / var(--vw-min) * 100vw),45px);
	background:#fff;
	transform:rotate(180deg);
}
.contents__projectItem:nth-child(1) .contents__projectNum:after{
	height:min(calc(43 / var(--vw-min) * 100vw),43px);
	-webkit-mask:url(../img/project/t_num01.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num01.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(2) .contents__projectNum:after{
	height:min(calc(48 / var(--vw-min) * 100vw),48px);
	-webkit-mask:url(../img/project/t_num02.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num02.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(3) .contents__projectNum:after{
	height:min(calc(47 / var(--vw-min) * 100vw),47px);
	-webkit-mask:url(../img/project/t_num03.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num03.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(4) .contents__projectNum:after{
	height:min(calc(53 / var(--vw-min) * 100vw),53px);
	-webkit-mask:url(../img/project/t_num04.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num04.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(5) .contents__projectNum:after{
	height:min(calc(48 / var(--vw-min) * 100vw),48px);
	-webkit-mask:url(../img/project/t_num05.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num05.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(6) .contents__projectNum:after{
	height:min(calc(50 / var(--vw-min) * 100vw),50px);
	-webkit-mask:url(../img/project/t_num06.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num06.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(7) .contents__projectNum:after{
	height:min(calc(49 / var(--vw-min) * 100vw),49px);
	-webkit-mask:url(../img/project/t_num07.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num07.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(8) .contents__projectNum:after{
	height:min(calc(52 / var(--vw-min) * 100vw),52px);
	-webkit-mask:url(../img/project/t_num08.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num08.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(9) .contents__projectNum:after{
	height:min(calc(51 / var(--vw-min) * 100vw),51px);
	-webkit-mask:url(../img/project/t_num09.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num09.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(10) .contents__projectNum:after{
	height:min(calc(43 / var(--vw-min) * 100vw),43px);
	-webkit-mask:url(../img/project/t_num10.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num10.svg) no-repeat center bottom / contain;
}
.contents__projectItem:nth-child(11) .contents__projectNum:after{
	height:min(calc(35 / var(--vw-min) * 100vw),43px);
	-webkit-mask:url(../img/project/t_num11.svg) no-repeat center bottom / contain;
	mask:url(../img/project/t_num11.svg) no-repeat center bottom / contain;
}
.contents__projectImg{
	width:min(calc(240 / var(--vw-min) * 100vw),240px);
	height:min(calc(240 / var(--vw-min) * 100vw),240px);
	background:#fff;
	border-radius:50%;
	overflow:hidden;
	transition:all 0.6s ease;
}
@media screen and (hover:hover){
	.contents__projectLink:hover .contents__projectImg{
		transform:scale(1.05);
	}
}
.contents__projectImg img{
	width:100%;
	height:100%;
	display:block;
	object-fit:cover;
}
.contents__projectName{
	margin-left:max(calc(-59 / var(--vw-min) * 100vw),-59px);
	padding:min(calc(12 / var(--vw-min) * 100vw),12px) min(calc(20 / var(--vw-min) * 100vw),20px) min(calc(20 / var(--vw-min) * 100vw),20px);
	text-align:center;
	font-size:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.contents__projectName{
		padding:calc(16 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
		text-align:center;
		font-size:calc(30 / var(--vw-min) * 100vw);
		line-height:1.6;
	}
}
/* ANIM */
.contents__inner:before{
	opacity:0;
	transform:scale(0.6);
	transition:all 0.3s ease;
}
body.is-contentsTop .contents__inner:before{
	transform:translateY(0);
	opacity:1;
}
.contents__title{
	transition:all 0.5s ease;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	opacity:0;
	transition-delay:0.2s;
}
body.is-contentsTop .contents__title{
	transform:translateY(0);
	opacity:1;
}
.contents__subTitle{
	transition:all 0.5s ease;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	opacity:0;
	transition-delay:0.3s;
}
body.is-contentsTop .contents__subTitle{
	transform:translateY(0);
	opacity:1;
}
.contents__projectItem{
	opacity:0;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	transition:all 0.6s ease;
}
.contents__projectItem:nth-child(1){
	transition-delay:0.4s
}
.contents__projectItem:nth-child(2){
	transition-delay:0.5s
}
.contents__projectItem:nth-child(3){
	transition-delay:0.6s
}
.contents__projectItem:nth-child(4){
	transition-delay:0.7s
}
.contents__projectItem:nth-child(5){
	transition-delay:0.8s
}
.contents__projectItem:nth-child(6){
	transition-delay:0.9s
}
.contents__projectItem:nth-child(7){
	transition-delay:1s
}
.contents__projectItem:nth-child(8){
	transition-delay:1.1s
}
.contents__projectItem:nth-child(9){
	transition-delay:1.2s
}
.contents__projectItem:nth-child(10){
	transition-delay:1.3s
}
.contents__projectItem:nth-child(11){
	transition-delay:1.4s
}
body.is-contentsTop .contents__projectItem{
	transform:translateY(0);
	opacity:1;
}




.contents__bottom{
	position:relative;
	z-index: 1;
	background-color: #FFF;
	height:min(calc(635 / var(--vw-min) * 100vw),635px);
	display:flex;
	justify-content:center;
	/*width:min(calc(1334 / var(--vw-min) * 100vw),1334px);	*/
	width:100%;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.contents__bottom{
		width:100%;
		padding:0;
		height:calc(604 / var(--vw-min) * 100vw);
	}
}

/* bottom__flowing */
.contents__bottom__flowing{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	pointer-events: none;
}
/* flowingTxt */
.flowingTxt{
	position: absolute;
	width: 100%;
	height: min(calc(70 / var(--vw-min) * 100vw),70px);
	overflow: hidden;
	left: 0;
	background: url(../img/common/txt_bg.jpg) no-repeat center center / cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:768px){
	.flowingTxt{
		height:calc(64 / var(--vw-min) * 100vw);
	}
}
.flowingTxt._top{
	top: 0;
}
.flowingTxt._bottom{
	bottom: 0;
}
.flowingTxt::after{
	display: block;
	content: "";
	width: 100%;
	height: min(calc(39 / var(--vw-min) * 100vw),39px);
	-webkit-mask: url(../img/common/txt_10th.svg) repeat-x;
	mask: url(../img/common/txt_10th.svg) repeat-x; 
	mask-size: min(calc(1530 / var(--vw-min) * 100vw),1530px) auto;
	background-color: #FFF;
    animation: flowingTxt 20s linear infinite reverse;
	z-index: 2;
	position: relative;
}
.flowingTxt._bottom::after {
	animation: flowingTxt 20s linear infinite;
}
@keyframes flowingTxt {
    from {
		mask-position: 0 0;
    }
    to {
		mask-position: max(calc(-1530 / var(--vw-min) * 100vw),-1530px) 0;
    }
}
/* bottom__bgs */
.contents__bottom__bgs{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index: -1;
	overflow: hidden;
}
.contents__bottom__bgs::after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:10;
    background: url(../img/common/btm_bg_chara_pc.png) no-repeat center center / auto 100%;
}

@supports (background-image:url(../img/common/btm_bg_chara_pc.webp)){
	.contents__bottom__bgs::after{
		background-image:url(../img/common/btm_bg_chara_pc.webp);	
	}
}
@media screen and (max-width:768px){
	.contents__bottom__bgs::after{
		content:'';
		position:absolute;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:10;
		background-image: url(../img/common/btm_bg_chara_sp.png);
	}
}
.contents__bottom__bgs:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:10;
	background:url(../img/introduction/introduction_gradation.jpg) repeat-x 0 0 / auto min(calc(712 / var(--vw-min) * 100vw),712px);
	opacity:0.5;
	mix-blend-mode:multiply;
	animation:introductiongr 60s linear infinite;
	will-change:background-position,mix-blend-mode;
}
@supports (background-image:url(../img/introduction/introduction_gradation.webp)){
	.contents__bottom__bgs:before{
		background-image:url(../img/introduction/introduction_gradation.webp);
	}
}
@media screen and (max-width:768px){
	.contents__bottom__bgs:before{
		background:url(../img/introduction/introduction_gradation-s.jpg) repeat-y 0 0 / 100% auto;
	}
	@supports (background-image:url(../img/introduction/introduction_gradation-s.webp)){
		.contents__bottom__bgs:before{
			background-image:url(../img/introduction/introduction_gradation-s.webp);
		}
	}
}

.contents__bottomInner{
	width: min(calc(910 / var(--vw-min) * 100vw),910px);
	padding-left: min(calc(510 / var(--vw-min) * 100vw),510px);
	margin: 0 auto;
	position:relative;
	z-index: 2;
	display: flex;
	height: 100%;
}
@media screen and (max-width:768px){
	.contents__bottomInner{
		padding-left: calc(300 / var(--vw-min) * 100vw);
		padding-right: calc(15 / var(--vw-min) * 100vw);
		width:100%;
	}
}
/* bottom__chara */
.contents__bottomChara{
	width:min(calc(517 / var(--vw-min) * 100vw),517px);
	height:min(calc(592 / var(--vw-min) * 100vw),592px);
	position:absolute;
	left:min(calc(50 / var(--vw-min) * 100vw),50px);
	top:0;
	left:0;
	bottom:0;
	background:url(../img/common/contents_hcharacter2.png) no-repeat center center /contain;
}
@supports (background-image:url(../img/common/contents_hcharacter2.webp)){
	.contents__bottomChara{
		background-image:url(../img/common/contents_hcharacter2.webp);
		margin: auto;
	}
}

@media screen and (max-width:768px){
	.contents__bottomChara{
		width:calc(497 / var(--vw-min) * 100vw);
		height:calc(567 / var(--vw-min) * 100vw);
		left:calc(16/ var(--vw-min) * 100vw);
	}
}


.contents__bottomLeft{
	width:min(calc(507 / var(--vw-min) * 100vw),507px);
	padding-top:min(calc(10 / var(--vw-min) * 100vw),10px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width:768px){
	.contents__bottomLeft{
		width:100%;
	}
}
.contents__bottomLogo{
	width:min(calc(238 / var(--vw-min) * 100vw),238px);
}
@media screen and (max-width:768px){
	.contents__bottomLogo{
		width:calc(235 / var(--vw-min) * 100vw);
	}
}
.contents__bottomLogo img{
	display:block;
	width:100%;
	height:auto;
}
.contents__bottomText{
	width:min(calc(414 / var(--vw-min) * 100vw),414px);
	height:min(calc(127 / var(--vw-min) * 100vw),127px);
	margin:0 auto;
	background:url(../img/contents/contents_text.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/contents/contents_text.webp)){
	.contents__bottomText{
		background-image:url(../img/contents/contents_text.webp);
	}
}
@media screen and (max-width:768px){
	.contents__bottomText{
		width:100%;
	}

}


.contents__bottomRight{
	width:min(calc(616 / var(--vw-min) * 100vw),616px);
	position:relative;
	margin-top:min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.contents__bottomRight{
		width:calc(417 / var(--vw-min) * 100vw);
		margin:calc(43 / var(--vw-min) * 100vw) calc(-25 / var(--vw-min) * 100vw) 0 calc(-39 / var(--vw-min) * 100vw);
	}
}
.contents__bottomCharacter{
	width:min(calc(726 / var(--vw-min) * 100vw),726px);
	height:min(calc(944 / var(--vw-min) * 100vw),944px);
	position:absolute;
	left:0;
	top:0;
}
@media screen and (max-width:768px){
	.contents__bottomCharacter{
		width:calc(574 / var(--vw-min) * 100vw);
		height:calc(745 / var(--vw-min) * 100vw);
		left:calc(-14 / var(--vw-min) * 100vw);
	}
}
.contents__bottomCharacter img{
	width:100%;
	height:auto;
}
.contents__bottomCharacter--text{
	width:min(calc(577 / var(--vw-min) * 100vw),577px);
	height:min(calc(453 / var(--vw-min) * 100vw),453px);
	position:absolute;
	left:min(calc(30 / var(--vw-min) * 100vw),30px);
	top:min(calc(4 / var(--vw-min) * 100vw),4px);
	background:url(../img/contents/contents_charactertext1.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/contents/contents_charactertext1.webp)){
	.contents__bottomCharacter--text{
		background-image:url(../img/contents/contents_charactertext1.webp);
	}
}
@media screen and (max-width:768px){
	.contents__bottomCharacter--text{
		width:calc(390 / var(--vw-min) * 100vw);
		height:calc(424 / var(--vw-min) * 100vw);
		left:calc(40 / var(--vw-min) * 100vw);
		top:calc(-54 / var(--vw-min) * 100vw);
	}
}
.contents__bottomCharacter--text2{
	position:absolute;
	left:min(calc(20 / var(--vw-min) * 100vw),20px);
	top:min(calc(460 / var(--vw-min) * 100vw),460px);
	width:min(calc(529 / var(--vw-min) * 100vw),529px);
	height:min(calc(167 / var(--vw-min) * 100vw),167px);
	background:url(../img/contents/contents_charactertext2.png) no-repeat center center / contain;
	z-index:10;
}
@supports (background-image:url(../img/contents/contents_charactertext2.webp)){
	.contents__bottomCharacter--text2{
		background-image:url(../img/contents/contents_charactertext2.webp);
	}
}
@media screen and (max-width:768px){
	.contents__bottomCharacter--text2{
		left:calc(50 / var(--vw-min) * 100vw);
		top:calc(332 / var(--vw-min) * 100vw);
		width:calc(358 / var(--vw-min) * 100vw);
		height:calc(113 / var(--vw-min) * 100vw);
	}
}
/* ANIM */
.contents__bottom__bgs::after{
	opacity:0;
	transform:translateX(-100px);
	transition:all 0.6s cubic-bezier(0.9, 0.11, 0.32, 1.68);
}
.contents__bottomChara{
	opacity:0;
	transform:scale(0.75);
	transition:all 0.6s cubic-bezier(0.9, 0.11, 0.32, 1.68);
}
.contents__bottomLogo{
	opacity:0;
	transform:scale(0.75);
	transition:all 0.6s cubic-bezier(0.9, 0.11, 0.32, 1.68);
}
body.is-contentsBottom .contents__bottomLogo{
	transform:scale(1);
	opacity:1;
}
body.is-contentsBottom .contents__bottomChara{
	transform:scale(1);
	opacity:1;
}
body.is-contentsBottom .contents__bottom__bgs::after{
	transform: translateX(0);
	opacity:1;
}
.contents__bottomText{
	opacity:0;
	transform:scale(0.75);
	transition:all 0.6s cubic-bezier(0.9, 0.11, 0.32, 1.68);
	transition-delay:0.15s;
}
body.is-contentsBottom .contents__bottomText{
	transform:scale(1);
	opacity:1;
}
.contents__bottomCharacter img{
	opacity:0;
	transform:scale(0.75);
	transition:all 0.6s cubic-bezier(0.9, 0.11, 0.32, 1.68);
	transition-delay:0.3s;
}
body.is-contentsBottom .contents__bottomCharacter img{
	transform:scale(1);
	opacity:1;
}
.contents__bottomCharacter--text{
	opacity:0;
	transform:scale(0.75);
	transition:all 0.6s cubic-bezier(0.9, 0.11, 0.32, 1.68);
	transition-delay:0.45s;
}
body.is-contentsBottom .contents__bottomCharacter--text{
	transform:scale(1);
	opacity:1;
}
.contents__bottomCharacter--text2{
	opacity:0;
	transform:translate(min(calc(-50 / var(--vw-min) * 100vw),-50px),min(calc(5 / var(--vw-min) * 100vw),5px));
	transition:all 0.6s ease-in;
	transition-delay:0.45s;
}
body.is-contentsBottom .contents__bottomCharacter--text2{
	transform:translate(0);
	opacity:1;
}

/* vis2 */
.kv2__visualWrap{
	width: 100%;
	height: min(calc(1600 / var(--vw-min) * 100vw),1600px);
	position: relative;
}
#js-kv2 .kv2__visChara{
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	background-size: 100%;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: all .4s ease;
	transform:scale(1.03);
}
#js-kv2.ani .kv2__visChara{
	opacity: 1;
	transform: translateY(0) scale(1);
}
.kv2__visChara.-chara1{
	background-image: url(../img/kv/kv2_chara1.png);
	z-index: 8;
	transition-delay: .1s;
}


.kv2__visChara.-chara2{
	background-image: url(../img/kv/kv2_chara2.png);
	z-index: 7;
	transition-delay: .2s;
}
.kv2__visChara.-chara3{
	background-image: url(../img/kv/kv2_chara3.png);
	z-index: 6;
	transition-delay: .3!important;
}
.kv2__visChara.-chara4{
	background-image: url(../img/kv/kv2_chara4.png);
	z-index: 5;
	transition-delay: .4s!important;
}
.kv2__visChara.-chara5{
	background-image: url(../img/kv/kv2_chara5.png);
	z-index: 4;
	transition-delay: .5s!important;
}
.kv2__visChara.-chara6{
	background-image: url(../img/kv/kv2_chara6.png);
	z-index: 3;
	transition-delay: .6s!important;
}
.kv2__visChara.-chara7{
	background-image: url(../img/kv/kv2_chara7.png);
	z-index: 2;
	transition-delay: .8s!important;
}
.kv2__visChara.-chara8{
	background-image: url(../img/kv/kv2_chara8.png);
	z-index: 1;
	transition-delay: .9s!important;
}



/*------------------------------------------------
* MOVIE
-------------------------------------------------*/
.movie {
	padding: min(calc(70 / var(--vw-min) * 100vw), 70px) 0 min(calc(70 / var(--vw-min) * 100vw), 70px);
	clip-path: inset(0);
}
@media screen and (max-width:768px) {
	.movie {
		padding: calc(80 / var(--vw-min) * 100vw) 0;
	}
}

/** MOVIE BG **/
.movieBg {
	position: fixed;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#000;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
	pointer-events: none;
}
.movieBg:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	z-index:5;
	background:rgba(0,0,0,.6) url(../img/movie/over_dot.png) repeat center center / min(calc(1336 / var(--vw-min) * 100vw),1336px) auto;
}
.movieBg__inner {
	display: block;
	width:100%;
	height:100%;
	position: relative;
}
.movieWrap {
	position: relative;
	z-index: 50;
}
.movieWrap::before{
	content: '';
	position: absolute;
	inset: 0;
	margin: auto;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 5;
	opacity: 0;
	transform: scale(0.85);
	filter: blur(20px);
	transition: all .3s ease,transform .1s ease;
	background: url(../img/movie/movie_deco.png) no-repeat center center / calc(1139 / var(--vw-min) * 100vw) auto;
}
.movieWrap.is-slideChange::before{
	opacity: 1;
	transform: scale(1);
	filter: blur(0);
}
@media screen and (max-width:768px) {
	.movieWrap {
		margin-top: 0;
	}
	.movieWrap::before{
		background: url(../img/movie/movie_deco_sp.png) no-repeat center center /100% auto;
	}
	.movieBg:before {
		background:rgba(0,0,0,.5) url(../img/movie/over_dot.png) repeat center center / min(calc(1336 / var(--vw-min) * 100vw),1336px) auto;
	}
}


/* MOVIE animation */
.movieWrap{
	transition: all .5s ease;
	transform:translateY(min(calc(30 / var(--vw-min) * 100vw),30px));
	opacity:0;	
}
body.is-movie .movieWrap{
	transform:translateY(0);
	opacity:1;
}
.movieSwiperLists{
	align-items: center;
	height:calc(490 / var(--vw-min) * 100vw);
}
.movieItem {
	width: calc(800 / var(--vw-min) * 100vw);
	height: auto;
	margin: 0 calc(40 / var(--vw-min) * 100vw);
	transition: all .3s ease;
	padding: calc(40 / var(--vw-min) * 100vw) 0;
	position: relative;
	display: flex;
	justify-content: center;
}
.swiper-slide-next.movieItem {
	justify-content: flex-start;
}
.swiper-slide-prev.movieItem {
	justify-content: flex-end
}
@media screen and (max-width:768px) {
	.movieSwiperLists{
		height:auto;
	}
	.movieItem {
		width: 100%;
		padding: calc(24 / var(--vw-min) * 100vw) calc(60 / var(--vw-min) * 100vw);
		margin: unset;
	}
}
.movieItem:not(.swiper-slide-active) img {
	opacity: 0.5;
}
.movieItem:not(.swiper-slide-active) a {
	background-color: #000;
}
.movieItem::after{
	content: '';
	position: absolute;
	inset: 0;
	margin: auto;
	width: calc(800 / var(--vw-min) * 100vw);
	height:calc(449 / var(--vw-min) * 100vw);
	background: url(../img/movie/movie_bg.jpg) no-repeat center center / contain;
	opacity: 0;
	transform: rotate(-10deg) scale(0.9);
}
.movieItem.swiper-slide-active::after{
	opacity: 1;
	transform: rotate(0) scale(1);
	transition:  all .4s ease .1s ,transform .4s ease;
}
@media screen and (max-width:768px) {
	.movieItem::after{
		content: '';
		position: absolute;
		inset: 0;
		margin: auto;
		width: calc(630 / var(--vw-min) * 100vw);
		height:calc(354 / var(--vw-min) * 100vw);
		background: url(../img/movie/movie_bg.jpg) no-repeat center center / cover;
		transform: rotate(5deg) scale(0.5);
	}
}

.movieItemIn {
	position: relative;
	z-index: 1;
	width: calc(564 / var(--vw-min) * 100vw);
	height: calc(318 / var(--vw-min) * 100vw);
	overflow: hidden;
}
.swiper-slide-active .movieItemIn{
	width: calc(800 / var(--vw-min) * 100vw);
	height: calc(449 / var(--vw-min) * 100vw);
	transform: rotate(3deg);
	transition: .4s ease;
}
@media screen and (max-width:768px) {
	.movieItemIn {
		width: calc(630 / var(--vw-min) * 100vw);
		height:calc(354 / var(--vw-min) * 100vw);
		transform: rotate(0) scale(0.8);
	}
	.swiper-slide-active .movieItemIn {
		width: calc(630 / var(--vw-min) * 100vw);
		height:calc(354 / var(--vw-min) * 100vw);
	}
	.swiper-slide-active .movieItemIn{
		transform: rotate(4deg) scale(1);
	}
}
.movieItemIn a {
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	background-size: cover;
	background-position: center;
	overflow: hidden;
}
.swiper-slide-active .movieItemIn a {
	border: min(calc(12 / var(--vw-min) * 100vw), 12px) solid #fff;
}
.movieItemIn a::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background-color: rgba(0, 0, 0, .4);
	transition: 0.3s ease;
}
.movieItemIn a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	pointer-events: none;
}
.movieItem__ttl{
	background-color: #000;
	padding: 0 min(calc(20/ var(--vw-min) * 100vw), 20px);
	font-size: min(calc(20/ var(--vw-min) * 100vw), 20px);
	text-align: center;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	color: #fff;
}
@media screen and (max-width:768px) {
	.movieItem__ttl {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.movieItemIn a::before{
		transition: .3s ease;
	}
	.movieItemIn a:hover::before{
		opacity: 40%;
	}
}


/**
* ICON - MOVIE
**/
.icon_playmovie{
	display: block;
	width: calc(142 / var(--vw-min) * 100vw);
	height: calc(142 / var(--vw-min) * 100vw);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	z-index: 2;
	opacity: 0;
	transform: scale(0.5);
	transition: opacity .4s ease, transform .4s ease;
	transition-delay: .1s;
}
.swiper-slide-active .icon_playmovie{
	opacity: 1;
	transform: scale(1);
}
.icon_playmovie:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;	
	background: url(../img/movie/movie_btn_txt.svg) no-repeat center / contain;
	animation: ani_rotate360 16s linear infinite;
}
.icon_playmovie-circle{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: calc(102 / var(--vw-min) * 100vw);
	height: calc(102 / var(--vw-min) * 100vw);
	margin: auto;
	background: url(../img/movie/movie_btn.png) no-repeat center / contain;
}

@keyframes ani_rotate360 {
	0%	{transform: rotate(0deg)}
	100%{transform: rotate(360deg)}
}
@media screen and (max-width: 767px){
	.icon_playmovie{
		width: calc(157 / var(--vw-min) * 100vw);
		height: calc(157 / var(--vw-min) * 100vw);
	}
	.icon_playmovie:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;	
		background: url(../img/movie/movie_btn_txt_sp.svg) no-repeat center / contain;
		animation: ani_rotate360 16s linear infinite;
	}	
}

@media (hover: hover) and (pointer: fine){
	.js-youtubePlay{
		transition: all .3s ease;
	}
	.js-youtubePlay:hover .icon_playmovie{
		transform: scale(1.1);
	}
}

/* youtube */
.ytIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:768px) {
	.ytIframeWrap {
		width: 100%;
		max-width: 100%;
	}
}
.ytIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.ytIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
    height: 100%;
}


/** SWIPER Control **/
.movieSliderControl{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;	
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
	margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.movieSwiper-nav{
	width: min(calc(22 / var(--vw-min) * 100vw), 22px);
	height: min(calc(15 / var(--vw-min) * 100vw), 15px);
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;	
	transition: all .4s ease;
}
.movieSwiper-nav--next{
	background: url(../img/movie/movie_arrow_right.png) no-repeat center center / contain;
}
.movieSwiper-nav--prev{
	background: url(../img/movie/movie_arrow_left.png) no-repeat center center / contain;
}
@media screen and (max-width:768px) {
	.movieSliderControl{
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.movieSwiper-nav{
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.movieSwiper-nav:hover{
		transform: scale(1.3);
	}
}

/** PAGER **/
.movie__pagerLists {
	display: flex;
	justify-content: center;
    justify-content: center;
    align-items: center;
}
.movie__pagerItem {
	width: min(calc(8 / var(--vw-min) * 100vw), 8px);
	height: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border-radius: 50%;
	margin: 0 min(calc(6 / var(--vw-min) * 100vw), 6px);
	background-color: #bdc3cd;
}
.movie__pagerItem.is-active {
	background-color: transparent;
	background: url(../img/movie/movie_pager_active.png) no-repeat center center / contain	;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center center;	
	width: min(calc(33 / var(--vw-min) * 100vw), 33px);
	height: min(calc(33 / var(--vw-min) * 100vw), 33px);
	background-color: transparent;
}	
.movie__pagerItem a{
	display: block;
	height: 100%;
}
@media screen and (max-width:768px) {
	.movie__pagerItem {
		margin: 0 calc(8 / var(--vw-min) * 100vw);
	}
	.movie__pagerItem.is-active {
		width: calc(38 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
	}
}

.no-flex{
	display: block;
}