@charset "utf-8";
/*-----------------------------------------------
 * MV
-------------------------------------------------*/
.mv{
	width: 100%;
	position: relative;
}
.mv__inner{
	width: 100%;
	position: relative;
}
.mv__visualImages{
	width: 100%;
	padding-top: 78.3334%;/* 940 */
	position: relative;
}
.mv__visualGroup,
.mv__visualLayer{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.mv__visualLayer img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.mv__visualGroup{
	opacity: 0;
	transition: opacity .3s ease;
}


@media screen and (max-width:768px){
	.mv__visualImages{
		padding-top: calc(1070 / var(--vw-min) * 100vw);
	}
}


/**
* Visual 1
**/
#mv[data-nowvisual="1"] .mv__visualGroup[data-visual="1"]{
	opacity: 1;
}

.mv__visualLayer.__mv1-logo{
	top: unset;
	left: unset;
	bottom: 0;
	margin-bottom: calc(30 / var(--vw-min) * 100vw);
	right: calc(24 / var(--vw-min) * 100vw);
	width: min(calc(296 / var(--vw-min) * 100vw), calc(296px * var(--max-percent)));
	height: min(calc(234 / var(--vw-min) * 100vw), calc(234px * var(--max-percent)));
}

@media screen and (max-width:768px){
	.mv__visualLayer.__mv1-logo{
		left: 0;
		right: 0;
		width: calc(498 / var(--vw-min) * 100vw);
		height: calc(396 / var(--vw-min) * 100vw);
		margin-bottom: calc(44 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
}


/**
* Visual 2
**/
#mv[data-nowvisual="2"] .mv__visualGroup[data-visual="2"]{
	opacity: 1;
}

.mv__visualLayer.__mv2-logo{
	right: calc(96 / var(--vw-min) * 100vw);
	/* width: min(calc(304 / var(--vw-min) * 100vw), calc(304px * var(--max-percent)));
	height: min(calc(240 / var(--vw-min) * 100vw), calc(240px * var(--max-percent))); */
	width: calc(304 / var(--vw-min) * 100vw);
	height: calc(240 / var(--vw-min) * 100vw);
	margin-top: calc(178 / var(--vw-min) * 100vw);
	margin-left: auto;
	margin-right: auto;
}
.mv__visualLayer.__mv2-logo img{
	object-fit: contain;
}

@media screen and (max-width:768px){
	.mv__visualLayer.__mv2-logo{
		left: 0;
		right: 0;
		bottom: unset;
		width: calc(498 / var(--vw-min) * 100vw);
		height: calc(396 / var(--vw-min) * 100vw);
		margin-top: calc(122 / var(--vw-min) * 100vw);
	}
}




/**---------
* mv__content
**----------*/
.mv__content{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.mv__contentInner{
	width: 100%;
	height: 100vh;
	max-height: 100%;
	top: 0;
	position: sticky;
}
.mv__visualSelector{
	position: absolute;
	top: 0;
	bottom: 0;
	right: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	display: flex;
	align-items: center;
}
.mv__visualSelectLists{
	display: flex;
	flex-direction: column;
	gap: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
}
.mv__visualSelectList{
	width: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	height: min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
.mv__visualSelect--btn{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 2px solid #3840a5;
	background-color: #FFF;
	background-image: url(../img/top/visual/thumb_bg.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	position: relative;
	overflow: hidden;
	transition: border-color .3s ease;
}
/* .mv__visualSelect--btn:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-red);
	mix-blend-mode: color;
	opacity: 0;
	transition: .3s ease;
} */
.mv__visualSelect--thumb{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 61.0571%;
	margin: auto;
	transition: transform .125s ease;
}
.mv__visualSelect--thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

/**
* Visual 2
**/
#mv[data-nowvisual="1"] .mv__visualSelect--btn[data-visual="1"]{
	border-color: var(--color-red);
}
#mv[data-nowvisual="1"] .mv__visualSelect--btn[data-visual="1"] .mv__visualSelect--thumb{
	transform: scale(110%);
}

/**
* Visual 2
**/
#mv[data-nowvisual="2"] .mv__visualSelect--btn[data-visual="2"]{
	border-color: var(--color-red);
}
#mv[data-nowvisual="2"] .mv__visualSelect--btn[data-visual="2"] .mv__visualSelect--thumb{
	transform: scale(110%);
}

@media screen and (hover:hover) and (pointer: fine){
	.mv__visualSelect--thumb{
		transition: transform .125s ease;
	}
	.mv__visualSelect--btn:hover .mv__visualSelect--thumb{
		transform: scale(105%);
	}
}

