@charset "utf-8";
/*-----------------------------------------------
 * LOADING
-------------------------------------------------*/
#loading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1001;
	display: flex;
	flex-direction: column;
}
.loadingIn{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #f5f4f2;
	display: flex;
	flex-direction: column;
}
.loadingIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/bg_ptn.png) repeat center / min(calc(600 / var(--vw-min) * 100vw), 600px) min(calc(600 / var(--vw-min) * 100vw), 600px);
	opacity: 0;
	animation: ldg_opacity01 .6s ease forwards .4s;
}
.contFrameIn{
	opacity: 0;
	animation: ldg_opacity01 .6s ease forwards .4s;
}

.loading__letterWrap{
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	height: min(calc(275 / var(--vw-min) * 100vw), 275px);
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: min(calc(128 / var(--vw-min) * 100vw), 128px);
	margin: auto;
}
.loading__letterWrap.-before{
	filter: drop-shadow(0 0 16px rgba(0, 0, 0, 30%));
}
.loading__letterWrap.-after{
	z-index: 1;
}
.loading__letter{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.loading__letter:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.loading__letter.-letter_img1:before{
	background-image: url(../img/common/loading/ldg_img1.png);
}
@supports (background-image: url(../img/common/loading/ldg_img1.webp)){
	.loading__letter.-letter_img1{
		background-image:url(../img/common/loading/ldg_img1.webp);
	}
}

.loading__letter_img2{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.loading__letter.-letter_img2_bg:before{
	background-image: url(../img/common/loading/ldg_img2_bg.png);
}
.loading__letter.-letter_img2_front:before{
	background-image: url(../img/common/loading/ldg_img2_front.png);
}
@supports (background-image: url(../img/common/loading/ldg_img2_bg.webp)){
	.loading__letter.-letter_img2_bg:before{
		background-image:url(../img/common/loading/ldg_img2_bg.webp);
	}
	.loading__letter.-letter_img2_front:before{
		background-image: url(../img/common/loading/ldg_img2_front.webp);
	}
}


.loading__letterItemWrap{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loading__letterItem{
	width: min(calc(196 / var(--vw-min) * 100vw), 196px);
	height: min(calc(140 / var(--vw-min) * 100vw), 140px);
	position: relative;
}
.loading__letterItemIn{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	perspective: 1000px;
}
.loading__letterItemCont{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #FFF;
	border-radius: 8px;
}
.loading__letterItemCont.-front:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 70%;
	height: 70%;
	margin: auto;
	background: url(../img/common/logo.svg) no-repeat center / contain;
}

@keyframes ldg_opacity01 {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes ldg_letter1_s {
	0%{
		opacity: 0;
		transform: translateY(50%);
	}
	100%{
		opacity: 1;
		transform: translateY(0%);
	}
}
@keyframes ldg_letter1_e {
	0%{
		opacity: 1;
		transform: scale(100%) rotate(0deg);
	}
	100%{
		opacity: 0;
		transform: scale(140%) rotate(2deg);
	}
}

.loading__letter.-letter_img1{
	opacity: 0;
	animation: ldg_letter1_s .4s ease forwards .8s;
}
.loading__letter.-letter_img1:before{
	animation: ldg_letter1_e .6s ease forwards 1.2s;
}

@keyframes ldg_letter2_s {
	0%{
		opacity: 0;
		transform: scale(40%) rotate(2deg);
	}
	100%{
		opacity: 1;
		transform: scale(100%) rotate(0deg);
	}
}

.loading__letter_img2{
	opacity: 0;
	animation: ldg_letter2_s .4s ease forwards 1.55s;
}

.loading__letterItemWrap{
	opacity: 0;
	animation: ldg_letter2_s .4s ease forwards 1.65s;
	filter: drop-shadow(0 0 16px rgba(0, 0, 0, 30%));
}

@keyframes ldg_letterWrap_e{
	0%{
		opacity: 1;
		transform: translateY(0%);
	}
	100%{
		opacity: 0;
		transform: translateY(50%);
	}
}

.loading__letterWrap{
	animation: ldg_letterWrap_e .4s ease forwards 1.9s;
}


@keyframes ldg_loading__letterItem {
	0%{
		transform: translateY(0%);
	}
	100%{
		transform: translateY(-50%);
	}
}
.loading__letterItem{
	animation: ldg_loading__letterItem .5s ease forwards 1.7s;
}
.loading__letterItemIn{
	animation: loading__letterItemIn .6s ease forwards 2.0s;
}
@keyframes loading__letterItemIn {
	0%{
		width: 100%;
		height: 100%;
	}
	100%{
		width: 250%;
		height: 250%;
	}
}

.loading__letterItemCont.-front{
	transition: transform .4s ease .2s;
}

body.--is-body-loaded.--is-loading-fin .loading__letterItemCont.-front{
	transform: rotate3d(0, 1, 0, -90deg);
}



/*-----------------------------------------------
 * HERO
-------------------------------------------------*/
.c-hero{
	position: relative;
	width: 100%;
	background: url(../img/top/hero_bg.jpg) no-repeat center / cover;
	padding-bottom: calc(64 / var(--vw-min) * 100vw);
	overflow: hidden;
}
@supports (background-image: url(../img/top/hero_bg.webp)){
	.c-hero{
		background-image:url(../img/top/hero_bg.webp);
	}
}
.c-hero:before{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: calc(410 / var(--vw-min) * 100vw);
	height: 100%;
	background: url(../img/top/hero_bg-curtain.png) no-repeat right top / cover;
}
@supports (background-image: url(../img/top/hero_bg-curtain.webp)){
	.c-hero:before{
		background-image:url(../img/top/hero_bg-curtain.webp);
	}
}
.hero__content{
	position: relative;
	display: flex;
}
@media screen and (max-width:768px){
	.c-hero{
		padding-bottom: calc(72 / var(--vw-min) * 100vw);
	}
	.c-hero:before{
		width: calc(412 / var(--vw-min) * 100vw);
	}
	.hero__content{
		flex-direction: column;
	}
}


/**
* HERO - CONT
**/
.hero__contArea{
	width: calc(392 / var(--vw-min) * 100vw);
	padding-left: calc(72 / var(--vw-min) * 100vw);
	position: relative;
	padding-top: calc(80 / var(--vw-min) * 100vw);
	flex-shrink: 0;
	z-index: 2;
}
.hero__title{
	width: 100%;
}
.hero__title--logo{
	width: 100%;
	position: relative;
}
.hero__title--logo_img{
	display: block;
	filter: drop-shadow(0 0 calc(8 / var(--vw-min) * 100vw) #FFF) drop-shadow(0 0 calc(4 / var(--vw-min) * 100vw) #FFF) drop-shadow(0 0 calc(2 / var(--vw-min) * 100vw) #FFF);
	position: relative;
	z-index: 1;
}
.hero__title--logo_img img{
	width: 100%;
}

.hero__title--logo_bg{
	position: absolute;
	top: calc(-50 / var(--vw-min) * 100vw);
	left: calc(-23 / var(--vw-min) * 100vw);
	width: calc(410 / var(--vw-min) * 100vw);
	height: calc(254 / var(--vw-min) * 100vw);
}
.hero_logoBg--deco{
	position: absolute;
	animation: ani_twinkle 5s infinite;
}
.hero_logoBg--deco:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hero_logoBg--deco.-d_s1{
	width: calc(20 / var(--vw-min) * 100vw);
	height: calc(20 / var(--vw-min) * 100vw);
}
.hero_logoBg--deco.-d_s1:before{
	background-image: url(../img/common/deco_star-wh.svg);
	transform: rotate(45deg);
}
.hero_logoBg--deco.-d_s1.-d_s1_1{
	top: 0;
	right: 0;
	margin-top: calc(9 / var(--vw-min) * 100vw);
	animation-delay: .4s;
	animation-duration: 4s;
}
.hero_logoBg--deco.-d_s1.-d_s1_2{
	left: 0;
	bottom: 0;
	animation-delay: .8s;
	animation-duration: 8s;
}
.hero_logoBg--deco.-d_s2{
	width: calc(20 / var(--vw-min) * 100vw);
	height: calc(20 / var(--vw-min) * 100vw);
}
.hero_logoBg--deco.-d_s2:before{
	background-image: url(../img/common/deco_star-wh.svg);
}
.hero_logoBg--deco.-d_s2.-d_s2_1{
	top: 0;
	left: calc(30 / var(--vw-min) * 100vw);
	animation-delay: .2s;
	animation-duration: 2.5s;
}
.hero_logoBg--deco.-d_s2.-d_s2_2{
	right: calc(80 / var(--vw-min) * 100vw);
	bottom: calc(30 / var(--vw-min) * 100vw);
	animation-delay: .6s;
	animation-duration: 6s;
}
.hero_logoBg--deco.-d_c{
	width: calc(8 / var(--vw-min) * 100vw);
	height: calc(8 / var(--vw-min) * 100vw);
}
.hero_logoBg--deco.-d_c:before{
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #fff;
}
.hero_logoBg--deco.-d_c.-d_c_1{
	top: calc(86 / var(--vw-min) * 100vw);
	left: calc(3 / var(--vw-min) * 100vw);
	animation-delay: 1.2s;
	animation-duration: 8s;
}
.hero_logoBg--deco.-d_c.-d_c_2{
	top: calc(150 / var(--vw-min) * 100vw);
	right: calc(16 / var(--vw-min) * 100vw);
	animation-duration: 3s;
}
.hero_logoBg--deco.-d_s3{
	width: calc(22 / var(--vw-min) * 100vw);
	height: calc(22 / var(--vw-min) * 100vw);
	animation-duration: 6s;
}
.hero_logoBg--deco.-d_s3:before{
	background-image: url(../img/common/deco_star2.svg);
}
.hero_logoBg--deco.-d_s3.-d_s3_1{
	top: calc(26 / var(--vw-min) * 100vw);
	right: calc(46 / var(--vw-min) * 100vw);
	animation-delay: 0.8s;
}

@media screen and (max-width:768px){
	.hero__title--logo_bg{
		width: calc(634 / var(--vw-min) * 100vw);
		height: calc(273 / var(--vw-min) * 100vw);
		top: calc(7 / var(--vw-min) * 100vw);
		left: calc(-58 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_s1{
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_s1.-d_s1_1{
		margin-top: 0;
	}
	.hero_logoBg--deco.-d_s1.-d_s1_2{
		left: calc(18 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_s2{
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_s2.-d_s2_1{
		top: calc(34 / var(--vw-min) * 100vw);
		left: calc(40 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_s2.-d_s2_2{
		right: calc(125 / var(--vw-min) * 100vw);
		bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_c{
		width: calc(10 / var(--vw-min) * 100vw);
		height: calc(10 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_c.-d_c_1{
		top: calc(100 / var(--vw-min) * 100vw);
		left: 0;
	}
	.hero_logoBg--deco.-d_c.-d_c_2{
		top: calc(142 / var(--vw-min) * 100vw);
		right: calc(36 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_s3{
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
	}
	.hero_logoBg--deco.-d_s3.-d_s3_1{
		top: calc(34 / var(--vw-min) * 100vw);
		right: calc(40 / var(--vw-min) * 100vw);
	}
}

@keyframes ani_twinkle {
	0% {
		opacity: 0;
		transform: scale(0.8);
	}

	50% {
		transform: scale(1.4);
		opacity: 1;
		filter: drop-shadow(0 0 calc(8 / var(--vw-min) * 100vw) #FFF) drop-shadow(0 0 calc(4 / var(--vw-min) * 100vw) #FFF);
	}

	100% {
		opacity: 0;
		transform: scale(0.8);
	}
}





.hero__title--onair{
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0;
	padding: calc(32 / var(--vw-min) * 100vw) 0;
	text-align: center;
	position: relative;
	filter: drop-shadow(0 0 min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) #FFF) drop-shadow(0 0 min(calc(2 / var(--vw-min) * 100vw), calc(2px * var(--max-percent))) #FFF);

	filter: drop-shadow(0 0 calc(8 / var(--vw-min) * 100vw) #FFF) drop-shadow(0 0 calc(4 / var(--vw-min) * 100vw) #FFF) drop-shadow(0 0 calc(2 / var(--vw-min) * 100vw) #FFF);

	margin-top: calc(26 / var(--vw-min) * 100vw);
}
.hero__title--onair:before,
.hero__title--onair:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: min(calc(252 / var(--vw-min) * 100vw), calc(252px * var(--max-percent)));
	width: calc(252 / var(--vw-min) * 100vw);
	height: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	height: calc(20 / var(--vw-min) * 100vw);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hero__title--onair:before{
	top: 0;
	background-image: url(../img/top/hero_deco-line_t.png);
}
.hero__title--onair:after{
	bottom: 0;
	background-image: url(../img/top/hero_deco-line_b.png);
}
.hero__title--onair__txt{
	display: block;
	height: min(calc(33 / var(--vw-min) * 100vw), calc(33px * var(--max-percent)));
	height: calc(33 / var(--vw-min) * 100vw);
	text-align: center;
}
.hero__title--onair__txt img{
	height: 100%;
}

@media screen and (max-width:768px){
	.hero__contArea{
		width: calc(512 / var(--vw-min) * 100vw);
		padding-left: unset;
		padding-top: 0;
		margin-top: calc(-140 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: auto;
	}
	.hero__title--onair{
		padding: calc(48 / var(--vw-min) * 100vw) 0;
		margin-top: calc(32 / var(--vw-min) * 100vw);
	}
	.hero__title--onair:before,
	.hero__title--onair:after{
		width: calc(384 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
	.hero__title--onair__txt{
		height: calc(56 / var(--vw-min) * 100vw);
	}
}


/**
* heroNavArea
**/
@media screen and (min-width:768px){
	.hero__navArea{
		width: min(calc(314 / var(--vw-min) * 100vw), calc(314px * var(--max-percent)));
		border-top-left-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
		border-bottom-right-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
		margin-left: auto;
		margin-right: auto;
		margin-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
		color: #FFF;
		padding: 2px;
		box-shadow: 0px 0px min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))) 0px rgba(108, 130, 162, 0.04);
		position: relative;
	}
	.hero__navArea:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-top-left-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
		border-bottom-right-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
		overflow: hidden;
		background: linear-gradient(0deg, #aba6a1 0%, #ffffff 100%);
	}
	.hero__navAreaIn{
		width: 100%;
		position: relative;
		z-index: 1;
		background: linear-gradient(0deg, #000096 0%, #ebc196 100%);
		padding: min(calc(38 / var(--vw-min) * 100vw), calc(38px * var(--max-percent)));
		border-top-left-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
		border-bottom-right-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
	.hero__navLists .navList{
		margin-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
		position: relative;
		padding-bottom: 2px;
	}
	.hero__navLists .navList:not(:last-child)::after{
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		height: 2px;
		background-image: linear-gradient(90deg,#FFF 0px, #FFF 2px, transparent 2px, transparent 4px);
		background-repeat: repeat;
		background-size: 4px 100%;
	}
	.hero__navLists .navList__link{
		display: block;
		font-family: var(--font-en);
		font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
		font-weight: 700;
		line-height: 1;
		color: #FFF;
		text-decoration: none;
		padding: min(calc(14 / var(--vw-min) * 100vw), 14px) 0;
		position: relative;
	}
	.hero__navLists .navList__link--txt_ja{
		display: none;
	}
	.hero__snsLists{
		margin-top: min(calc(14 / var(--vw-min) * 100vw), 14px);
		display: flex;
		align-items: center;
		gap: min(calc(14 / var(--vw-min) * 100vw), calc(14px * var(--max-percent)));
	}
	.hero__snsLists--dt{
		font-family: var(--font-en);
		font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
		font-weight: 700;
	}
	.hero__snsLists--dd{
		width: min(calc(40 / var(--vw-min) * 100vw), 40px);
		height: min(calc(40 / var(--vw-min) * 100vw), 40px);
	}
	.hero__snsList--link{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		border: 1px solid #FFF;
		border-radius: 50%;
		position: relative;
	}
	.hero__snsList--link_icon{
		display: block;
		width: 50%;
		height: 50%;
		-webkit-mask-repeat: no-repeat;
		-webkit-mask-position: center;
		-webkit-mask-size: contain;
		mask-repeat: no-repeat;
		mask-position: center;
		mask-size: contain;
		background-color: #fff;
		mix-blend-mode: difference;
		z-index: 1;
	}
	.hero__snsList--link.-icon_x .hero__snsList--link_icon{
		-webkit-mask-image: url(../img/common/icon_tw.svg);
		mask-image: url(../img/common/icon_tw.svg);
	}

	@media screen and (hover:hover) and (pointer: fine){
		.hero__navLists .navList__link .navList__link--txt{
			transition: padding-left .3s ease;
		}
		.hero__navLists .navList__link:hover .navList__link--txt{
			padding-left: min(calc(12 / var(--vw-min) * 100vw), 12px);
		}

		.hero__snsList--link:before{
			content: '';
			position: absolute;
			top: 0;
			left: 0;
			bottom: 0;
			right: 0;
			background-color: #fff;
			border-radius: 50%;
			transform: scale(20%);
			opacity: 0;
			transition: transform .4s ease, opacity .3s ease;
		}
		.hero__snsList--link:hover::before{
			opacity: 1;
			transform: scale(100%);
		}
	}
}
@media screen and (max-width:768px){
	.hero__navArea{
		display: none;
	}
}

.hero__bannerLists{
	position: relative;
	width: min(calc(314 / var(--vw-min) * 100vw), calc(314px * var(--max-percent)));
	margin: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent))) auto 0;
}
.hero__bannerList{
	width: 100%;
}
.hero__bannerList--link{
	display: block;
	width: 100%;
}
.hero__bannerList--link img{
	width: 100%;
}
@media screen and (max-width:768px){
	.hero__bannerLists{
		width: calc(480 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
@media screen and (hover:hover) and (pointer: fine){
	.hero__bannerList--link{
		filter: brightness(100%);
		transition: filter .4s ease, transform .4s ease;
	}
	.hero__bannerList--link:hover{
		filter: brightness(125%);
		transform: scale(102%);
	}
}




/**
* VisualArea
**/
.hero__visualArea{
	position: relative;
	width: 100%;
	padding-top: calc(56 / var(--vw-min) * 100vw);
	padding-left: calc(56 / var(--vw-min) * 100vw);
	padding-right: calc(56 / var(--vw-min) * 100vw);
}
.hero__visualAreaIn{
	width: 100%;
	margin: 0 auto;
	position: relative;
	padding-bottom: calc(16 / var(--vw-min) * 100vw);
}
.hero__VisualImageArea{
	width: calc(862 / var(--vw-min) * 100vw);
	width: 100%;
	position: relative;
	z-index: 1;
}
.hero__VisualImageAreaIn{
	width: 100%;
	padding-top: 105.4118%;/* 896 */
	position: relative;
	-webkit-mask: url(../img/top/visual/visual_mask.svg) no-repeat center / contain;
	mask: url(../img/top/visual/visual_mask.svg) no-repeat center / contain;
	z-index: 1;
}
.hero__visualImageGroup{
	position: absolute;
}
@media screen and (max-width:768px){
	.hero__visualArea{
		order: -1;
		padding-top: calc(72 / var(--vw-min) * 100vw);
		padding-left: calc(28 / var(--vw-min) * 100vw);
		padding-right: calc(28 / var(--vw-min) * 100vw);
	}

	.hero__VisualImageArea{
		width: calc(694 / var(--vw-min) * 100vw);
	}
}


/**
* teaserVisual
**/
.hero__visualImageGroup[data-visual="teaser"]{
	width: 102%;/* 867 */
	height: 136.942%;/* 1227 */
	height: auto;
	top: 0;
	left: -0.7059%;/* -6 */
	margin-top: -1.7647%;/* -15 */
}
.hero__visualImage{
	width: 100%;
	padding-top: 141.5225%;
	position: relative;
}
.hero__visualImage img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
}



.hero__VisualBg{
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -0.7059%;/* 6 */
	margin-left: 3.1765%;/* 27 */
	width: 95.1765%;/* 809 */
	padding-top: 108%;/* 918 */
}
.hero__VisualBg--cont{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.hero__VisualBg--cont:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/visual/visual_bg.svg) no-repeat center / contain;
}

.hero__visualCatchArea{
	position: absolute;
	width: 102%;/* 867 */
	height: 100%;
	top: 0;
	left: -0.7059%;/* -6 */
	margin-top: -1.7647%;/* -15 */
	overflow: hidden;
	z-index: 1;
}
.hero__visualCatchGroup{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 141.5225%;/* 1227 */
}
.hero__visualCatchImage{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.hero__visualCatchGroup img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}



/**
* Animation
**/
.hero__VisualImageAreaIn{
	transform: rotate(8deg);
}
.hero__visualImage{
	transform: rotate(-8deg);
}
.hero__VisualBg--cont:before{
	transform: rotate(-8deg);
}

body.--is-firstAni .hero__VisualImageAreaIn,
body.--is-firstAni .hero__visualImage,
body.--is-firstAni .hero__VisualBg--cont:before{
	transition: transform .6s cubic-bezier(.35,.15,.3,1.08);
	transform: rotate(0deg);
}

.hero__visualCatchGroup,
.hero__title--logo,
.hero__title--onair,
.hero__navArea,
.hero__bannerLists{
	opacity: 0;
	transform: scale(95%);
}
body.--is-firstAni .hero__visualCatchGroup,
body.--is-firstAni .hero__title--logo,
body.--is-firstAni .hero__title--onair,
body.--is-firstAni .hero__navArea,
body.--is-firstAni .hero__bannerLists{
	transition: opacity .6s ease .2s, transform .6s ease .2s;
	opacity: 1;
	transform: scale(100%);
}



/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.c-movie{
	padding: min(calc(50 / var(--vw-min) * 100vw), calc(50px * var(--max-percent))) 0 min(calc(84 / var(--vw-min) * 100vw), calc(84px * var(--max-percent)));
	overflow: hidden;
	overflow: clip;
}
.c-movie .p-content__title{
	filter: drop-shadow(0 0 min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent))) rgba(6, 3, 49, 30%)) drop-shadow(0 0 min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent))) rgba(6, 3, 49, 30%)) drop-shadow(0 0 min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) rgba(6, 3, 49, 40%));
	position: relative;
	z-index: 2;
}
.c-movieContent{
	width: 100%;
	padding: min(calc(90 / var(--vw-min) * 100vw), calc(90px * var(--max-percent))) 0 min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
	position: relative;
}
.c-movieContentIn{
	position: relative;
	width: min(calc(824 / var(--vw-min) * 100vw), calc(824px * var(--max-percent)));
	padding-top: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	margin: max(calc(-19 / var(--vw-min) * 100vw), -19px) auto 0;
}

.movieArea{
	position: relative;
}
.movieAreaCont{
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	filter: drop-shadow(0 0 min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent))) rgba(6, 3, 49, 30%)) drop-shadow(0 0 min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent))) rgba(6, 3, 49, 30%));
}
.btn_movieAreaPlay{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
	z-index: 2;
}
.btn_movieAreaPlay:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) solid #916e49;
	z-index: 1;
}
.btn_movieAreaPlay:after{
	content: '';
	position: absolute;
	top: -2.5918%;/* -12 */
	right: -1.2136%;/* -10 */
	bottom: -2.5918%;/* -12 */
	left: -1.2136%;/* -10 */
	background: url(../img/common/frame_movie.svg) no-repeat center / contain;
	pointer-events: none;
}
.btn_movieAreaPlay--img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	transition: opacity .3s ease;
}
body.--yt-auto-play .btn_movieAreaPlay--img img{
	opacity: 0;
}
.btn_movieAreaPlay--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.btn_movieAreaPlay--icon{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 19.1748%;/* 152 */
	height: 32.8294%;/* 152 */
	margin: auto;
	z-index: 1;
}
.btn_movieAreaPlay--icon:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/icon_play-circle.png) no-repeat center / contain;
	animation: 8s ani_rotate linear infinite;
}
body.--yt-auto-pause .btn_movieAreaPlay--icon:before{
	animation-play-state: paused;
}

.btn_movieAreaPlay--icon:after{
	content: '';
	position: absolute;
	top: 0;
	left: 6.4935%;/* 4 */
	bottom: 0;
	right: 0;
	width: 31.579%;/* 48 */
	height: 31.579%;/* 48 */
	background: url(../img/common/icon_play-tri.svg) no-repeat center / contain;
	margin: auto;
}
.btn_movieAreaPlay--bg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(0, 0, 0, 20%);
}

.movieArea__player{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
#js-yt-autoplay{
	position: absolute;
	top: -50%;
	left: 0;
	height: 200%;
	pointer-events: none;
}

.movieContentBg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	pointer-events: none;
}
.movieContentBg--flo{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: min(calc(1357 / var(--vw-min) * 100vw), calc(1357px * var(--max-percent)));
	margin: 0 auto;
	background: url(../img/top/movie_bg-flo.png) no-repeat center / contain;
}
.movieContentBg--floBlur{
	position: absolute;
	width: min(calc(1257 / var(--vw-min) * 100vw), calc(1257px * var(--max-percent)));
	height: min(calc(967 / var(--vw-min) * 100vw), calc(967px * var(--max-percent)));
	left: max(calc(-125 / var(--vw-min) * 100vw), calc(-125px * var(--max-percent)));
	top: min(calc(-254 / var(--vw-min) * 100vw), calc(-254px * var(--max-percent)));
	z-index: 2;
	pointer-events: none;
}
.floBlur_item{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.floBlur_item.-item1{
	width: min(calc(221 / var(--vw-min) * 100vw), calc(221px * var(--max-percent)));
	height: min(calc(282 / var(--vw-min) * 100vw), calc(282px * var(--max-percent)));
	background-image: url(../img/top/movie_bg-flo_blur-item1.png);
	bottom: 0;
	left: min(calc(218 / var(--vw-min) * 100vw), calc(218px * var(--max-percent)));
}
.floBlur_item.-item2{
	width: min(calc(174 / var(--vw-min) * 100vw), calc(174px * var(--max-percent)));
	height: min(calc(136 / var(--vw-min) * 100vw), calc(136px * var(--max-percent)));
	background-image: url(../img/top/movie_bg-flo_blur-item2.png);
	top: min(calc(487 / var(--vw-min) * 100vw), calc(487px * var(--max-percent)));
	left: 0;
}
.floBlur_item.-item3{
	width: min(calc(123 / var(--vw-min) * 100vw), calc(123px * var(--max-percent)));
	height: min(calc(127 / var(--vw-min) * 100vw), calc(127px * var(--max-percent)));
	background-image: url(../img/top/movie_bg-flo_blur-item3.png);
	top: 0;
	right: 0;
}
.floBlur_item.-item4{
	width: min(calc(115 / var(--vw-min) * 100vw), calc(115px * var(--max-percent)));
	height: min(calc(123 / var(--vw-min) * 100vw), calc(123px * var(--max-percent)));
	background-image: url(../img/top/movie_bg-flo_blur-item4.png);
	top: min(calc(221 / var(--vw-min) * 100vw), calc(221px * var(--max-percent)));
	right: min(calc(144 / var(--vw-min) * 100vw), calc(144px * var(--max-percent)));
}



@media screen and (max-width:768px){
	.c-movie{
		padding: calc(128 / var(--vw-min) * 100vw) 0 calc(208 / var(--vw-min) * 100vw);
	}
	.c-movieContent{
		width: 0 calc(48 / var(--vw-min) * 100vw);
	}
	.c-movieContentIn{
		width: 100%;
		padding-top: calc(10 / var(--vw-min) * 100vw);
		margin-top: calc(-24 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(48 / var(--vw-min) * 100vw);
	}
	.btn_movieAreaPlay:before{
		border-width: calc(8 / var(--vw-min) * 100vw);
	}
	.movieContentBg--flo{
		width: calc(1156 / var(--vw-min) * 100vw);
		height: calc(665 / var(--vw-min) * 100vw);
		top: calc(12 / var(--vw-min) * 100vw);
		left: calc(-232 / var(--vw-min) * 100vw);
		right: unset;
		bottom: unset;
	}
	.movieContentBg--floBlur{
		width: calc(744 / var(--vw-min) * 100vw);
		height: calc(782 / var(--vw-min) * 100vw);
		left: 0;
		top: calc(-248 / var(--vw-min) * 100vw);
	}
	.floBlur_item.-item1{
		background-image: url(../img/top/movie_bg-flo_blur-item5.png);
		width: calc(111 / var(--vw-min) * 100vw);
		height: calc(133 / var(--vw-min) * 100vw);
		left: 0;
	}
	.floBlur_item.-item2{
		display: none;
	}
	.floBlur_item.-item3{
		width: calc(92 / var(--vw-min) * 100vw);
		height: calc(127 / var(--vw-min) * 100vw);
	}
	.floBlur_item.-item4{
		width: calc(112 / var(--vw-min) * 100vw);
		height: calc(120 / var(--vw-min) * 100vw);
		top: calc(134 / var(--vw-min) * 100vw);
		right: calc(24 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_movieAreaPlay--bg{
		transition: opacity .3s ease;
	}
	.btn_movieAreaPlay--icon:after{
		transition: transform .3s ease;
	}
	.btn_movieAreaPlay:hover .btn_movieAreaPlay--bg{
		opacity: 50%;
	}
	.btn_movieAreaPlay:hover .btn_movieAreaPlay--icon:after{
		transform: scale(112%);
	}
	.btn_movieAreaPlay:hover .btn_movieAreaPlay--icon:before{
		animation-play-state: paused;
	}
}




/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.c-news{
	width: 100%;
	position: relative;
	background-color: #f5f4f2;
	padding-top: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	padding-bottom: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
}
.c-news:before{
	content: '';
	position: absolute;
	top: max(calc(-52 / var(--vw-min) * 100vw), calc(-52px * var(--max-percent)));
	left: 0;
	right: 0;
	height: min(calc(54 / var(--vw-min) * 100vw), calc(54px * var(--max-percent)));
	background: url(../img/top/news_bg-head.png) repeat-x center bottom / contain;
}
.c-newsContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
	margin: 0 auto;
	position: relative;
}
.c-newsContentIn{
	width: 100%;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	padding-left: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	padding-right: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	position: relative;
}

@media screen and (max-width:768px){
	.c-news{
		padding-top: calc(120 / var(--vw-min) * 100vw);
		padding-bottom: calc(128 / var(--vw-min) * 100vw);
	}
	.c-news:before{
		top: calc(-52 / var(--vw-min) * 100vw);
		height: calc(54 / var(--vw-min) * 100vw);
	}
	.c-newsContent{
		max-width: 100%;
		padding: 0 calc(40 / var(--vw-min) * 100vw);
	}
	.c-newsContentIn{
		padding: calc(56 / var(--vw-min) * 100vw) 0 0 0;
	}
}


.newsLists,
.newsList{
	position: relative;
}
.newsLists:before,
.newsList:before{
	content: '';
	position: absolute;
	left: 0;
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	height: 2px;
	background-image: linear-gradient(90deg,#86531f 0px, #86531f 2px, transparent 2px, transparent 4px);
	background-repeat: repeat;
	background-size: 4px 100%;
}
.newsLists:before{
	top: 0;
}
.newsList:before{
	bottom: 0;
}
.newsLists:after,
.newsList:after{
	content: '';
	position: absolute;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	right: 0;
	-webkit-mask: url(../img/common/deco_star.svg) no-repeat center right / contain;
	mask: url(../img/common/deco_star.svg) no-repeat center right / contain;
	background-color: #86531f;
}
.newsLists:after{
	top: max(calc(-9 / var(--vw-min) * 100vw), -9px);
}
.newsList:after{
	bottom: max(calc(-9 / var(--vw-min) * 100vw), -9px);
}
.newsList__link{
	display: flex;
	align-items: center;
	text-decoration: none;
	padding: min(calc(24 / var(--vw-min) * 100vw), 24px) min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	line-height: 2;
	font-weight: 700;
}
.newsList__date{
	font-family: var(--font-en);
	color: #916e49;
	flex-shrink: 0;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	line-height: 1;
	padding-right: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.newsList__title{
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 4em;
	overflow: hidden;
	color: var(--color-main);
}

.news__linkBox{
	text-align: right;
	margin-top: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.news__linkBox .linkBox__link{
	min-width: min(calc(208 / var(--vw-min) * 100vw), 208px);
	justify-content: center;
	font-family: var(--font-en);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	padding-right: min(calc(56 / var(--vw-min) * 100vw), 56px);
	padding-left: min(calc(42 / var(--vw-min) * 100vw), 42px);
}

@media screen and (max-width:768px){
	.newsLists:before,
	.newsList:before{
		right: calc(48 / var(--vw-min) * 100vw);
	}
	.newsLists:after,
	.newsList:after{
		width: calc(36 / var(--vw-min) * 100vw);
		height: calc(36 / var(--vw-min) * 100vw);
	}
	.newsLists:after{
		top: calc(-16 / var(--vw-min) * 100vw);
	}
	.newsList:after{
		bottom: calc(-16 / var(--vw-min) * 100vw);
	}
	.newsList__link{
		padding: calc(32 / var(--vw-min) * 100vw) calc(32 / var(--vw-min) * 100vw);
		flex-direction: column;
		align-items: flex-start;
	}
	.newsList__date{
		font-size: calc(32 / var(--vw-min) * 100vw);
		padding-right: 0;
		padding-bottom: calc(8 / var(--vw-min) * 100vw);
	}
	.newsList__title{
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.news__linkBox{
		text-align: center;
		margin-top: calc(80 / var(--vw-min) * 100vw);
	}
	.news__linkBox .linkBox__link{
		min-width: calc(320 / var(--vw-min) * 100vw);
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.newsList__title > span{
		background: linear-gradient(#86531f, #86531f) right bottom / 0 2px no-repeat;
		transition: background-size 0.8s;
	}
	.newsList__link:hover .newsList__title > span{
		background-size: 100% 2px;
		background-position: left bottom;
	}
}

.news__decoImage{
	position: absolute;
	top: 0;
	right: min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
	width: min(calc(250 / var(--vw-min) * 100vw), 250px);
	height: min(calc(170 / var(--vw-min) * 100vw), 170px);
	margin-top: max(calc(-82 / var(--vw-min) * 100vw), -82px);
	margin-right: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
}
.news__decoImage--img{
	width: 100%;
	height: 100%;
	transform: rotate(15deg);
}
.news__decoImage--img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width:768px){
	.news__decoImage{
		right: calc(36 / var(--vw-min) * 100vw);
		margin-top: calc(-184 / var(--vw-min) * 100vw);
		margin-right: unset;
		width: calc(248 / var(--vw-min) * 100vw);
		height: calc(168 / var(--vw-min) * 100vw);
	}
}


/** ANIMATION **/
.news__decoImage{
	transform: translateY(50%);
	opacity: 0;
	transition: opacity .3s ease, transform .3s ease;
}
.news__decoImage--img img{
	transform: rotateY(360deg);
	transition: transform .8s cubic-bezier(.35,.15,.3,1.08) .3s;
}
.--is-ani .news__decoImage{
	opacity: 1;
	transform: translateY(0%);
}
.--is-ani .news__decoImage--img img{
	transform: rotateY(0deg);
}

.newsLists:before,
.newsList:before{
	right: 100%;
	transition: right .4s ease;
}
.newsLists:after,
.newsList:after{
	opacity: 0;
	transform: scale(20%) rotate(45deg);
	transition: transform .4s ease, opacity .3s ease;
}
.--is-ani .newsLists:before,
.--is-ani .newsList:before{
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	transition-delay: .2s;
}
.--is-ani .newsLists:after,
.--is-ani .newsList:after{
	opacity: 1;
	transform: scale(100%) rotate(0deg);
	transition-delay: .4s;
}
.newsList__link{
	opacity: 0;
	transform: scale(95%);
	transition: opacity .3s ease, transform .3s ease;
}
.c-news:not(.--is-ani) .newsList__link{
	pointer-events: none;
}
.--is-ani .newsList__link{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .6s;
}
.news__linkBox{
	opacity: 0;
	transform: translateY(25%);
	transition: opacity .3s ease, transform .3s ease;
}
.c-news:not(.--is-ani) .news__linkBox > .linkBox__link{
	pointer-events: none;
}
.--is-ani .news__linkBox{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .8s;
}




/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.c-introduction{
	width: 100%;
	position: relative;
	background-color: #e4babf;
	padding-top: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
	padding-bottom: calc(160 / var(--vw-min) * 100vw);
	overflow: hidden;
}
.c-introductionContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.c-introductionContentIn{
	width: 100%;
	padding-top: min(calc(64 / var(--vw-min) * 100vw), calc(64px * var(--max-percent)));
	padding-left: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	padding-right: min(calc(120 / var(--vw-min) * 100vw), calc(120px * var(--max-percent)));
	position: relative;
	z-index: 1;
}
#introduction .p-content__title{
	align-items: flex-end;
}
#introduction .p-content__title--en_txt:nth-of-type(2){
	padding-left: 0.85em;
}
#introduction .p-content__title--ja{
	margin-bottom: 1.5em;
}


@media screen and (max-width:768px){
	.c-introduction{
		padding-top: calc(120 / var(--vw-min) * 100vw);
		padding-bottom: calc(142 / var(--vw-min) * 100vw);
	}
	.c-introductionContent{
		max-width: 100%;
		padding: 0;
	}
	.c-introductionContentIn{
		padding-top: calc(64 / var(--vw-min) * 100vw);
		padding-left: calc(48 / var(--vw-min) * 100vw);
		padding-right: calc(48 / var(--vw-min) * 100vw);
	}
	#introduction .p-content__title{
		width: 100%;
		padding-left: calc(40 / var(--vw-min) * 100vw);
		padding-right: calc(40 / var(--vw-min) * 100vw);
		flex-direction: column;
		align-items: center;
	}
	#introduction .p-content__title--en_txt:nth-of-type(2){
		padding-left: 0.7em;
	}
	#introduction .p-content__title--ja{
		margin-bottom: 0;
		margin-top: 0.75em;
		margin-left: 0;
	}
}



.introduction__textArea{
	position: relative;
	z-index: 1;
	padding-top: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	font-size: min(calc(18 / var(--vw-min) * 100vw), calc(18px * var(--max-percent)));
	font-weight: 700;
	line-height: 2.3334;
	text-align: center;
}
.introduction__text{
	position: relative;
	text-shadow: 0 0 min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))) #FFF, 0 0 min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent))) #FFF, 0 0 min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent))) #FFF, 0 0 min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) #FFF, 0 0 min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent))) #FFF, 0 0 min(calc(4 / var(--vw-min) * 100vw), calc(4px * var(--max-percent))) #FFF;
}
.introduction__text:nth-of-type(1){
	z-index: 1;
}
.introduction__text--catch{
	line-height: 1;
	height: min(calc(45 / var(--vw-min) * 100vw), calc(45px * var(--max-percent)));
	filter: drop-shadow(0 0 min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent))) #FFF) drop-shadow(0 0 min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent))) #FFF);
	margin: 0.125em 0 0.5em;
}
.introduction__text--catch img{
	display: inline-block;
	height: 100%;
}