@media screen and (max-width:768px){
	.mv__visualSelector{
		right: calc(20 / var(--vw-min) * 100vw);
	}
	.mv__visualSelectLists{
		gap: calc(8 / var(--vw-min) * 100vw);
	}
	.mv__visualSelectList{
		width: calc(80 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
	}
	.mv__visualSelect--btn{
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}




.mv__stores{
	position: absolute;
	bottom: 0;
	left: 0;
	margin-bottom: calc(20 / var(--vw-min) * 100vw);
	z-index: 2;
}
.mv__storeLists{
	position: relative;
	padding: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	padding-top: min(calc(26 / var(--vw-min) * 100vw), calc(26px * var(--max-percent)));
	display: flex;
	flex-direction: column;
	gap: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
	background-color: rgba(0,0,0,70%);
	border-top-right-radius: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
	border-bottom-right-radius: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
}
.mv__storeLists--dt{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: max(calc(-14 / var(--vw-min) * 100vw), calc(-14px * var(--max-percent)));
	margin-left: auto;
	margin-right: auto;
	width: min(calc(184 / var(--vw-min) * 100vw), calc(184px * var(--max-percent)));
}
.mv__storeLists--dt img{
	width: 100%;
}
.mv__storeLists--dd{
	width: min(calc(170 / var(--vw-min) * 100vw), calc(170px * var(--max-percent)));
}
.mv__storeLists--dd a{
	display: block;
}
.mv__storeLists--dd img{
	width: 100%;
}

@media screen and (max-width:768px){
	.mv__stores{
		display: none;
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.mv__storeLists--dd a{
		transition: transform .125s ease, filter .3s ease;
	}
	.mv__storeLists--dd a:hover{
		transform: scale(105%);
		filter: brightness(125%);
	}
}

/*-----------------------------------------------
 * Main
-------------------------------------------------*/
.main{
	width: 100%;
	position: relative;
}
.content{
	width: 100%;
	position: relative;
}
.contentInner{
	width: 100%;
	width: 100%;
	max-width: 1920px;
	position: relative;
	margin: 0 auto;
}


.content__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	clip-path: inset(0);
	z-index: -1;
}
.content__bg--img{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.content__bg--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: top center;
}
.content__bg--fixed{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content__bg--fixed img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/*----------------------------------------
 * tBanner
-----------------------------------------*/
.tBanners{
	width: 100%;
	position: relative;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) 0;
	background: url(../img/top/tBanner_bg.jpg) no-repeat center / cover;
}
.tBannerLists.--noSwiper{
	justify-content: center;
}
.tBannerList{
	width: min(calc(236 / var(--vw-min) * 100vw), 236px);
	padding: 0 min(calc(6 / var(--vw-min) * 100vw), 6px);
	overflow: hidden;
}
.tBannerList__link{
	display: block;
	width: 100%;
	border-radius: min(calc(12 / var(--vw-min) * 100vw), 12px);
	overflow: hidden;
}
.tBannerList__link img{
	width: 100%;
}

@media screen and (max-width:768px){
	.tBanners{
		padding: calc(24 / var(--vw-min) * 100vw) 0;
		background-image: url(../img/top/tBanner_bg-s.jpg);
	}
	.tBannerList{
		width: calc(236 / var(--vw-min) * 100vw);
		padding: 0 calc(6 / var(--vw-min) * 100vw);
	}
	.tBannerList__link{
		border-radius: calc(12 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.tBannerList__link{
		transition: transform .125s ease, filter .3s ease;
	}
	.tBannerList__link:hover{
		transform: scale(105%);
		filter: brightness(125%);
	}
}


/*----------------------------------------
 * tMovie
-----------------------------------------*/
.tMovie{
	width: 100%;
	height: 100vh;
	position: relative;
	overflow: hidden;
	clip-path: inset(0);
	background-color: #000;
}
.tMovieInner{
	position: relative;
	width: 100%;
	height: 100%;
}
.tMovie__yt{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.tMovie__ytPlayer{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 0;
}
.tMovie__yt--bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	transition: opacity .3s ease;
}
body.--yt-auto-play .tMovie__yt--bg{
	opacity: 0;
}


.tMovie__play,
.tMovie__play--btn{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


@media screen and (max-width:768px){
	.tMovie{
		height: auto;
		padding-top: 56.25%;
	}
	.tMovieInner{
		position: absolute;
		top: 0;
		left: 0;
	}
	.tMovie__yt{
		position: relative;
	}
}


/*----------------------------------------
 * News
-----------------------------------------*/
#news{
	color: #FFF;
	min-height: 100vh;
	padding-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
	padding-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
	display: flex;
	align-items: center;
	z-index: 2;
}
#news .contentInner{
	width: 100%;
	padding: 0 min(calc(104 / var(--vw-min) * 100vw), calc(104px * var(--max-percent)));
	position: relative;
}

.news__h2{
	display: flex;
	align-items: center;
	position: relative;
}
.news__h2 img{
	display: block;
	height: 100%;
}
.news__h2--l{
	display: block;
	height: min(calc(126 / var(--vw-min) * 100vw), 126px);
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.news__h2--m{
	display: block;
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	margin-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
}


#news .contentInner__cont{
	padding-top: min(calc(64 / var(--vw-min) * 100vw), 64px);
}

.newsLists{
	display: flex;
	flex-direction: column;
	gap: min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent)));
}
.newsList{
	width: 100%;
}
.newsList__link{
	display: flex;
	align-items: center;
	text-decoration: none;
	font-weight: 600;
	color: #FFF;
}
.newsList__thumb{
	width: min(calc(230 / var(--vw-min) * 100vw), 230px);
	height: min(calc(120 / var(--vw-min) * 100vw), 120px);
	border-radius: min(calc(10 / var(--vw-min) * 100vw), 10px);
	overflow: hidden;
	flex-shrink: 0;
}
.newsList__thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.newsList__cont{
	width: calc(100% - min(calc(230 / var(--vw-min) * 100vw), 230px));
	padding-left: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.newsList__date{
	display: block;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1;
	color: var(--color-yellow);
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.newsList__title{
	line-height: 1.75;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.news__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	clip-path: inset(0);
	z-index: -1;
}
.news__moreLink{
	position: absolute;
	top: 0;
	right: min(calc(104 / var(--vw-min) * 100vw), 104px);
	height: min(calc(126 / var(--vw-min) * 100vw), 126px);
	display: flex;
	align-items: center;
}
.com__link--txt[data-txt="txt_newsmore"]{
	height: min(calc(26 / var(--vw-min) * 100vw), 26px);
}

.news__bg .content__bg--fixed{
	position: fixed;
	top: unset;	
	bottom: 0;
	width: 100%;
	height: auto;
}
.news__bg .content__bg--fixed img{
	width: 100%;
	height: auto;
	object-fit: unset;
}

@media screen and (max-width:768px){
	#news{
		padding-top: calc(48 / var(--vw-min) * 100vw);
		padding-bottom: calc(80 / var(--vw-min) * 100vw);
	}
	#news .contentInner{
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.news__h2{
		justify-content: flex-end;
		padding-right: calc(36 / var(--vw-min) * 100vw);
	}
	.news__h2--l{
		height: calc(126 / var(--vw-min) * 100vw);
		padding-right: calc(12 / var(--vw-min) * 100vw);
	}
	.news__h2--m{
		height: calc(18 / var(--vw-min) * 100vw);
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
	#news .contentInner__cont{
		padding-top: calc(48 / var(--vw-min) * 100vw);
	}
	.newsLists{
		gap: calc(48 / var(--vw-min) * 100vw);
	}
	.newsList__thumb{
		width: calc(270 / var(--vw-min) * 100vw);
		height: calc(152 / var(--vw-min) * 100vw);
		border-width: calc(12 / var(--vw-min) * 100vw);
	}
	.newsList__cont{
		width: calc(100% - (270 / var(--vw-min) * 100vw));
		padding-left: calc(32 / var(--vw-min) * 100vw);
	}
	.newsList__date{
		font-size: calc(24 / var(--vw-min) * 100vw);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.newsList__title{
		-webkit-line-clamp: 3;
	}
	.news__moreLink{
		position: relative;
		right: unset;
		height: auto;
		margin-top: calc(72 / var(--vw-min) * 100vw);
		justify-content: center;
	}
	.com__link--txt[data-txt="txt_newsmore"]{
		height: calc(26 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__title span{
		background: linear-gradient(rgba(213,165,49, 72%), rgba(213, 165, 49, 72%)) right bottom / 0 40% no-repeat;
        transition: background-size 0.6s cubic-bezier(.46,.21,.24,1);
	}
	.newsList__link:hover .newsList__title span {
		background-size: 100% 40%;
		background-position: left bottom;
	}
}


/**
* Animation
**/
.news__h2{
	opacity: 0;
	transform: translateY(50%);
	transition: transform .6s cubic-bezier(.46,.21,.24,1), opacity .3s ease;
}

#news .contentInner.--is-ani .news__h2{
	transform: translateY(0%);
	opacity: 1;
}


.newsList__thumb{
	opacity: 0;
	transform: translateX(-50%);
	transition: transform .6s cubic-bezier(.46,.21,.24,1), opacity .4s ease;
}
.newsList__date{
	opacity: 0;
	transform: translateY(75%);
	transition: transform .6s cubic-bezier(.46,.21,.24,1) .1s, opacity .3s ease .1s;
}
.newsList__title{
	opacity: 0;
	transform: translateY(25%);
	transition: transform .6s cubic-bezier(.46,.21,.24,1) .125s, opacity .3s ease .125s;
}

.newsLists.--is-ani .newsList__thumb{
	opacity: 1;
	transform: translateX(0%);
}
.newsLists.--is-ani .newsList__date,
.newsLists.--is-ani .newsList__title{
	transform: translateY(0%);
	opacity: 1;
}


.newsList:nth-of-type(2) .newsList__thumb{
	transition-delay: .050s;
}
.newsList:nth-of-type(2) .newsList__date{
	transition-delay: 0.150s;
}
.newsList:nth-of-type(2) .newsList__title{
	transition-delay: 0.175s;
}


.newsList:nth-of-type(3) .newsList__thumb{
	transition-delay: 0.100s;
}
.newsList:nth-of-type(3) .newsList__date{
	transition-delay: 0.20s;
}
.newsList:nth-of-type(3) .newsList__title{
	transition-delay: 0.225s;
}


.news__moreLink{
	transform: scale(85%);
	opacity: 0;
	transition: transform .6s cubic-bezier(.46,.21,.24,1) .2s, opacity .3s ease .2s;
}
.news__moreLink.--is-ani{
	transform: scale(100%);
	opacity: 1;
}




/*----------------------------------------
 * Story
-----------------------------------------*/
#story{
	width: 100%;
	overflow: hidden;
	overflow: clip;
	min-height: 100vh;
	display: flex;
	align-items: center;
	z-index: 2;
}
#story .contentInner{
	height: 100%;
	position: unset;
}
#story .contentInner__cont{
	padding: min(calc(144 / var(--vw-min) * 100vw), 144px) 0;
	position: relative;
}
.story__h2{
	position: absolute;
	left: max(calc(-6 / var(--vw-min) * 100vw), -6px);
	bottom: max(calc(-20 / var(--vw-min) * 100vw), -20px);
	width: min(calc(97 / var(--vw-min) * 100vw), 97px);
	height: min(calc(404 / var(--vw-min) * 100vw), 404px);
	z-index: 1;
}
.story__h2--img{
	display: block;
	width: 100%;
	height: 100%;
}
.story__h2--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.story__text{
	font-size: min(calc(30 / var(--vw-min) * 100vw), 30px);
	line-height: 2.6;
	font-weight: 700;
	color: #FFF;
	text-align: center;
	filter: drop-shadow(0 0 20px rgba(0,0,0,60%)) drop-shadow(0 0 4px rgba(0,0,0,100%));
	position: relative;
	z-index: 1;
}

.story__decoChara{
	position: absolute;
}
.story__decoChara img{
	width: 100%;
}

.story__decoChara.__sakuna{
	top: min(calc(18 / var(--vw-min) * 100vw), calc(18px * 1.2));
	left: max(calc(-12 / var(--vw-min) * 100vw), calc(-12px * 1.2));
	width: min(calc(208 / var(--vw-min) * 100vw), calc(208px * 1.2));
}
.story__decoChara.__hinuka{
	bottom: max(calc(-40 / var(--vw-min) * 100vw), calc(-40px * 1.2));
	right: max(calc(-56 / var(--vw-min) * 100vw), calc(-56px * 1.2));
	width: min(calc(434 / var(--vw-min) * 100vw), calc(434px * 1.2));
}

#story .content__bg--fixed{
	background-color: var(--color-yellow);
}
#story .content__bg--fixed img{
	opacity: 40%;
}



@media screen and (max-width:768px){
	#story .contentInner__cont{
		padding: calc(152 / var(--vw-min) * 100vw) 0 calc(304 / var(--vw-min) * 100vw);
	}
	.story_h2{
		left: calc(-13 / var(--vw-min) * 100vw);
		bottom: calc(-21 / var(--vw-min) * 100vw);
		width: calc(97 / var(--vw-min) * 100vw);
		height: calc(404 / var(--vw-min) * 100vw);
	}
	.story__text{
		font-size: calc(30 / var(--vw-min) * 100vw);
	}
	.story__decoChara.__sakuna{
		top: 0;
		left: calc(-80 / var(--vw-min) * 100vw);
		width: calc(208 / var(--vw-min) * 100vw);
	}
	.story__decoChara.__hinuka{
		bottom: calc(-171 / var(--vw-min) * 100vw);
		right: calc(-85 / var(--vw-min) * 100vw);
		width: calc(434 / var(--vw-min) * 100vw);
	}
}


/**
* Animation
**/

.story__h2{
	opacity: 0;
	transform: translateY(25%);
	transition:  opacity .3s ease .25s, transform .4s cubic-bezier(.46,.21,.24,1) .25s;
}
#story .contentInner.--is-ani .story__h2{
	opacity: 1;
	transform: translateY(0%);
}


.story__text{
	opacity: 0;
	transform: scale(92%);
	transition: opacity .4s ease 1.0s, transform .6s cubic-bezier(.54,.31,.7,1) .8s;
}
#story .contentInner.--is-ani .story__text{
	opacity: 1;
	transform: scale(100%);
}


#story .content__bg .content__bg--fixed img{
	opacity: 1;
	transition: opacity 1.4s cubic-bezier(.46,.21,.24,1);
}
#story .contentInner.--is-ani + .content__bg .content__bg--fixed img{
	opacity: 40%;
}


.story__decoChara{
	opacity: 0;
	transition:  opacity .4s ease .3s, transform .6s cubic-bezier(.46,.21,.24,1) .3s;
}
.story__decoChara.__sakuna{
	transform: translateY(25%) scale(96%);
}
.story__decoChara.__hinuka{
	transform: translateY(-25%) scale(96%);
}
#story .contentInner.--is-ani .story__decoChara.__sakuna,
#story .contentInner.--is-ani .story__decoChara.__hinuka{
	opacity: 1;
	transform: translateY(0%);
}



/*----------------------------------------
 * Staff
-----------------------------------------*/
#staff{
	width: 100%;
	/* min-height: calc(740 / var(--vw-min) * 100vw); */
	overflow: hidden;
	position: relative;
	z-index: 2;
}
#staff .contentInner{
	padding: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent))) 0;
}
#staff .contentInner__cont{
	padding-top: 0;
	display: flex;
	justify-content: center;
	padding: 0 min(calc(160 / var(--vw-min) * 100vw), 160px);
}
.staff__h2{
	position: absolute;
	top: max(calc(-28 / var(--vw-min) * 100vw), -28px);
	right: min(calc(40 / var(--vw-min) * 100vw), 40px);
	width: min(calc(88 / var(--vw-min) * 100vw), 88px);
	height: min(calc(405 / var(--vw-min) * 100vw), 405px);
	z-index: 1;
}
.staff__h2--img{
	display: block;
	width: 100%;
	height: 100%;
}
.staff__h2--img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: bottom;
}

.staffList{
	display: flex;
}
.staffList.-mt{
	margin-top: 1em;
}
.-smallWrap.-smallWrap{
	padding-top: 0.5em;
}
.staffList__dt{
	display: inline-block;
	color: var(--color-blue);
	font-weight: 700;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1;
	padding-top: 1.1em;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0-1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.staffList.-smallWrap .staffList__dt{
	padding-top: 0.4em;
}
.staffList__dt:after{
	content: ' ： ';
	padding-right: 0.5em;
}
.staffList__dd{
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
	font-weight: 700;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,-1px 1px 0 #FFF, 1px -1px 0 #FFF,0px 1px 0 #FFF,  0 -1px 0 #FFF,-1px 0 0 #FFF, 1px 0 0 #FFF;
}
.staffList:not(.-smallWrap) .staffList__dd{
	line-height: 2;
}
.staffList.-smallWrap .staffList__dd{
	line-height: 1;
}
.staffList__dd small{
	font-size: 62.5%;
}
.staffList__dd small.-mt{
	display: inline-block;
	margin-top: 0.8em;
}

@media screen and (max-width:768px){
	#staff .contentInner{
		padding: calc(96 / var(--vw-min) * 100vw) 0;
	}
	#staff .contentInner__cont{
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.staff__h2{
		top: calc(-32 / var(--vw-min) * 100vw);
		right: calc(12 / var(--vw-min) * 100vw);
		width: calc(88 / var(--vw-min) * 100vw);
		height: calc(405 / var(--vw-min) * 100vw);
	}

	.staffList__dt{
		font-weight: 900;
		flex-shrink: 0;
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.staffList__dt:after{
		padding-right: 0.25em;
	}
	.staffList__dd{
		font-weight: 900;
		font-size: calc(32 / var(--vw-min) * 100vw);
	}

	.-smallWrap.-smallWrap{
		margin-top: 0.5em;
	}

	.staffList.-s_smallWrap .staffList__dd{
		line-height: 1;
	}
	.staffList__dd small.-s_mt{
		display: inline-block;
		margin-top: 0.8em;
	}

	.staffList.-s_smallWrap .staffList__dt{
		padding-top: 0.4em;
	}
}


/**
* Animation
**/
.staff__h2{
	transform: translateY(-50%);
	opacity: 0;
	transition: transform .4s cubic-bezier(.54,.28,.55,1), opacity .3s ease;
}
#staff .contentInner.--is-ani .staff__h2{
	transform: translateY(0%);
	opacity: 1;
}


#staff .content__bg--img img{
	transform: scale(112%);
	transform-origin: bottom;
	transition: transform 1s cubic-bezier(.46,.21,.24,1);
}
#staff .contentInner.--is-ani + .content__bg .content__bg--img img{
	transform: scale(100%);
}



.staffList__dt,
.staffList__dd{
	opacity: 0;
	transition: transform .6s cubic-bezier(.46,.21,.24,1), opacity .4s ease;
}
.staffList__dt{
	transform: translate(-80px, 0%);
}
.staffList__dd{
	transform: translate(0%, 75%);
}
.staffLists.--is-ani .staffList__dt,
.staffLists.--is-ani .staffList__dd{
	transform: translate(0%,0%);
	opacity: 1;
}

.staffLists.--is-ani .staffList:nth-of-type(1) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(1) .staffList__dd{
	transition-delay: .1s;
}
.staffLists.--is-ani .staffList:nth-of-type(2) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(2) .staffList__dd{
	transition-delay: .15s;
}
.staffLists.--is-ani .staffList:nth-of-type(3) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(3) .staffList__dd{
	transition-delay: .2s;
}
.staffLists.--is-ani .staffList:nth-of-type(4) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(4) .staffList__dd{
	transition-delay: .25s;
}
.staffLists.--is-ani .staffList:nth-of-type(5) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(5) .staffList__dd{
	transition-delay: .3s;
}
.staffLists.--is-ani .staffList:nth-of-type(6) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(6) .staffList__dd{
	transition-delay: .35s;
}
.staffLists.--is-ani .staffList:nth-of-type(7) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(7) .staffList__dd{
	transition-delay: .4s;
}
.staffLists.--is-ani .staffList:nth-of-type(8) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(8) .staffList__dd{
	transition-delay: .45s;
}
.staffLists.--is-ani .staffList:nth-of-type(9) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(9) .staffList__dd{
	transition-delay: .5s;
}
.staffLists.--is-ani .staffList:nth-of-type(10) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(10) .staffList__dd{
	transition-delay: .55s;
}
.staffLists.--is-ani .staffList:nth-of-type(11) .staffList__dt,
.staffLists.--is-ani .staffList:nth-of-type(11) .staffList__dd{
	transition-delay: .6s;
}