.introduction__text--band{
	margin-top: min(calc(40 / var(--vw-min) * 100vw), calc(40px * var(--max-percent)));
	font-size: min(calc(32 / var(--vw-min) * 100vw), calc(32px * var(--max-percent)));
	font-weight: 700;
	line-height: 1;
	color: #c01aff;
}
.introduction__text--band_txt{
	display: inline-block;
	background-color: #000;
	padding: 0.125em 0.25em;
}

@media screen and (max-width:768px){
	.introduction__textArea{
		padding-top: 0;
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.introduction__text{
		text-shadow: 0 0 calc(40 / var(--vw-min) * 100vw) #FFF, 0 0 calc(32 / var(--vw-min) * 100vw) #FFF, 0 0 calc(24 / var(--vw-min) * 100vw) #FFF, 0 0 calc(16 / var(--vw-min) * 100vw) #FFF, 0 0 calc(12 / var(--vw-min) * 100vw) #FFF, 0 0 calc(8 / var(--vw-min) * 100vw) #FFF, 0 0 calc(6 / var(--vw-min) * 100vw) #FFF, 0 0 calc(4 / var(--vw-min) * 100vw) #FFF, 0 0 calc(2 / var(--vw-min) * 100vw) #FFF, 0 0 calc(8 / var(--vw-min) * 100vw) #FFF;
	}
	.introduction__text--catch{
		height: calc(98 / var(--vw-min) * 100vw);
		margin-top: 0.5em;
	}
	.introduction__text--band{
		margin-top: calc(56 / var(--vw-min) * 100vw);
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
}



/**
* decoBG
**/
.introduction__decoBgArea{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.introduction__decoBg{
	position: absolute;
	width: min(calc(174 / var(--vw-min) * 100vw), calc(174px * var(--max-percent)));
	height: min(calc(183 / var(--vw-min) * 100vw), calc(183px * var(--max-percent)));
	filter: drop-shadow(min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) min(calc(8 / var(--vw-min) * 100vw), calc(8px * var(--max-percent))) min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent))) #c9c4b3);
}
.introduction__decoBg--mask{
	position: relative;
	width: 100%;
	height: 100%;
	-webkit-mask: url(../img/top/introduction_deco-mask.svg) no-repeat center / contain;
	mask: url(../img/top/introduction_deco-mask.svg) no-repeat center / contain;
}
.introduction__decoBg--mask:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/introduction_deco-border.svg) no-repeat center / contain;
}
.introduction__decoBg--image{
	width: 104.5977%;/* 182 */
	height: 104.3716%;/* 191 */
	position: absolute;
	top: 0;
	left: 0;
	margin-top: -2.2989%;/* 4 */
	margin-left: -2.2989%;/* 4 */
}
.introduction__decoBg--image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}


.introduction__decoBg.-a{
	top: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	right: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}

.introduction__decoBg.-b{
	bottom: max(calc(-30 / var(--vw-min) * 100vw), calc(-30px * var(--max-percent)));
	right: max(calc(-32 / var(--vw-min) * 100vw), calc(-32px * var(--max-percent)));
}
.introduction__decoBg.-b .introduction__decoBg--mask{
	transform: rotate(40.17deg);
}
.introduction__decoBg.-b .introduction__decoBg--image{
	transform: rotate(-40.17deg);
}

.introduction__decoBg.-c{
	top: max(calc(-12 / var(--vw-min) * 100vw), calc(-12px * var(--max-percent)));
	left: max(calc(-80 / var(--vw-min) * 100vw), calc(-80px * var(--max-percent)));
}
.introduction__decoBg.-c .introduction__decoBg--mask{
	transform: rotate(40.17deg);
}
.introduction__decoBg.-c .introduction__decoBg--image{
	transform: rotate(-40.17deg);
}

.introduction__decoBg.-d{
	bottom: max(calc(-6 / var(--vw-min) * 100vw), calc(-6px * var(--max-percent)));
	left: min(calc(25 / var(--vw-min) * 100vw), calc(25px * var(--max-percent)));
}
.introduction__decoBg.-d .introduction__decoBg--mask{
	transform: rotate(30deg);
}
.introduction__decoBg.-d .introduction__decoBg--image{
	transform: rotate(-30deg);
}