/*----------------------------------------
 * cf
-----------------------------------------*/
.chara-fairy{
	overflow: hidden;
	background: url(../img/top/bg_cf.jpg) no-repeat center top / cover;
}
@media screen and (max-width:768px){
	.chara-fairy{
		background-image: url(../img/top/bg_cf-s.jpg);
	}
}


/*
* CfSwiper
*/
.cfLists{
	position: relative;
	z-index: 2;
}
.cfList{
	width: min(calc(523 / var(--vw-min) * 100vw), calc(523px * var(--max-percent)));
	width: calc(640 / var(--vw-min) * 100vw);
	position: relative;
}
.cfListCont{
	display: block;
	width: min(calc(523 / var(--vw-min) * 100vw), calc(523px * var(--max-percent)));
	position: relative;
	margin: 0 auto;
	text-decoration: none;
}
.cfListCont__link{
	position: absolute;
	top: min(calc(104 / var(--vw-min) * 100vw), calc(104px * var(--max-percent)));
    left: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
    right: min(calc(10 / var(--vw-min) * 100vw), calc(10px * var(--max-percent)));
    bottom: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	z-index: 1;
}
.cfList__title{
	position: absolute;
	width: min(calc(44 / var(--vw-min) * 100vw), calc(44px * var(--max-percent)));
	height: min(calc(596 / var(--vw-min) * 100vw), calc(596px * var(--max-percent)));
	right: 3.8241%;/* 20 */
	bottom: 0;
	display: flex;
	align-items: center;
}
.cfList__title--img{
	width: 100%;
	display: inline-block;
	padding: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent))) min(calc(6 / var(--vw-min) * 100vw), calc(6px * var(--max-percent)));
	background-color: #000;
	border-radius: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
	position: relative;
}
.cfList__title--img:before{
	content: '';
	position: absolute;
	top: max(calc(-4 / var(--vw-min) * 100vw), calc(-4px * var(--max-percent)));
	left: max(calc(-4 / var(--vw-min) * 100vw), calc(-4px * var(--max-percent)));
	right: max(calc(-4 / var(--vw-min) * 100vw), calc(-4px * var(--max-percent)));
	bottom: max(calc(-4 / var(--vw-min) * 100vw), calc(-4px * var(--max-percent)));
	border-radius: min(calc(32 / var(--vw-min) * 100vw), 32px);
	border: 2px solid #000;
}

.cfList__title--img img{
	width: 100%;
}
.cfList__img{
	width: 130.2104%;
	width: 114.7228%;/* 600 */
	height: min(calc(720 / var(--vw-min) * 100vw), calc(720px * var(--max-percent)));
	margin-left: -15.1052%;
	margin-left: -7.3614%;
}
a .cfList__img{
	pointer-events: none;
}
.cfList__img img{
	width: 100%;
	height: 100%;
    object-fit: cover;
    object-position: bottom;
}


.cfSwiper__pnWrap{
	width: min(calc(660 / var(--vw-min) * 100vw), calc(660px * var(--max-percent)));
	height: min(calc(300 / var(--vw-min) * 100vw), calc(300px * var(--max-percent)));
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: min(calc(148 / var(--vw-min) * 100vw), calc(148px * var(--max-percent)));
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
}


.cfSwiper__bg{
	position: absolute;
	width: 100%;
	height: min(calc(300 / var(--vw-min) * 100vw), calc(300px * var(--max-percent)));
	left: 0;
	bottom: 0;
	margin-bottom: min(calc(148 / var(--vw-min) * 100vw), calc(148px * var(--max-percent)));
}
.cfSwiper__bg:before,
.cfSwiper__bg:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	height: min(calc(13 / var(--vw-min) * 100vw), calc(13px * var(--max-percent)));
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	z-index: 1;
}
.cfSwiper__bg:before{
	top: max(calc(-8 / var(--vw-min) * 100vw), calc(-8px * var(--max-percent)));
	background-image: url(../img/top/bg_character_t.png);
}
.cfSwiper__bg:after{
	bottom: max(calc(-8 / var(--vw-min) * 100vw), calc(-8px * var(--max-percent)));
	background-image: url(../img/top/bg_character_b.png);
}


.cfSwiper__bg--img{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	margin: auto;
}
.cfSwiper__bg--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@media screen and (max-width:768px){
	.cfList,
	.cfListCont{
		width: calc(600 / var(--vw-min) * 100vw);
	}
	.cfListCont__link{
		position: absolute;
		top: calc(96 / var(--vw-min) * 100vw);
		left: calc(56 / var(--vw-min) * 100vw);
		right: calc(56 / var(--vw-min) * 100vw);
		bottom: calc(48 / var(--vw-min) * 100vw);
		z-index: 1;
	}
	.cfList__img{
		width: calc(680 / var(--vw-min) * 100vw);
		margin-left: calc(-40 / var(--vw-min) * 100vw);
	}
	.cfList__title{
		right: calc(42 / var(--vw-min) * 100vw);
	}
	.cfSwiper__bg:before, .cfSwiper__bg:after{
		background-size: 200% 100%;
	}
}




/**
* Animation
**/
/* cfList */
.cfListCont,
.swiperNav__pnWrap{
	opacity: 0;
	transition: opacity .4s ease .8s;
}
.cfContent.--is-ani .cfListCont,
.cfContent.--is-ani .swiperNav__pnWrap{
	opacity: 1;
}
.cfList__img img{
	transform: scale(90%);
	transition:  transform .4s cubic-bezier(.46,.21,.24,1) .2s;
}
.cfContent.--is-ani .swiper-slide-active .cfList__img img{
	transform: scale(100%);
}
.cfList__title--img{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .3s ease .2s, transform .4s cubic-bezier(.46,.21,.24,1) .2s;
}
.cfContent.--is-ani .swiper-slide-active .cfList__title--img{
	opacity: 1;
	transform: translateY(0%);
}

@media screen and (hover:hover) and (pointer: fine){
	.cfListCont{
		pointer-events: none;
	}
	.cfListCont .cfListCont__link{
		pointer-events: auto;
	}
	.cfListCont,
	.cfListCont__link{
		transition: opacity .4s ease .8s, transform .125s ease, filter .4s ease;
	}
	.cfListCont:hover{
		transform: scale(105%);
		filter: brightness(112.5%);
	}
	.cfListCont:hover .cfListCont__link{
		transform: scale(95.2381%);
	}
}


/* SwiperBg */
.cfSwiper__bg--img{
	height: 0%;
	transition: height .6s cubic-bezier(.46,.21,.24,1) .4s;
}
@media screen and (max-width:768px){
	.cfSwiper__bg--img{
		transition: height .6s cubic-bezier(.46,.21,.24,1) .4s;
	}
}
.cfSwiper__bg:before,
.cfSwiper__bg:after{
	transition: transform .8s cubic-bezier(.46,.21,.24,1) .1s;
}
.cfSwiper__bg:before{
	transform: translateX(100%);
}
.cfSwiper__bg:after{
	transform: translateX(-100%);
}
.cfContent.--is-ani .cfSwiper__bg--img{
	height: 100%;
}
.cfContent.--is-ani .cfSwiper__bg:before,
.cfContent.--is-ani .cfSwiper__bg:after{
	transform: translateX(0%);
}




/*------------------------------
 * Character
-------------------------------*/
#character{
	padding-bottom: calc(150 / var(--vw-min) * 100vw);
	position: relative;
}
#character .contentInner__cont{
	padding-top: unset;
	z-index: 1;
}
.character__h2{
	position: absolute;
	right: 0;
	bottom: calc(-150 / var(--vw-min) * 100vw);
	transform: rotate(14deg);
	transform-origin: right bottom;
	height: min(calc(124 / var(--vw-min) * 100vw), calc(124px * var(--max-percent)));
	z-index: 1;
}
.character__h2 img{
	display: inline-block;
	height: 100%;
}
.character__bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: soft-light;
}
.character__bgIn{
	width: 100%;
	height: 200%;
	transform: skewY(14deg);
	transform-origin: center bottom;
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/top/bg_character2.jpg) no-repeat center top / cover;
}
@supports (background-image: url(../img/top/bg_character2.webp)){
	.character__bgIn{
		background-image:url(../img/top/bg_character2.webp);
	}
}

.character__moreLink{
	width: 100%;
	padding: 0 calc(136 / var(--vw-min) * 100vw);
	text-align: center;
	position: relative;
	z-index: 1;
}
.com__link--txt[data-txt="txt_charaall"]{
	height: min(calc(28 / var(--vw-min) * 100vw), 28px);
}

@media screen and (max-width:768px){
	#character{
		padding-bottom: calc(96 / var(--vw-min) * 100vw);
	}
	.character__h2{
		bottom: calc(-108 / var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
		margin-right: calc(-32 / var(--vw-min) * 100vw);
	}
	.character__bgIn{
		height: 144%;
	}
	.character__moreLink{
		text-align: center;
	}
}


.cfListCont[data-chara="tamajii"] .cfList__title--img{
	padding-left: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
	padding-right: min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent)));
}
.cfListCont[data-chara="koyomi"] .cfList__title--img{
	padding-left: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
	padding-right: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
}


/**
* ANIMATION
**/
.character__h2 img{
	transform: translateX(100%);
	transition: transform 0.4s cubic-bezier(0.46, 0.21, 0.24, 1) 0.2s
}
.character__h2.--is-ani img{
	transform: translateX(0%);
}


/*------------------------------
 * Fairy
-------------------------------*/
.fairy{
	position: relative;
	padding-bottom: min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent)));
}
.fairy__h2{
	position: absolute;
	left: 0;
	top: calc(-150 / var(--vw-min) * 100vw);
	transform: rotate(14deg);
	transform-origin: left top;
	height: min(calc(124 / var(--vw-min) * 100vw), calc(124px * var(--max-percent)));
	z-index: 1;
}
.fairy__h2 img{
	display: inline-block;
	height: 100%;
}
.fairy__bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	mix-blend-mode: hard-light;
}
.fairy__bgIn{
	width: 100%;
	height: 200%;
	transform: skewY(14deg);
	transform-origin: center bottom;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #921500;
}

.fairy .swiperNav__pn--arrow:after {
	background-color: #ff2a00;
}


.fairy__bg-b{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: min(calc(268 / var(--vw-min) * 100vw), calc(268px * var(--max-percent)));
	background: url(../img/common/bg_ta.png) no-repeat center top / 100% 100%;
}
@supports (background-image: url(../img/common/bg_ta.webp)){
	.fairy__bg-b{
		background-image:url(../img/common/bg_ta.webp);
	}
}

.fairy__bgIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/bg_character2.jpg) no-repeat top center / cover;
	transform: rotate(-180deg);
	mix-blend-mode: soft-light;
}
@supports (background-image: url(../img/top/bg_character2.webp)){
	.fairy__bgIn:before{
		background-image:url(../img/top/bg_character2.webp);
	}
}

@media screen and (max-width:768px){
	.fairy__h2{
		top: calc(-96 /  var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
	}

}

#fairy .character__moreLink{
	margin-top: max(calc(-24 / var(--vw-min) * 100vw), calc(-24px * var(--max-percent)));
}



.p-cf__logo{
	width: min(calc(270 / var(--vw-min) * 100vw), calc(270px * var(--max-percent)));
	height: min(calc(213 / var(--vw-min) * 100vw), calc(213px * var(--max-percent)));
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: max(calc(-106 / var(--vw-min) * 100vw), calc(-106px * var(--max-percent)));
	margin-left: auto;
	margin-right: auto;
	background: url(../img/common/logo_shadow.png) no-repeat center / contain;
	z-index: 2;
}
@media screen and (max-width:768px){
	.p-cf__logo{
		display: none;
	}
}


.cfListCont[data-chara="tsugaruroman"] .cfList__img{
	transform: translateY(min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))));
}


/**
* ANIMATION
**/
.fairy__h2 img{
	transform: translateX(-100%);
	transition: transform 0.4s cubic-bezier(0.46, 0.21, 0.24, 1) 0.2s
}
.fairy__h2.--is-ani img{
	transform: translateX(0%);
}

.fairy__bg-b{
	opacity: 0;
	transform: translateY(100%);
	transition: transform .6s cubic-bezier(.46, .21, .24, 1), opacity .3s ease;
}
.cfContent.--is-ani .fairy__bg-b{
	opacity: 1;
	transform: translateY(0%);
}

.p-cf__logo{
	opacity: 0;
	transform: scale(80%) rotate(180deg);
	transition: transform 0.4s cubic-bezier(0.46, 0.21, 0.24, 1) 0.2s, opacity .3s ease .2s;
}
.p-cf__logo.--is-ani{
	opacity: 1;
	transform: scale(100%) rotate(0deg);
}



/*----------------------------------------
 * Movie
-----------------------------------------*/
#movie{
	position: relative;
	width: 100%;
	z-index: 1;
	padding: min(calc(130 / var(--vw-min) * 100vw), 130px) 0;
	background-color: #000;
}
#movie:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/bg_movie.png) repeat;
	opacity: 25%;
}
.movie__h2{
	height: min(calc(126 / var(--vw-min) * 100vw), 126px);
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin-top: max(calc(-45 / var(--vw-min) * 100vw), -45px);
}
.movie__h2--img{
	display: inline-block;
	height: 100%;
	padding-left: min(calc(100 / var(--vw-min) * 100vw), 100px);
}
.movie__h2--img img{
	display: inline-block;
	height: 100%;
}

.movie .contentInner__cont{
	padding-top: 0;
	color: #FFF;
	position: relative;
}
.movieLists.--noSwiper{
	justify-content: center;
}
.movieList{
	width: min(calc(930 / var(--vw-min) * 100vw), calc(930px * var(--max-percent)));
	padding: 0 min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.movieList__cont{
	width: 100%;
	position: relative;
	line-height: 0;
}
.movieList__btn{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	overflow: hidden
}
.btn_movie--img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: inline-block;
}
.movieList__btn img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: inline-block;
}


.movieSwiper__pnWrap{
	width: min(calc(930 / var(--vw-min) * 100vw), calc(930px * var(--max-percent)));
	height: min(calc(478 / var(--vw-min) * 100vw), calc(478px * var(--max-percent)));
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-left: auto;
	margin-right: auto;
	pointer-events: none;
	display: flex;
	align-items: center;
	justify-content: space-between;
	z-index: 2;
}

#movie .swiperNav__pn--arrow{
	background-color: #5f0702;
}
#movie .swiperNav__pn--arrow:after{
	background-color: #fff;
}


@media screen and (max-width:768px){
	#movie{
		padding: calc(128 / var(--vw-min) * 100vw) 0 calc(72 / var(--vw-min) * 100vw);
	}

	.movieList{
		width: 100%;
		padding: 0 calc(48 / var(--vw-min) * 100vw);
	}

	.movieSwiper__pnWrap{
		width: calc(726 / var(--vw-min) * 100vw);
		height: calc(368 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_movie--img{
		transition: transform .125s ease, filter .4s ease;
	}
	.movieList__btn:hover .btn_movie--img{
		transform: scale(105%);
		filter: brightness(112.5%);
	}
}



/**
* ANIMATION
**/
.movie__h2--img{
	opacity: 0;
	transform: translateY(50%);
	transition: transform .6s cubic-bezier(.46, .21, .24, 1), opacity .3s ease;
}
#movie.--is-ani .movie__h2--img{
	opacity: 1;
	transform: translateY(0%);
}

#movie .movieSwiper{
	opacity: 0;
	transition: opacity .4s ease .2s;
}
#movie.--is-ani .movieSwiper{
	opacity: 1;
}