@media screen and (max-width:768px){
	.introduction__decoBg{
		width: calc(164 / var(--vw-min) * 100vw);
		height: calc(145 / var(--vw-min) * 100vw);
	}
	.introduction__decoBg.-a{
		top: calc(135 / var(--vw-min) * 100vw);
		right: calc(10 / var(--vw-min) * 100vw);
	}
	.introduction__decoBg.-b{
		bottom: calc(293 / var(--vw-min) * 100vw);
		right: calc(-28 / var(--vw-min) * 100vw);
	}
	.introduction__decoBg.-c{
		top: calc(147 / var(--vw-min) * 100vw);
		left: calc(-14 / var(--vw-min) * 100vw);
	}
	.introduction__decoBg.-d{
		bottom: calc(335 / var(--vw-min) * 100vw);
		left: calc(22 / var(--vw-min) * 100vw);
	}
}




/**
* Bg
**/
.introduction__bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.introduction__bg--layer{
	position: absolute;
	left: 0;
	right: 0;
	background-repeat: no-repeat;
	background-size: cover;
}
.introduction__bg--layer.-a{
	top: 0;
	height: 100%;
	background-image: url(../img/top/introduction_bg.jpg);
	background-position: center top;
	opacity: 60%;
}
@supports (background-image: url(../img/top/introduction_bg.webp)){
	.introduction__bg--layer.-a{
		background-image:url(../img/top/introduction_bg.webp);
	}
}
.introduction__bg--layer.-b{
	bottom: 0;
	width: 100%;
	padding-top: 28.4773%;
	background-image: url(../img/top/introduction_bg-foot.png);
	background-position: center bottom;
}
@supports (background-image: url(../img/top/introduction_bg-foot.webp)){
	.introduction__bg--layer.-b{
		background-image:url(../img/top/introduction_bg-foot.webp);
	}
}

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