/*-----------------------------------------------
 * SPEC
-------------------------------------------------*/
.spec{
	position:relative;
	overflow:hidden;
	background-color: #ccc;
	color: #000;
}
.spec__inner{
	clip-path:inset(0);
}
.spec__inner:before{
	content:'';
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/top/bg_spec.jpg) no-repeat center top / cover;
}
@supports (background-image:url(../img/top/bg_spec.webp)){
	.spec__inner:before{
		background-image:url(../img/top/bg_spec.webp);
	}
}
@media screen and (max-width:768px){
	.spec__inner:before{
		background:url(../img/top/bg_spec-s.jpg) no-repeat center top / cover;
	}
	@supports (background-image:url(../img/top/bg_spec-s.webp)){
		.spec__inner:before{
			background-image:url(../img/top/bg_spec-s.webp);
		}
	}
}

.spec__content{
	width:min(calc(588 / var(--vw-min) * 100vw),588px);
	margin:0 auto;
	position:relative;
	background:#fff;
}

.spec__content:before{
	content:'';
	width:min(calc(378 / var(--vw-min) * 100vw),378px);
	height:min(calc(433 / var(--vw-min) * 100vw),433px);
	position:absolute;
	top:min(calc(255 / var(--vw-min) * 100vw),255px);
	left:max(calc(-280 / var(--vw-min) * 100vw),-280px);
	z-index:10;
	background:url(../img/top/spec_cl.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/top/spec_cl.webp)){
	.spec__content:before{
		background-image:url(../img/top/spec_cl.webp);
	}
}
@media screen and (max-width:768px){
	.spec__content{
		width: calc(620 / var(--vw-min) * 100vw);
	}
	.spec__content:before{
		width: calc(311 / var(--vw-min) * 100vw);
		height: calc(357 / var(--vw-min) * 100vw);
		top: calc(36 / var(--vw-min) * 100vw);
		left: calc(-120 / var(--vw-min) * 100vw);
	}
}


.spec__content:after{
	content:'';
	width:min(calc(272 / var(--vw-min) * 100vw),272px);
	height:min(calc(450 / var(--vw-min) * 100vw),450px);
	position:absolute;
	top:min(calc(250 / var(--vw-min) * 100vw),250px);
	right:max(calc(-202 / var(--vw-min) * 100vw),-202px);
	z-index:10;
	background:url(../img/top/spec_cr.png) no-repeat center center / contain;
}
@supports (background-image:url(../img/top/spec_cr.webp)){
	.spec__content:after{
		background-image:url(../img/top/spec_cr.webp);
	}
}
@media screen and (max-width:768px){
	.spec__content:after{
		width: calc(230 / var(--vw-min) * 100vw);
		height: calc(380 / var(--vw-min) * 100vw);
		top: unset;
		bottom: calc(12 / var(--vw-min) * 100vw);
		right: calc(-100 / var(--vw-min) * 100vw);
	}
}

.spec__contentInner{
	padding: min(calc(80 / var(--vw-min) * 100vw), 80px) 0 calc(160 / var(--vw-min) * 100vw);
	position:relative;
}
.spec__contentInner:before{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	left:max(calc(-13 / var(--vw-min) * 100vw),-13px);
	width:min(calc(27 / var(--vw-min) * 100vw),27px);
	background:url(../img/top/spec_f-v.png) no-repeat center center / 100% 100%;
}
@supports (background-image:url(../img/top/spec_f-v.webp)){
	.spec__contentInner:before{
		background-image:url(../img/top/spec_f-v.webp);
	}
}

.spec__contentInner:after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:max(calc(-13 / var(--vw-min) * 100vw),-13px);
	width:min(calc(27 / var(--vw-min) * 100vw),27px);
	background:url(../img/top/spec_f-v.png) no-repeat center center / 100% 100%;
	transform:rotate(180deg);
}
@supports (background-image:url(../img/top/spec_f-v.webp)){
	.spec__contentInner:after{
		background-image:url(../img/top/spec_f-v.webp);
	}
}

.spec__title{
	width:min(calc(400 / var(--vw-min) * 100vw),400px);
	height:min(calc(102 / var(--vw-min) * 100vw),102px);
	margin:0 auto min(calc(72 / var(--vw-min) * 100vw), 72px);
	transform:translateX(min(calc(45 / var(--vw-min) * 100vw),45px));
	position:relative;
	z-index:10;
}
.spec__title img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.spec__listTitle{
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	display:table;
	margin:0 auto 0.2em;
	background:var(--color-brown);
	color:#fff;
	font-weight:700;
	line-height:1.25;
	flex:0;
	letter-spacing:0;
	padding:0 0.25em;
}

.spec__listName{
	font-size:min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight:700;
	text-align:center;
	line-height:1.65;
	letter-spacing:0;
}
.spec__listName:not(:last-child){
	margin-bottom:1.5em;
}
.spec__listName small{
	font-size:min(calc(14 / var(--vw-min) * 100vw),14px);
}



/**
* ANIMATION
**/
.spec__title img{
	display: inline-block;
	transform: translateY(50%) scale(105%);
	opacity: 0;
	transition: transform .6s cubic-bezier(.46, .21, .24, 1) .1s, opacity .3s ease .1s;
}
#spec.--is-ani .spec__title img{
	transform: translateY(0%) scale(100%);
	opacity: 1;
}

.spec__content:before,
.spec__content:after{
	opacity: 0;
	transition: transform .4s cubic-bezier(.49,.09,.41,1.35), opacity .2s ease;
}
.spec__content:before{
	transform: translateY(50%);
}
.spec__content:after{
	transform: translateY(-50%);
}
.--is-ani .spec__content:before,
.--is-ani .spec__content:after{
	transform: translateY(0%);
	opacity: 1;
}








/*-----------------------------------------------
 * MAIN - CAMPAIGN
-------------------------------------------------*/
#campaign{
	padding-bottom: min(calc(48 / var(--vw-min) * 100vw), 48px);
	color: #FFF;
	background-color: #000;
}
@media screen and (max-width:768px){
	#campaign{
		padding-top: calc(80 / var(--vw-min) * 100vw);
	}
}

.campaignContentWrap{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	padding: 0 min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	position: relative;
	z-index: 2;
}
@media screen and (max-width:768px){
	.campaignContentWrap{
		max-width: 100%;
		padding: 0;
	}
}


.campaign_h2{
	text-align: center;
	padding-top: min(calc(56 / var(--vw-min) * 100vw), 56px);
	padding-bottom: min(calc(52 / var(--vw-min) * 100vw), 52px);
	position: relative;
}
.campaign_h2:before{
	content: unset;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: 100%;
	background: url(../img/top/txt_campaign_bg.png) no-repeat center top / cover;
	margin: auto;
	transform: rotate(180deg);
	transition: transform .3s ease;
}
@supports (background-image: url(../img/top/txt_campaign_bg.webp)){
	.campaign_h2:before{
		background-image:url(../img/top/txt_campaign_bg.webp);
	}
}
.--is-ani .campaign_h2:before{
	transform: rotate(0deg);
}
.campaign_h2--txt{
	display: inline-block;
	height: min(calc(90 / var(--vw-min) * 100vw), 90px);
	position: relative;
	z-index: 1;
}
.campaign_h2--txt img{
	height: 100%;
}

@media screen and (max-width:768px){
	.campaign_h2{
		padding-top: calc(56 / var(--vw-min) * 100vw);
		padding-bottom: calc(52 / var(--vw-min) * 100vw);
	}
	.campaign_h2:before{
		width: calc(160 / var(--vw-min) * 100vw);
	}
	.campaign_h2--txt{
		height: calc(86 / var(--vw-min) * 100vw);
	}
}

.campaignContents{
	width: 100%;
	border: 3px solid #FFF;
	background-color: rgba(0,0,0,80%);
	border-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
@media screen and (max-width:768px){
	.campaignContents{
		width: 87.2%;
		border-width: calc(4 / var(--vw-min) * 100vw);
		border-radius: calc(12 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
}


/**
* campaignList
**/
.campaignList{
	position: relative;
	width: 100%;
	padding: min(calc(48 / var(--vw-min) * 100vw), 48px) 0;
	display: flex;
}
.campaignList:not(:last-child){
	border-bottom: 3px solid #FFF;
}
.campaignList__num{
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	text-align: right;
	padding-right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	position: relative;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-shrink: 0;
}
.campaignList__num:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(3 / var(--vw-min) * 100vw), 3px);
	background-color: #fff;
}
.campaignList__num--txt{
	display: inline-block;
	height: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.campaignList__num--txt img{
	height: 100%;
}
.campaignList__dd{
	width: calc(100% - min(calc(200 / var(--vw-min) * 100vw), 200px));
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.campaignDetailList{
	width: 100%;
	padding: min(calc(26 / var(--vw-min) * 100vw), 26px) min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(26 / var(--vw-min) * 100vw), 26px) min(calc(48 / var(--vw-min) * 100vw), 48px);
	position: relative;
}
.campaignDetailList:first-child{
	padding-top: 0;
}
.campaignDetailList:last-child{
	padding-bottom: 0;
}
.campaignDetailList:not(:last-child){
	border-bottom: 3px solid #FFF;
}

.campaignDetail__title{
	font-weight: 700;
	display: flex;
	align-items: center;
}
.campaignDetail__title--img{
	width: min(calc(214 / var(--vw-min) * 100vw), 214px);
}
.campaignDetail__title--txt__main{
	display: inline-block;
	font-size: min(calc(34 / var(--vw-min) * 100vw), 34px);
	line-height: 1.5;
	color: #ce4d18;
}
.campaignDetail__title--txt__main > .comp{
	font-size: 76.4706%;
	color: #ff5e59;
}
.campaignDetail__title--txt__cap{
	display: inline-block;
	line-height: 2;
	padding-top: min(calc(2 / var(--vw-min) * 100vw), 2px);
}
.campaignDetail__title--img img{
	width: 100%;
}
.campaignDetail__txt{
	line-height: 2;
	font-weight: 700;
	padding-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
}

.campaignList a{
	color: #FFF;
}

@media screen and (max-width:768px){
	.campaignList{
		padding: calc(46 / var(--vw-min) * 100vw) 0;
	}
	.campaignList:not(:last-child){
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
	.campaignList__num{
		width: calc(160 / var(--vw-min) * 100vw);
		text-align: right;
		padding-right: calc(22 / var(--vw-min) * 100vw);
	}
	.campaignList__num:after{
		width: calc(4 / var(--vw-min) * 100vw);
	}
	.campaignList__num--txt{
		height: calc(60 / var(--vw-min) * 100vw);
	}
	.campaignList__dd{
		width: calc(100% - calc(160 / var(--vw-min) * 100vw));
	}
	.campaignDetailList{
		padding: calc(32 / var(--vw-min) * 100vw);
	}
	.campaignDetailList:not(:last-child){
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
	.campaignDetail__title{
		position: relative;
		align-items: flex-start;
		flex-direction: column;
	}
	.campaignDetail__title--txt__main{
		font-size: calc(34 / var(--vw-min) * 100vw);
	}
	.campaignDetail__title--txt__cap{
		padding-top: calc(4 / var(--vw-min) * 100vw);
	}
	.campaignDetail__title--img{
		display: block;
		width: calc(280 / var(--vw-min) * 100vw);
		flex-shrink: 0;
		margin: calc(-8 / var(--vw-min) * 100vw) auto calc(-4 / var(--vw-min) * 100vw);
	}
	.campaignDetail__cont{
		position: relative;
	}
	.campaignDetail__txt{
		padding-top: calc(8 / var(--vw-min) * 100vw);
	}
}

/* animation */
.campaignDetail__title--img img,
.campaign__Deco img{
	opacity: 0;
	transform: scale(50%) translateY(50%);
	transition: transform .4s cubic-bezier(.49,.09,.41,1.35) .2s, opacity .3s ease .2s;
}
.campaignDetailList.--is-ani .campaignDetail__title--img img,
.campaign__Deco.--is-ani img{
	opacity: 1;
	transform: scale(100%) translateY(0%);
}


/**
* Flex
**/
.campaignDetail__cont.-flex{
	display: flex;
}
.campaignDetail__cont .-w40{
	width: 60%;
}
.campaignDetail__cont .-w60{
	width: 60%;
}
.campaignDetail__image{
	padding-left: 5%;
	padding-top: min(calc(16 / var(--vw-min) * 100vw), 16px);
	text-align: center;
}
.campaignDetail__image img{
	max-width: 100%;
}
@media screen and (max-width:768px){
	.campaignDetail__cont.-flex{
		flex-direction: column;
	}
	.campaignDetail__cont .-w40{
		width: 100%;
	}
	.campaignDetail__cont .-w60{
		width: 100%;
	}
	.campaignDetail__image{
		padding-left: 0;
	}
}



/**
* Clear
**/
.campaignList.--clear .campaignDetailList:after{
	content: '';
	position: absolute;
	left: min(calc(24 / var(--vw-min) * 100vw), 24px);
	right: min(calc(24 / var(--vw-min) * 100vw), 24px);
	bottom: 0;
	top: 0;
	width: min(calc(180 / var(--vw-min) * 100vw), 180px);
	height: min(calc(180 / var(--vw-min) * 100vw), 180px);
	margin: auto;
	background: url(../img/top/campaign/icon_clear.svg) no-repeat center / contain;
	transform: rotate(20deg);
}
.campaignList.--clear .campaignDetailList:first-child::after{
	top: max(calc(-26 / var(--vw-min) * 100vw), -26px);
}
.campaignList.--clear .campaignDetailList:last-child::after{
	bottom: max(calc(-26 / var(--vw-min) * 100vw), -26px);
}

@media screen and (max-width:768px){
	.campaignList.--clear .campaignDetailList{
		padding-right: calc(32 / var(--vw-min) * 100vw);
	}
	.campaignList.--clear .campaignDetailList:after{
		right: 0;
		left: 0;
		margin: auto;
		width: calc(240 / var(--vw-min) * 100vw);
		height: calc(240 / var(--vw-min) * 100vw);
	}
}


/* animation */
.campaignList.--clear .campaignDetailList:after{
	opacity: 0;
	transform: scale(50%) rotate(-20deg);
	transition: transform .3s ease, opacity .3s ease;
}
.campaignList.--clear .campaignDetailList.--is-ani:after{
	opacity: 1;
	transform: scale(100%) rotate(20deg);
}

.campaignList.--clear .campaignDetail__title,
.campaignList.--clear .campaignDetail__cont{
	transition: opacity .3s ease;
}

.campaignList.--clear .campaignDetailList.--is-ani .campaignDetail__title,
.campaignList.--clear .campaignDetailList.--is-ani .campaignDetail__cont{
	opacity: 75%;
}

/**
* W100
**/
.campaignList.-full{
	flex-wrap: wrap;
}
.campaignList__dd--w100{
	width: 100%;
	padding-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	padding-left: min(calc(48 / var(--vw-min) * 100vw), 48px);
	padding-right: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.campaignList__dd--w100 .campaignDetail__image{
	padding-left: 0;
	width: 100%;
}
@media screen and (max-width:768px){
	.campaignList__dd--w100{
		padding-left: 0;
		padding-right: 0;
	}
	.campaignList__dd--w100 .campaignDetail__txt{
		padding-left: calc(32 / var(--vw-min) * 100vw);
		padding-right: calc(32 / var(--vw-min) * 100vw);
	}
}


/**
* Deco
**/
.campaign__Deco{
	position: absolute;
}
.campaign__Deco img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.campaign__Deco.__decoTop{
	width: min(calc(132 / var(--vw-min) * 100vw), 132px);
	height: min(calc(167 / var(--vw-min) * 100vw), 167px);
	top: max(calc(-140 / var(--vw-min) * 100vw), -140px);
	left: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.campaign__Deco.__decoBottom{
	width: min(calc(160 / var(--vw-min) * 100vw), 160px);
	height: min(calc(202 / var(--vw-min) * 100vw), 202px);
	right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	bottom: max(calc(-64 / var(--vw-min) * 100vw), -64px);
}
@media screen and (max-width:768px){
	.campaign__Deco.__decoTop{
		top: calc(-140 / var(--vw-min) * 100vw);
		left: calc(-45 / var(--vw-min) * 100vw);
		width: calc(133 / var(--vw-min) * 100vw);
		height: calc(167 / var(--vw-min) * 100vw);
	}
	.campaign__Deco.__decoBottom{
		width: calc(132 / var(--vw-min) * 100vw);
		height: calc(202 / var(--vw-min) * 100vw);
		right: calc(-48 / var(--vw-min) * 100vw);
	}
}



/**
* BG
**/
.l-campaign__bg{
	position: absolute;
	top: calc(-260 / var(--vw-min) * 100vw);
	left: 0;
	right: 0;
	bottom: 0;
	overflow: hidden;
	pointer-events: none;
}
.l-campaign__bg--t{
	width: 100%;
	padding-top: 89.75%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
}
.l-campaign__bg:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: min(calc(320 / var(--vw-min) * 100vw), 320px);
	background: linear-gradient(180deg,transparent 0%, #000 100%);
}
.l-campaign__bg--t img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
@media screen and (max-width:768px){
	.l-campaign__bg{
		top: calc(-154 / var(--vw-min) * 100vw);
	}
	.l-campaign__bg--t{
		padding-top: calc(893 / var(--vw-min) * 100vw);
	}
}





/*-----------------------------------------------
 * MAIN - main__stickyContent
-------------------------------------------------*/
.main__stickyContent{
	position: sticky;
	bottom: 0;
	width: 100%;
	z-index: 100;
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.main__stickyInner{
	width: 100%;
	position: relative;
	padding-top: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	padding-bottom: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	background-color: rgba(0,0,0,80%);
	transform: translateY(100%);
	opacity: 0;
	transition: transform .4s cubic-bezier(.54,.28,.55,1), opacity .3s ease;
}
body.--is-loaded .main__stickyInner{
	transform: translateY(0%);
	opacity: 1;
}

.main__titleLinkBox{
	margin-bottom: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	text-align: center;
}
.main__titleLink{
	display: inline-block;
	padding: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))) min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	position: relative;
	text-decoration: none;
	border: 2px solid #FFF;
	border-radius: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
}
.main__titleLink:before{
	content: '';
	position: absolute;
	top: min(calc(6 / var(--vw-min) * 100vw), calc(6px * var(--max-percent)));
	left: min(calc(6 / var(--vw-min) * 100vw), calc(6px * var(--max-percent)));
	right: min(calc(6 / var(--vw-min) * 100vw), calc(6px * var(--max-percent)));
	bottom: min(calc(6 / var(--vw-min) * 100vw), calc(6px * var(--max-percent)));
	border-radius: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	background-color: #fff;
}
.main__titleLink--txt{
	display: block;
	height: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	position: relative;
}
.main__titleLink--txt img{
	display: block;
	height: 100%;
}
.main__titleLink--circle{
	width: min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
	height: min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
	border-radius: 50%;
	border: 2px solid #000;
	position: absolute;
	top: 0;
	bottom: 0;
	right: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	background-color: #FFF;
	margin: auto 0;
}
.main__titleLink--circle:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 50%;
	width: 88%;
	height: 88%;
	margin: auto;
	background-color: #000;
}
.main__titleLink--circle:after{
	content: '';
	position: absolute;
	display: block;
	left: 50%;
	top: 50%;
	width: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
	height: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent)));
	margin-left: max(calc(-4.5 / var(--vw-min) * 100vw), calc(-4.5px * var(--max-percent)));
	margin-top: max(calc(-3.75 / var(--vw-min) * 100vw), calc(-3.75px * var(--max-percent)));
	box-sizing: border-box;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	transform: rotate(45deg);
}