/** ANIMATION **/
.introduction__text,
.introduction__text--catch,
.introduction__text--band{
	opacity: 0;
	transform: translateY(2em);
	transition: transform .4s ease, opacity .3s ease;
}
.introduction__text.--is-ani,
.introduction__text--catch.--is-ani,
.introduction__text--band.--is-ani{
	opacity: 1;
	transform: translateY(0em);
}

@keyframes ani_hexagon {
	0%,8.33%{
		transform: rotate(0deg);
	}
	16.67%,25%{
		transform: rotate(60deg);
	}
	33.33%,41.67%{
		transform: rotate(120deg);
	}
	50%,58.33%{
		transform: rotate(180deg);
	}
	66.67%,75%{
		transform: rotate(240deg);
	}
	83.33%, 91.67%{
		transform: rotate(300deg);
	}
	100%{
		transform: rotate(360deg);
	}
}
@keyframes ani_hexagon-r {
	0%,8.33%{
		transform: rotate(0deg);
	}
	16.67%,25%{
		transform: rotate(-60deg);
	}
	33.33%,41.67%{
		transform: rotate(-120deg);
	}
	50%,58.33%{
		transform: rotate(-180deg);
	}
	66.67%,75%{
		transform: rotate(-240deg);
	}
	83.33%, 91.67%{
		transform: rotate(-300deg);
	}
	100%{
		transform: rotate(-360deg);
	}
}