.main__stickyTitle{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: min(calc(44 / var(--vw-min) * 100vw), calc(44px * var(--max-percent)));
	text-align: center;
	margin-top: max(calc(-24 / var(--vw-min) * 100vw), calc(-24px * var(--max-percent)));
}
.main__stickyTitle img{
	display: block;
	height: 100%;
	margin: 0 auto;
}
.main__stickyItemLists{
	display: flex;
	justify-content: center;
	gap: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
}
.main__stickyItemList{
	width: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
}
.main__stickyItemList a{
	display: block;
}
.main__stickyItemList img{
	width: 100%;
}

@media screen and (max-width:768px){
	.main__stickyContent{
		margin-top: calc(48 / var(--vw-min) * 100vw);
	}
	.main__stickyInner{
		padding: calc(26 / var(--vw-min) * 100vw) 0 calc(26 / var(--vw-min) * 100vw);
	}
	.main__stickyTitle{
		position: relative;
		height: min(calc(32 / var(--vw-min) * 100vw), 32px);
		margin-top: 0;
		margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	}

	.main__titleLinkBox{
		line-height: 1;
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.main__titleLink{
		padding: calc(24 / var(--vw-min) * 100vw) calc(120 / var(--vw-min) * 100vw);
	}
	.main__titleLink--txt{
		height: calc(48 / var(--vw-min) * 100vw);
	}


	.main__stickyItemLists{
		gap: min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
	.main__stickyItemList{
		width: calc(184 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.main__titleLink{
		transition: opacity .3s ease, transform .125s ease;
	}
	.main__titleLink:hover{
		opacity: 85%;
		transform: scale(105%);
	}
	.main__stickyItemList a{
		transition: opacity .3s ease, transform .125s ease;
	}
	.main__stickyItemList a:hover{
		opacity: 85%;
		transform: scale(105%);
	}
}





/*-----------------------------------------------
 * LOADING
-------------------------------------------------*/
.loading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
	overflow: hidden;
}
.loading:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #000;
	animation: ani_ldg-Opacity .4s ease-in .3s forwards;
	pointer-events: none;
}
@keyframes ani_ldg-Opacity {
	0%{
		opacity: 100%;
	}
	100%{
		opacity: 0%;
	}
}


.loadingCont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.loading__bg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.loading__bgIn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation: ani_ldg-Bg1 1.0s cubic-bezier(.49,.66,.51,1) .3s forwards;
}
.loading__bg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

@keyframes ani_ldg-Bg1 {
	0%{
		transform: scale(120%);
	}
	100%{
		transform: scale(100%);
	}
}


.loading__logos{
	position: relative;
	width: min(calc(400 / var(--vw-min) * 100vw), calc(400px * var(--max-percent)));
}
.loading__logosIn{
	width: 100%;
	padding-top: 78%;
	position: relative;
}
.loading__logo,
.loading__logoIn,
.loading__logoIn--elm{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.loading__logo img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


@keyframes ani_ldg-logo_bg {
	0%,
	20%{
		opacity: 0;
		transform: rotate(120deg) scale(40%);
	}
	100%{
		opacity: 1;
		transform: rotate(0deg) scale(100%);
	}
}
@keyframes ani_ldg-logo_txt1 {
	0%,
	20%{
		opacity: 0;
		transform: scale(40%);
	}
	100%{
		opacity: 1;
		transform: scale(100%);
	}
}
@keyframes ani_ldg-logo_txt2 {
	0%,
	20%{
		opacity: 0;
		transform: translateY(10%) scale(98%);
	}
	100%{
		opacity: 1;
		transform: translateY(0%) scale(100%);
	}
}

.loading__logo.-bg .loading__logoIn{
	animation: ani_ldg-logo_bg 1.2s cubic-bezier(.54,.36,.26,1.45) .3s forwards;
}

.loading__logo.-txt1 .loading__logoIn{
	opacity: 0;
	animation: ani_ldg-logo_txt1 .8s cubic-bezier(.54,.36,.26,1.45) .6s forwards;
}

.loading__logo.-txt2 .loading__logoIn{
	opacity: 0;
	animation: ani_ldg-logo_txt2 .4s cubic-bezier(.67,.32,.54,1) 1.25s forwards;
}


/* END */
@keyframes ani_ldg-logo_bg_e {
	0%,10%{
		opacity: 1;
		transform: rotate(0deg) scale(100%);
	}
	80%,100%{
		opacity: 0;
		transform: rotate(-40deg) scale(150%);
	}
}
body.--is-loaded.--faniEnd .loading__logo.-bg{
	animation: ani_ldg-logo_bg_e 0.8s cubic-bezier(.62,-0.81,.14,1.13) .2s forwards;
}


@keyframes ani_ldg-logo{
	0%{
		opacity: 1;
		transform: scale(100%);
		filter: blur(0px);
	}
	100%{
		opacity: 0;
		transform: scale(200%);
		filter: blur(6px);
	}
}

body.--is-loaded.--faniEnd .loading__logo{
	animation: ani_ldg-logo 0.8s cubic-bezier(.62,-0.81,.14,1.13) .2s forwards;
}


@keyframes ani_ldg-allBg{
	0%{
		opacity: 1;
		transform: scale(100%);
		filter: brightness(100%);
	}
	100%{
		opacity: 0;
		transform: scale(200%);
		filter: brightness(200%);
	}
}

body.--is-loaded.--faniEnd .loading__bg{
	animation: ani_ldg-allBg 0.8s ease-in-out .6s forwards;
}