.introduction__decoBg--mask{
	animation: ani_hexagon 16s linear infinite;
}
.introduction__decoBg--image img{
	animation: ani_hexagon-r 16s linear infinite;
}

.introduction__decoBg.-a .introduction__decoBg--mask{
	animation-delay: .5s;
}
.introduction__decoBg.-a .introduction__decoBg--image img{
	animation-delay: .5s;
}
.introduction__decoBg.-d .introduction__decoBg--mask{
	animation-delay: 1.0s;
}
.introduction__decoBg.-d .introduction__decoBg--image img{
	animation-delay: 1.0s;
}
.introduction__decoBg.-b .introduction__decoBg--mask{
	animation-delay: 1.5s;
}
.introduction__decoBg.-b .introduction__decoBg--image img{
	animation-delay: 1.5s;
}

.introduction__decoBgArea{
	opacity: 0;
	transition: opacity .4s ease;
}
.--is-ani .introduction__decoBgArea{
	opacity: 1;
}




/*-----------------------------------------------
 * STAFFCAST
-------------------------------------------------*/
.c-staffcast{
	width: 100%;
	position: relative;
	background: linear-gradient(90deg, rgb(47,7,85) 0%, rgb(71,10,129) 100%);
	padding-top: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
	padding-bottom: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
}
.c-staffcast:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/bg_img-ms_1.jpg) no-repeat center / cover;
	opacity: 30%;
}
@supports (background-image: url(../img/common/bg_img-ms_1.webp)){
	.c-staffcast:before{
		background-image:url(../img/common/bg_img-ms_1.webp);
	}
}
.c-staffcastContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.c-staffcastContentIn{
	width: 100%;
	padding-top: min(calc(96 / var(--vw-min) * 100vw), calc(96px * var(--max-percent)));
	position: relative;
	z-index: 1;
	color: #FFF;
}
.staffcastCont{
	width: 100%;
	position: relative;
}
.staffcastCont:not(:first-child){
	padding-top: min(calc(120 / var(--vw-min) * 100vw), 120px);
}
.staffcast_h3{
	text-align: center;
	font-family: var(--font-en);
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	font-weight: 700;
	line-height: 0.8;
}
.staffcast_h3 > span{
	display: inline-block;
	padding: 0 min(calc(32 / var(--vw-min) * 100vw), 32px);
	position: relative;
}
.staffcast_h3 > span:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background: url(../img/common/deco_star-wh.svg) no-repeat center / contain;
	margin: auto 0;
}
.staffcast_h3 > span:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background: url(../img/common/deco_star-wh.svg) no-repeat center / contain;
	margin: auto 0;
}
.staffcastContIn{
	padding-top: min(calc(72 / var(--vw-min) * 100vw), 72px);
}
.staffcastLists{
	display: flex;
	flex-wrap: wrap;
	row-gap: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.staffcastLists.-center{
	justify-content: center;
}
.staffcastLists.-mt{
	margin-top: min(calc(80 / var(--vw-min) * 100vw), 80px);
}
.staffcastList{
	width: calc(100% / 3);
	padding: 0 1em;
}
.staffcastList__job{
	text-align: center;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	line-height: 1;
	color: var(--color-sub);
}
.staffcastList__name{
	padding-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	font-weight: 700;
	line-height: 1.5;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.staffcastList__name.-noWrap{
	align-items: center;
	gap: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.btn_comment{
	display: block;
	position: relative;
	width: min(calc(44 / var(--vw-min) * 100vw), 44px);
	height: min(calc(33 / var(--vw-min) * 100vw), 33px);
	background: url(../img/common/icon_comment.svg) no-repeat center / contain;
}

@media screen and (max-width:768px){
	.c-staffcast{
		padding-top: calc(120 / var(--vw-min) * 100vw);
		padding-bottom: calc(120 / var(--vw-min) * 100vw);
	}
	.c-staffcastContent{
		max-width: 100%;
		padding: 0;
	}
	#staffcast .p-content__title{
		width: 100%;
		flex-direction: column;
		align-items: center;
	}
	#staffcast .p-content__title--ja{
		margin-top: 0.75em;
		margin-left: 0;
	}
	.c-staffcastContentIn{
		padding-top: calc(80 / var(--vw-min) * 100vw);
		padding-left: calc(54 / var(--vw-min) * 100vw);
		padding-right: calc(54 / var(--vw-min) * 100vw);
	}
	.staffcastCont:not(:first-child){
		padding-top: calc(112 / var(--vw-min) * 100vw);
	}
	.staffcast_h3{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.staffcast_h3 > span{
		padding: 0 calc(36 / var(--vw-min) * 100vw);
	}
	.staffcast_h3 > span:before,
	.staffcast_h3 > span:after{
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}
	.staffcastContIn{
		padding-top: calc(56 / var(--vw-min) * 100vw);
	}
	.staffcastLists{
		row-gap: calc(56 / var(--vw-min) * 100vw);
	}
	.staffcastLists.-mt{
		margin-top: calc(56 / var(--vw-min) * 100vw);
	}
	.staffcastList{
		width: 50%;
		padding: 0 calc(18 / var(--vw-min) * 100vw);
	}
	.staffcastList__job{
		text-align: left;
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.staffcastList__name{
		font-size: calc(32 / var(--vw-min) * 100vw);
		padding-top: calc(8 / var(--vw-min) * 100vw);
		justify-content: flex-start;
	}
	.staffcastList__name.-noWrap{
		gap: calc(16 / var(--vw-min) * 100vw);
	}
	.btn_comment{
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(32 / var(--vw-min) * 100vw);
	}
}

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


/** ANIMATION **/
.staffcastList__job{
	opacity: 0;
	transform: translateY(1em);
	transition: opacity .3s ease, transform .3s ease;
}
.staffcastList__name{
	opacity: 0;
	transform: translateY(-0.5em);
	transition: opacity .3s ease, transform .3s ease;
}
.staffcastCont.--is-ani .staffcastList__job,
.staffcastCont.--is-ani .staffcastList__name{
	opacity: 1;
	transform: translateY(0em);
	transition-delay: .2s;
}


/*-----------------------------------------------
 * COMMENT
-------------------------------------------------*/
#commentCont{
	position: relative;
	width: min(calc(870 / var(--vw-min) * 100vw), calc(870px * var(--max-percent)));
	max-width: 100%;
	padding: min(calc(100 / var(--vw-min) * 100vw), 100px) min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	padding: min(calc(100 / var(--vw-min) * 100vw), 100px) min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	background-color: #fff;
}
.commentCont__Bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/common/article_frame-side_lt.png), url(../img/common/article_frame-side_rt.png), url(../img/common/article_frame-side_rb.png), url(../img/common/article_frame-side_lb.png);
	background-repeat: no-repeat;
	background-position: left top, right top, right bottom, left bottom;
	background-size: min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent))) min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent)));
}
.commentCont__Bg:before{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	right: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	background-image: url(../img/common/article_frame-line_t.png), url(../img/common/article_frame-line_b.png);
	background-repeat: repeat-x;
	background-position: center top, center bottom;
	background-size: min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent))) min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent)));
}
.commentCont__Bg:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	bottom: min(calc(29 / var(--vw-min) * 100vw), calc(29px * var(--max-percent)));
	background-image: url(../img/common/article_frame-line_l.png), url(../img/common/article_frame-line_r.png);
	background-repeat: repeat-y;
	background-position: left center, right center;
	background-size: min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent))) min(calc(30 / var(--vw-min) * 100vw), calc(30px * var(--max-percent)));
}
.commentContIn{
	width: 100%;
	position: relative;
	z-index: 1;
}
#js-commentModalCont{
	width: 100%;
	display: flex;
}
.comment__img{
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	flex-shrink: 0;
	margin-right: min(calc(64 / var(--vw-min) * 100vw), 64px);
	text-align: center;
}
.comment__img img{
	width: 100%;
	max-width: 100%;
	border: 1px solid #bf9c47;
}

.commentCont_ttl{
	display: flex;
	flex-direction: column;
	gap: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: 700;
	line-height: 1;
}
.commentCont_ttl--job{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	color: var(--color-sub);
}
.commentCont_ttl--name{
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
}
.comment__detailIn{
	padding-top: min(calc(26 / var(--vw-min) * 100vw), 26px);
}
.comment__text{
	font-weight: 700;
	line-height: 1.5;
}


.modalBox[data-option="-img100"] #js-commentModalCont{
	flex-wrap: wrap;
}
.modalBox[data-option="-img100"] .comment__img{
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	margin-bottom: min(calc(56 / var(--vw-min) * 100vw), 56px);
}

@media screen and (max-width:768px){
	#commentCont{
		width: calc(670 / var(--vw-min) * 100vw);
		padding: calc(120 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
		margin: auto;
	}
	.commentCont__Bg{
		background-size: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
	.commentCont__Bg:before{
		left: calc(29 / var(--vw-min) * 100vw);
		right: calc(29 / var(--vw-min) * 100vw);
		background-size: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
	.commentCont__Bg:after{
		top: calc(29 / var(--vw-min) * 100vw);
		bottom: calc(29 / var(--vw-min) * 100vw);
		background-size: calc(30 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
	#js-commentModalCont{
		flex-direction: column;
	}
	.comment__img{
		width: 100%;
		margin-right: unset;
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
	.commentCont_ttl{
		gap: calc(14 / var(--vw-min) * 100vw);
	}
	.commentCont_ttl--job{
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
	.commentCont_ttl--name{
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.comment__detailIn{
		padding-top: calc(40 / var(--vw-min) * 100vw);
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
	.comment__text{
		line-height: 1.7143;
	}

	.modalBox[data-option="-img100"] .comment__img{
		width: 100%;
		margin-bottom: calc(40 / var(--vw-min) * 100vw);
	}
}




/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.c-books{
	width: 100%;
	position: relative;
	padding-top: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
	padding-bottom: min(calc(140 / var(--vw-min) * 100vw), calc(140px * var(--max-percent)));
	overflow: hidden;
}
.c-bookContent{
	width: 100%;
	max-width: min(calc(1366 / var(--vw-min) * 100vw), calc(1366px * var(--max-percent)));
	padding: 0 min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
.c-bookContentIn{
	width: 100%;
	padding-top: min(calc(96 / var(--vw-min) * 100vw), 96px);
	position: relative;
	z-index: 1;
	color: #FFF;
}

@media screen and (max-width:768px){
	.c-books{
		padding-top: calc(120 / var(--vw-min) * 100vw);
		padding-bottom: calc(120 / var(--vw-min) * 100vw);
	}
	.c-bookContent{
		max-width: 100%;
		padding: 0 calc(40 / var(--vw-min) * 100vw);
	}
	#books .p-content__title{
		position: relative;
		z-index: 1;
	}
	.c-bookContentIn{
		padding-top: calc(56 / var(--vw-min) * 100vw);
	}
}


#books .cont_fixedBg__image{
	background: linear-gradient(90deg, rgb(25,2,46) 0%, rgb(47,7,85) 100%);
}
#books .cont_fixedBg__image:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/top/books_bg-ptn.png) repeat center / min(calc(600 / var(--vw-min) * 100vw), 600px) min(calc(600 / var(--vw-min) * 100vw), 600px);
}
@supports (background-image: url(../img/top/books_bg-ptn.webp)){
	#books .cont_fixedBg__image:before{
		background-image:url(../img/top/books_bg-ptn.webp);
	}
}

.booksSwiper.swiper{
	overflow: unset!important;
}
.bookList{
	width: min(calc(254 / var(--vw-min) * 100vw), calc(254px * var(--max-percent)));
	margin-right: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
}
.bookList__link{
	display: block;
	text-decoration: none;
	color: #FFF;
}
.bookList__img{
	width: 100%;
	padding-top: 142.126%;/* 361 */
	position: relative;
}
.bookList__img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.bookList__title{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	line-height: 1.5556;
	margin-top: 7.8741%;/* 20 */
}

.bookSwiper__scrlbar{
	width: 100%;
	height: 4px;
	margin: min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent))) auto 0;
	position: relative;
	background-color: #FFF;
	border-radius: 0px;
}
.bookSwiper__scrlbar .swiper-scrollbar-drag {
	height: 100%;
	background: transparent;
	cursor: pointer;
	background-color: #e600c8;
	border-radius: 0px;
}

@media screen and (max-width:768px){
	.bookList{
		width: calc(254 / var(--vw-min) * 100vw);
		margin-right: calc(32 / var(--vw-min) * 100vw);
	}
	.bookList__title{
		font-size: calc(24 / var(--vw-min) * 100vw);
		line-height: 1.6667;
		margin-top: 6.2993%;
	}
	.bookSwiper__scrlbar{
		margin-top: calc(40 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
	}
}


/**
* BOOK INFOAREA
**/
.book__infoArea{
	position: absolute;
	top: 0;
	left: min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
	right: min(calc(163 / var(--vw-min) * 100vw), calc(163px * var(--max-percent)));
}
.book__infoCont{
	width: min(calc(176 / var(--vw-min) * 100vw), 176px);
	height: min(calc(176 / var(--vw-min) * 100vw), 176px);
	position: absolute;
	top: max(calc(-12 / var(--vw-min) * 100vw), -12px);
	right: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	transform: rotate(15deg);
}
.book__infoCont:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/top/books_infoFrame.png) no-repeat center / contain;
	animation: ani_rotate 24s linear infinite;
}
.book_infoText{
	font-family: var(--font-mix);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.3;
	color: #64b4ff;
	text-align: center;
}
.book_infoText-l{
	font-size: min(calc(32 / var(--vw-min) * 100vw), 32px);
}

@media screen and (max-width:768px){
	.book__infoArea{
		left: 0;
		right: 0;
	}
	.book__infoCont{
		width: calc(176 / var(--vw-min) * 100vw);
		height: calc(176 / var(--vw-min) * 100vw);
		top: calc(-88 / var(--vw-min) * 100vw);
		right: calc(12 / var(--vw-min) * 100vw);
	}
	.book_infoText{
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
	.book_infoText-l{
		width: calc(30 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.bookList__img{
		overflow: hidden;
	}
	.bookList__img:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: rgba(39, 5, 70, 20%);
		z-index: 1;
		opacity: 0;
		transition: opacity .3s ease;
	}
	.bookList__img img{
		transition: transform .3s ease;
	}
	.bookList__link:hover .bookList__img img{
		transform: scale(102%) rotate(0.5deg);
	}
	.bookList__link:hover .bookList__img:before{
		opacity: 1;
	}
}


/** ANIMATION **/
.bookList__img{
	transform: scale(80%);
	opacity: 0;
	transition: transform .4s ease, opacity .3s ease
}
.bookList__title{
	transform: translateY(1em);
	opacity: 0;
	transition: transform .4s ease, opacity .3s ease
}

.--is-ani .bookList__img{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .4s;
}
.--is-ani .bookList__title{
	transform: translateY(0em);
	opacity: 1;
	transition-delay: .6s;
}

.bookSwiper__scrlbar{
	opacity: 0;
	transition: opacity .6s ease .6s;
}
.--is-ani .bookSwiper__scrlbar{
	opacity: 1;
}

.book__infoCont{
	opacity: 0;
	transform: scale(80%) rotate(15deg);
	transition: opacity .3s ease, transform .4s cubic-bezier(.35,.15,.3,1.08);
}
.--is-ani .book__infoCont{
	transform: scale(100%) rotate(15deg);
	opacity: 1;
	transition-delay: .2s;
}



/*-----------------------------------------------
 * underContents
-------------------------------------------------*/
.underContentWrap{
	width: 100%;
	position: relative;
	background-color: #000;
}
.underCont__firstCont{
	width: 100%;
	height: 200vh;
	position: relative;
	z-index: 1;
}
.underCont__firstCont--color{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #08000f;
	pointer-events: none;
}
.underCont__firstCont--image{
	opacity: 20%;
	z-index: 0;
}
.underCont__firstCont--image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center top;
}

.underCont__firstCont--scl_img{
	position: absolute;
	top: 25vh;
	left: 0;
	width: 1px;
	height: 100vh;
	opacity: 0;
}
.underCont__firstCont--scl_color{
	position: absolute;
	top: 100vh;
	width: 1px;
	height: 100vh;
	opacity: 0;
}



.underCont__eventCont{
	position: relative;
	width: 100%;
	height: 200vh;
	margin-top: -100vh;
}
.underCont__eventContIn{
	position: sticky;
	top: 0;
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
}

.underCont__eventLinkBox{
	text-align: center;
}
.underCont__eventLinkBox .linkBox__link{
	width: min(calc(208 / var(--vw-min) * 100vw), calc(208px * var(--max-percent)));
	font-family: "Noto Color Emoji", var(--font-ja);
	font-weight: 700;
	font-size: min(calc(18 / var(--vw-min) * 100vw), calc(18px * var(--max-percent)));
	justify-content: center;
	touch-action: manipulation;
}
.underCont__eventLinkBox  .linkBox__link--txt{
	display: inline-flex;
	align-items: center;
	line-height: 1;
}
.underCont__eventLinkBox  .linkBox__link--txt > .emoji{
	font-size: min(calc(26 / var(--vw-min) * 100vw), calc(26px * var(--max-percent)));
	padding-right: 0.125em;
}
.letter {
	position: fixed;
	font-size: min(calc(24 / var(--vw-min) * 100vw), calc(24px * var(--max-percent)));
	animation: ani_floatUp 1.5s forwards;
	pointer-events: none;
}
@keyframes ani_floatUp {
	0% {
		transform: translateY(0) scale(1);
		opacity: 1;
	}
	100% {
		transform: translateY(-120px) scale(1.5);
		opacity: 0;
	}
}

.underCont__event--text{
	color: #FFF;
	font-size: min(calc(18 / var(--vw-min) * 100vw), calc(18px * var(--max-percent)));
	font-weight: 700;
	margin-top: min(calc(14 / var(--vw-min) * 100vw), calc(14px * var(--max-percent)));
}


@media screen and (max-width:768px){
	.underCont__firstCont--image{
		opacity: 30%;
	}
	.underCont__eventLinkBox .linkBox__link{
		width: calc(320 / var(--vw-min) * 100vw);
		font-size: calc(32 / var(--vw-min) * 100vw);
	}
	.underCont__eventLinkBox  .linkBox__link--txt > .emoji{
		font-size: calc(42 / var(--vw-min) * 100vw);
	}
	.letter {
		font-size: calc(40 / var(--vw-min) * 100vw);
	}
	.underCont__event--text{
		font-size: calc(32 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}


/**
* underCont__endCont
**/
.underCont__endCont{
	position: fixed;
	z-index: 10;
	top: 0;
	width: 100%;
	height: 100%;
	background: #e4babf;
	display: none;
}
.underCont__endCont:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(../img/common/bg_ptn.png) repeat center / min(calc(600 / var(--vw-min) * 100vw), 600px) min(calc(600 / var(--vw-min) * 100vw), 600px);
	opacity: 20%;
}
.underCont__endCont--imageWrap{
	position: relative;
	width: 100%;
	height: 100%;
	mask-image: url(../img/top/underCont__mask.svg);
	mask-repeat: no-repeat;
	mask-position: center;
	mask-size: 0px;
	animation: ani_underCont_maskSize 1.4s ease;
	animation-play-state: paused;
}
.underCont__endCont--imageWrap:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(../img/top/underCont__mask-border.svg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: 0px;
	animation: ani_underCont_bgSize 1.4s ease;
	animation-play-state: paused;
}
.underCont__endCont--image{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.underCont__endCont--image img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center 12.5%;
}

@keyframes ani_underCont_maskSize {
	0%{
		mask-size: 0px;
	}
	100%{
		mask-size: 250vw;
	}
}
@keyframes ani_underCont_bgSize {
	0%{
		background-size: 0px;
	}
	100%{
		background-size: 250vw;
	}
}
@media (orientation: portrait){
	@keyframes ani_underCont_maskSize {
		0%{
			mask-size: 0px;
		}
		100%{
			mask-size: 250vh
		}
	}
	@keyframes ani_underCont_bgSize {
		0%{
			background-size: 0px;
		}
		100%{
			background-size: 250vh;
		}
	}
}

.underCont__endCont.--is-running .underCont__endCont--imageWrap,
.underCont__endCont.--is-running .underCont__endCont--imageWrap:after{
	animation-play-state: running;
	animation-fill-mode: forwards;
	will-change: mask-size, background-size;
}