@charset "utf-8";
.contBg_cs{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: calc(1260 / var(--vw-min) * 100vw);
	height: min(calc(718 / var(--vh-min) * 100vh), 718px);
	margin: auto 0;
	display: flex;
	justify-content: flex-end;
}
.contBg_cs--img{
	width: 100%;
	height: 100%;
	background-image: url(../img/top/bg_rousoku.png);
	background-repeat: repeat-x;
	background-position: right center;
	background-size: min(calc(1260 / var(--vw-min) * 100vw), 1260px) min(calc(718 / var(--vw-min) * 100vw), 718px);
}
.candleStick__nowWrap{
	width: min(calc(14 / var(--vw-min) * 100vw), 14px);
	margin-left: min(calc(6 / var(--vw-min) * 100vw), 6px);
	flex-shrink: 0;
	position: relative;
}
.candleStick__now{
	position: absolute;
	top: calc(50% - min(calc(104 / var(--vw-min) * 100vw), 104px));
	right: 0;
	height: calc(50vh + min(calc(104 / var(--vw-min) * 100vw), 104px) - min(calc(30 / var(--vw-min) * 100vw), 30px));
	width: min(calc(14 / var(--vw-min) * 100vw), 14px);
}
.candleStick__now:before{
	content: '';
	position: absolute;
	top: max(calc(-6 / var(--vw-min) * 100vw), -6px);
	left: 0;
	right: 0;
	width: min(calc(2 / var(--vw-min) * 100vw), 2px);
	height: min(calc(6 / var(--vw-min) * 100vw), 6px);
	background-color: #4fdfdf;
	margin: 0 auto;
}
.candleStick__now--bar{
	width: 100%;
	min-height: min(calc(80 / var(--vw-min) * 100vw), 80px);
	background-color: #4fdfdf;
}


.candleStick__archiveWrap{
	flex-shrink: 0;
	position: relative;
	display: flex;
}
.candleStick__archive{
	width: min(calc(14 / var(--vw-min) * 100vw), 14px);
	height: 100%;
	margin-left: min(calc(6 / var(--vw-min) * 100vw), 6px);
	position: relative;
}
.candleStick__archiveCont{
	position: absolute;
	top: calc(50% - min(calc(104 / var(--vw-min) * 100vw), 104px));
	right: 0;
	width: 100%;
	height: calc(50vh + min(calc(104 / var(--vw-min) * 100vw), 104px) - min(calc(30 / var(--vw-min) * 100vw), 30px));
}

/* CS */
:root{
	--sc-yin: #4fdfdf;
	--sc-yang: #FF9FC7;
}

.candleStick__archive--shadow{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: min(calc(2 / var(--vw-min) * 100vw), 2px);
}
.candleStick__archive--body{
	position: absolute;
	width: 100%;
}

.candleStick__archive[data-result="yin"] .candleStick__archive--shadow,
.candleStick__archive[data-result="yin"] .candleStick__archive--body{
	background-color: var(--sc-yin);
}
.candleStick__archive[data-result="yang"] .candleStick__archive--shadow,
.candleStick__archive[data-result="yang"] .candleStick__archive--body{
	background-color: var(--sc-yang);
}



@media screen and (max-width:768px){
	.contBg_cs{
		width: calc(340 / var(--vw-min) * 100vw);
	}
	.candleStick__now,
	.candleStick__archiveCont{
		height: calc(50vh + min(calc(104 / var(--vw-min) * 100vw), 104px) - calc(12 / var(--vw-min) * 100vw));
	}
}

/*-----------------------------------------------
 * TOP - NAV
-------------------------------------------------*/
body[data-nowsection="hero"] .header-navLists .navList__link[data-nav="#hero"]{
	background-color: var(--color-pink);
	transform: translateY(2px);
}
body[data-nowsection="hero"] .header-navLists .navList__link[data-nav="#hero"] .navList__link--deco:before,
body[data-nowsection="hero"] .header-navLists .navList__link[data-nav="#hero"] .navList__link--deco:after{
	opacity: 1;
	transform: translateY(0%);
}
body[data-nowsection="news"] .header-navLists .navList__link[data-nav="#news"]{
	background-color: var(--color-pink);
	transform: translateY(2px);
}
body[data-nowsection="news"] .header-navLists .navList__link[data-nav="#news"] .navList__link--deco:before,
body[data-nowsection="news"] .header-navLists .navList__link[data-nav="#news"] .navList__link--deco:after{
	opacity: 1;
	transform: translateY(0%);
}
body[data-nowsection="introduction"] .header-navLists .navList__link[data-nav="#introduction"]{
	background-color: var(--color-pink);
	transform: translateY(2px);
}
body[data-nowsection="introduction"] .header-navLists .navList__link[data-nav="#introduction"] .navList__link--deco:before,
body[data-nowsection="introduction"] .header-navLists .navList__link[data-nav="#introduction"] .navList__link--deco:after{
	opacity: 1;
	transform: translateY(0%);
}
body[data-nowsection="character"] .header-navLists .navList__link[data-nav="#character"]{
	background-color: var(--color-pink);
	transform: translateY(2px);
}
body[data-nowsection="character"] .header-navLists .navList__link[data-nav="#character"] .navList__link--deco:before,
body[data-nowsection="character"] .header-navLists .navList__link[data-nav="#character"] .navList__link--deco:after{
	opacity: 1;
	transform: translateY(0%);
}
body[data-nowsection="staffcast"] .header-navLists .navList__link[data-nav="#staffcast"]{
	background-color: var(--color-pink);
	transform: translateY(2px);
}
body[data-nowsection="staffcast"] .header-navLists .navList__link[data-nav="#staffcast"] .navList__link--deco:before,
body[data-nowsection="staffcast"] .header-navLists .navList__link[data-nav="#staffcast"] .navList__link--deco:after{
	opacity: 1;
	transform: translateY(0%);
}
body[data-nowsection="books"] .header-navLists .navList__link[data-nav="#books"]{
	background-color: var(--color-pink);
	transform: translateY(2px);
}
body[data-nowsection="books"] .header-navLists .navList__link[data-nav="#books"] .navList__link--deco:before,
body[data-nowsection="books"] .header-navLists .navList__link[data-nav="#books"] .navList__link--deco:after{
	opacity: 1;
	transform: translateY(0%);
}




/*-----------------------------------------------
 * TOP - HERO
-------------------------------------------------*/
.c-hero{
	width: 100%;
	height: 100vh;
	max-height: calc(768 / var(--vw-min) * 100vw);
	position: relative;
}
.c-heroContainer{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.c-hero__visualArea{
	width: 100%;
	height: 100vh;
	max-height: calc(768 / var(--vw-min) * 100vw);
	position: relative;
}
.hero_visualLists{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.hero_visualImage{
	position: absolute;
}
.hero_visualImage img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
@media screen and (max-width:768px){
	.c-hero{
		height: calc(667 / var(--vw-min) * 100vw);
		max-height: calc(667 / var(--vw-min) * 100vw);
	}
	.c-hero__visualArea{
		height: calc(667 / var(--vw-min) * 100vw);
		max-height: calc(667 / var(--vw-min) * 100vw);
	}
}


/**
* Teaser
**/
.hero_visualList[data-visual="teaser"] .hero_visualImage{
	top: min(calc(-169 / var(--vh-min) * 100vh), calc(-169 / var(--vw-min) * 100vw));
	left: max(calc(-263 / var(--vw-min) * 100vw), calc(-263 / var(--vh-min) * 100vh));
	width: max(calc(1500 / var(--vw-min) * 100vw), calc(1500 / var(--vh-min) * 100vh));
	height: max(calc(1500 / var(--vh-min) * 100vh), calc(1500 / var(--vw-min) * 100vw));
	

	top: calc(-169 / var(--vw-min) * 100vw);
	left: calc(-263 / var(--vw-min) * 100vw);
	width: calc(1500 / var(--vw-min) * 100vw);
	height: calc(1500 / var(--vw-min) * 100vw);
}
.hero_visualList[data-visual="teaser"] .hero_visualImage img{
	object-fit: cover;
	object-position: top left;
}

@media screen and (max-width:768px){
	.hero_visualList[data-visual="teaser"] .hero_visualImage{
		top: calc(17 / var(--vw-min) * 100vw);
		left: calc(-227 / var(--vw-min) * 100vw);
		width: calc(902 / var(--vw-min) * 100vw);
		height: calc(902 / var(--vw-min) * 100vw);
	}
}


/**
* hero - logo
**/
.c-hero__logoArea{
	position: absolute;
	bottom: 0;
	right: calc(297 / var(--vw-min) * 100vw);
	width: min(calc(460 / var(--vw-min) * 100vw), 460px);

   	margin-bottom: min(calc(69 / var(--vw-min) * 100vw), 69px);

	width: min(calc(460 / var(--vw-min) * 100vw), calc(460px * var(--max-percent)));
	padding: min(calc(34 / var(--vw-min) * 100vw), calc(34px * var(--max-percent)));
}
.hero__logoArea--Bg{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.hero__logoArea--Bg:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(255,255,255,60%);
	border-radius: min(calc(30 / var(--vw-min) * 100vw), 30px);
	box-shadow: 2px 4px 10px 0 rgba(135, 17, 57, 0.40);
	backdrop-filter: blur(4px);
}
.hero__logoArea--Bg:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: min(calc(30 / var(--vw-min) * 100vw), 30px);
	border: 2px solid var(--color-pink);
}
.hero__logoArea--Bg_border{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(255,255,255, 100%) calc(100% - 1px)),
		linear-gradient(90deg, transparent calc(100% - 1px), rgba(255,255,255,100%) calc(100% - 1px));
	background-size: 20px 20px;
	background-repeat: repeat;
	background-position: center center;
	border-radius: min(calc(30 / var(--vw-min) * 100vw), 30px);
	opacity: 20%;
}

.hero__logoArea--Bg_stars{
	position: absolute;
	z-index: 1;
	top: max(calc(-29 / var(--vw-min) * 100vw), calc(-29px * var(--max-percent)));
	left: 0;
	right: 0;
	bottom: max(calc(-12 / var(--vw-min) * 100vw), calc(-12px * var(--max-percent)));
}
.hero__logoArea--Bg_star{
	position: absolute;
}
.hero__logoArea--Bg_star.-t{
	top: 0;
	left: min(calc(33 / var(--vw-min) * 100vw), calc(33px * var(--max-percent)));
	width: min(calc(71 / var(--vw-min) * 100vw), calc(71px * var(--max-percent)));
	height: min(calc(82 / var(--vw-min) * 100vw), calc(82px * var(--max-percent)));
}
.hero__logoArea--Bg_star.-t:before,
.hero__logoArea--Bg_star.-t:after{
	content: '';
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.hero__logoArea--Bg_star.-t:before{
	top: 0;
	left: 0;
	background-image: url(../img/common/deco_kira-b.svg);
	width: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
	height: min(calc(60 / var(--vw-min) * 100vw), calc(60px * var(--max-percent)));
}
.hero__logoArea--Bg_star.-t:after{
	bottom: 0;
	right: 0;
	background-image: url(../img/common/deco_kira-b.svg);
	width: min(calc(26 / var(--vw-min) * 100vw), calc(26px * var(--max-percent)));
	height: min(calc(26 / var(--vw-min) * 100vw), calc(26px * var(--max-percent)));
}
.hero__logoArea--Bg_star.-b{
	bottom: 0;
	right: min(calc(35 / var(--vw-min) * 100vw), calc(35px * var(--max-percent)));
	background: url(../img/common/deco_kira-b.svg) no-repeat center / contain;
	width: min(calc(26 / var(--vw-min) * 100vw), calc(26px * var(--max-percent)));
	height: min(calc(26 / var(--vw-min) * 100vw), calc(26px * var(--max-percent)));
}


.hero__logoContainer{
	width: 100%;
	position: relative;
}
.hero__logo--img{
	width: 100%;
}
.hero__logo--img img{
	width: 100%;
}

.hero__logo--onair{
	display: block;
	width: 100%;
	padding: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent))) min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
	position: relative;
	border-radius: min(calc(10 / var(--vw-min) * 100vw), 10px);
	background: linear-gradient(270deg, #E84478 0%, #EC6D65 100%);
	margin-top: min(calc(16 / var(--vw-min) * 100vw), calc(16px * var(--max-percent)));
}
.hero__logo--onair:before,
.hero__logo--onair:after{
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	height: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	background: url(../img/common/deco_kira.svg) no-repeat center / contain;
	margin: auto 0;
}
.hero__logo--onair:before{
	left: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}
.hero__logo--onair:after{
	right: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
}
.hero__logo--onair_img{
	display: flex;
	justify-content: center;
	height: min(calc(26 / var(--vw-min) * 100vw), calc(26px * var(--max-percent)));
}
.hero__logo--onair_img img{
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width:768px){
	.c-hero__logoArea{
		right: unset;
		left: 0;
		width: calc(303 / var(--vw-min) * 100vw);
		margin-bottom: calc(45 / var(--vw-min) * 100vw);
		padding: calc(20 / var(--vw-min) * 100vw) calc(38 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) calc(49 / var(--vw-min) * 100vw);
	}
	.hero__logoArea--Bg:before,
	.hero__logoArea--Bg:after{
		border-radius: 0 calc(16 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) 0;
	}
	.hero__logoArea--Bg:after{
		border-left: unset;
	}

	.hero__logoArea--Bg_stars{
		top: calc(-16 / var(--vw-min) * 100vw);
		bottom: calc(-12 / var(--vw-min) * 100vw);
	}
	.hero__logoArea--Bg_star.-t{
		left: calc(37 / var(--vw-min) * 100vw);
		width: calc(48 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
	}
	.hero__logoArea--Bg_star.-t:before{
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
	.hero__logoArea--Bg_star.-t:after{
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}

	.hero__logo--onair{
		width: 104%;
		margin-left: -2%;
		margin-top: calc(8 / var(--vw-min) * 100vw);
		padding: calc(8 / var(--vw-min) * 100vw) calc(28 / var(--vw-min) * 100vw);
	}
	.hero__logo--onair:before,
	.hero__logo--onair:after{
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
	.hero__logo--onair:before{
		left: calc(8 / var(--vw-min) * 100vw);
	}
	.hero__logo--onair:after{
		right: calc(8 / var(--vw-min) * 100vw);
	}
	.hero__logo--onair_img{
		height: calc(18 / var(--vw-min) * 100vw);
	}
}


/* YouTube */
.hero__youtube{
	position: absolute;
	left: calc(69 / var(--vw-min) * 100vw);
	bottom: 0;
	width: min(calc(250 / var(--vw-min) * 100vw), calc(250px * var(--max-percent)));
	margin-bottom: min(calc(69 / var(--vw-min) * 100vw), 69px);
	line-height: 0;
	filter: drop-shadow(2px 4px 10px rgba(135, 17, 57, 0.4));
}
.btn_hero__youtube{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	border-radius: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	z-index: 2;
	overflow: hidden;
}
.btn_hero__youtube:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
}
.btn_hero__youtube:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	border: 2px solid var(--color-pink);
	z-index: 2;
}
.btn_hero__youtube--thumb{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	overflow: hidden;
	opacity: 0;
	transition: opacity .3s ease;
}
.btn_hero__youtube--thumb:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-pink);
	mix-blend-mode: multiply;
}
.btn_hero__youtube--thumb img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
body.--yt-auto-pause .btn_hero__youtube--thumb{
	opacity: 1;
}
.btn_hero__youtube--icon{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	width: min(calc(66 / var(--vw-min) * 100vw), calc(66px * var(--max-percent)));
	height: min(calc(66 / var(--vw-min) * 100vw), calc(66px * var(--max-percent)));
	background: url(../img/common/icon_play.png) no-repeat center / contain;
	margin: auto;
}
.btn_hero__youtube--title{
	position: absolute;
	bottom: 0;
	right: 0;
	padding: 0 min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	margin-bottom: min(calc(12 / var(--vw-min) * 100vw), calc(12px * var(--max-percent)));
	line-height: 1;
	height: min(calc(18 / var(--vw-min) * 100vw), calc(18px * var(--max-percent)));
	display: block;
	z-index: 2;
}
.btn_hero__youtube--title img{
	height: 100%;
}
.hero__youtube--player{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: min(calc(20 / var(--vw-min) * 100vw), calc(20px * var(--max-percent)));
	overflow: hidden;
}
.hero__youtube--player:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-pink);
	mix-blend-mode: multiply;
	z-index: 1;
}
#js-yt-autoplay{
	position: absolute;
	top: -50%;
	left: 0;
	height: 200%;
}

@media screen and (max-width:768px){
	.hero__youtube{
		top: calc(22 / var(--vw-min) * 100vw);
		left: calc(22 / var(--vw-min) * 100vw);
		bottom: unset;
		width: calc(158 / var(--vw-min) * 100vw);
		margin-bottom: unset;
	}
	.btn_hero__youtube,
	.btn_hero__youtube:after,
	.btn_hero__youtube--thumb{
		border-radius: calc(14 / var(--vw-min) * 100vw);
	}
	.btn_hero__youtube--icon{
		width: calc(42 / var(--vw-min) * 100vw);
		height: calc(42 / var(--vw-min) * 100vw);
	}
	.btn_hero__youtube--title{
		padding: 0 calc(8 / var(--vw-min) * 100vw);
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_hero__youtube--icon{
		transition: transform .2s ease;
	}
	.btn_hero__youtube:hover .btn_hero__youtube--icon{
		transform: scale(125%);
	}
}



.p-titleLoop{
	position: relative;
	padding: min(calc(15 / var(--vw-min) * 100vw), calc(15px * var(--max-percent))) 0;
	background: linear-gradient(270deg, #ABE7E7 0%, #FFF3AC 100%);
}
.p-titleLoop:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-top: 2px solid var(--color-pink);
	border-bottom: 2px solid var(--color-pink);
}
.titleLoop__img{
	width: 100%;
	height: min(calc(51 / var(--vw-min) * 100vw), calc(51px * var(--max-percent)));
	background-image: url(../img/top/txt_looptitle.svg);
	background-repeat: repeat-x;
	background-size: min(calc(636 / var(--vw-min) * 100vw), calc(636px * var(--max-percent))) min(calc(51 / var(--vw-min) * 100vw), calc(51px * var(--max-percent)));
	animation: ani_looptitle 21.2s linear infinite;
	animation-play-state: paused;
}
body[data-nowsection="hero"] .titleLoop__img,
body[data-nowsection="news"] .titleLoop__img,
body[data-nowsection="introduction"] .titleLoop__img{
	animation-play-state: running;
}
@keyframes ani_looptitle {
	0%{
		background-position: 0 0;
	}
	100% {
		background-position: min(calc(636 / var(--vw-min) * 100vw), calc(636px * var(--max-percent))) 0;
	}
}

@media screen and (max-width:768px){
	.p-titleLoop{
		padding: calc(12 / var(--vw-min) * 100vw) 0;
	}
	.titleLoop__img{
		height: calc(36 / var(--vw-min) * 100vw);
		background-size: calc(450 / var(--vw-min) * 100vw) calc(36 / var(--vw-min) * 100vw);
		animation: ani_looptitle 20s linear infinite;
	}
	@keyframes ani_looptitle {
		0%{
			background-position: 0 0;
		}
		100% {
			background-position: calc(450 / var(--vw-min) * 100vw) 0;
		}
	}
}



.hero__catchArea{
	position: absolute;
	top: 0;
	left: calc(50% + (34 / var(--vw-min) * 100vw));
	margin-top: min(calc(113 / var(--vw-min) * 100vw), calc(113px * var(--max-percent)));
}
.hero__catch{
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.hero__catch--txt{
	display: block;
	padding: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border-radius: min(calc(4 / var(--vw-min) * 100vw), 4px);
	background-color: var(--color-pink);
}
.hero__catch--txt img{
	display: block;
	height: min(calc(27 / var(--vw-min) * 100vw), calc(27px * var(--max-percent)));
}
.hero__catch--txt:not(:last-child){
	margin-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
}

@media screen and (max-width:768px){
	.hero__catchArea{
		top: unset;
		margin-top: unset;
		bottom: 0;
		left: calc(88 / var(--vw-min) * 100vw);
		margin-bottom: calc(232 / var(--vw-min) * 100vw);
	}
	.hero__catch--txt{
		padding: calc(4 / var(--vw-min) * 100vw);
		border-radius: calc(4 / var(--vw-min) * 100vw);
	}
	.hero__catch--txt img{
		height: calc(18 / var(--vw-min) * 100vw);
	}
	.hero__catch--txt:not(:last-child){
		margin-bottom: calc(6 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * TOP - CONTENT
-------------------------------------------------*/
.c-contents{
	position: relative;
	width: 100%;
	max-width: calc(1366px * var(--max-percent));
	padding-left: min(calc(69 / var(--vw-min) * 100vw), calc(69px * var(--max-percent)));
	padding-right: min(calc(297 / var(--vw-min) * 100vw), calc(297px * var(--max-percent)));
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.c-contents{
		max-width: 100%;
		padding-left: 0;
		padding-right: calc(72 / var(--vw-min) * 100vw);
	}
}



/*-----------------------------------------------
 * TOP - NEWS
-------------------------------------------------*/
.c-news{
	background: url(../img/common/bg_noise.jpg) repeat center;
	padding: min(calc(56 / var(--vw-min) * 100vw), 56px) min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
	z-index: 2;
}
.c-news:before{
	bottom: max(calc(-18 / var(--vw-min) * 100vw), -18px);
	z-index: 1;
	pointer-events: none;
}
.c-news:after{
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: max(calc(-18 / var(--vw-min) * 100vw), -18px);
	height: min(calc(18 / var(--vw-min) * 100vw), 18px);
	background: url(../img/top/news_deco-b.png) repeat-x center / min(calc(50 / var(--vw-min) * 100vw), 50px) min(calc(18 / var(--vw-min) * 100vw), 18px);
}
.news-container{
	padding-top: min(calc(32 / var(--vw-min) * 100vw), 32px);
	position: unset;
}
@media screen and (max-width:768px){
	.c-news{
		padding-top: calc(68 / var(--vw-min) * 100vw);
		padding-right: calc(22 / var(--vw-min) * 100vw);
		padding-bottom: calc(50 / var(--vw-min) * 100vw);
		padding-left: calc(32 / var(--vw-min) * 100vw);
	}
	.c-news:before{
		bottom: calc(-18 / var(--vw-min) * 100vw);
	}
	.c-news:after{
		bottom: calc(-18 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
		background-size: calc(50 / var(--vw-min) * 100vw) calc(18 / var(--vw-min) * 100vw);
	}
}


.newsList{
	width: 100%;
	padding: min(calc(4 / var(--vw-min) * 100vw), 4px) 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.newsList__link{
	display: flex;
	flex-direction: column;
	padding-top: min(calc(4 / var(--vw-min) * 100vw), 4px);
	padding-right: min(calc(74 / var(--vw-min) * 100vw), 74px);
	padding-bottom: min(calc(24 / var(--vw-min) * 100vw), 24px);
	position: relative;
	text-decoration: none;
}
.newsList__link:after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-image: linear-gradient(90deg, var(--color-pink) 4px, transparent 4px);
	background-repeat: repeat;
	background-size: 8px 100%;
	height: 2px;
}
.newsList__date{
	display: block;
	font-family: var(--font-bomb);
	font-size: min(calc(22 / var(--vw-min) * 100vw), 22px);
	line-height: 1;
	color: var(--color-pink);
	margin-bottom: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.newsList__title{
	color: var(--color-lightblue);
	font-weight: 800;
	line-height: 1.75;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	height: 3.5em;
	overflow: hidden;
}
.newsList__arrow{
	position: absolute;
	top: 0;
	right: 0;
	bottom: min(calc(6 / var(--vw-min) * 100vw), 6px);
	display: flex;
	align-items: center;
	width: min(calc(60 / var(--vw-min) * 100vw), 60px);
}
.newsList__arrowCont{
	position: relative;
	width: 100%;
	height: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.newsList__arrowCont:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-pink);
	background-color: #FFC3DC;
	border-radius: min(calc(50 / var(--vw-min) * 100vw), 50px);
	transform: translateY(4px);
}
.newsList__arrowContIn{
	width: 100%;
	height: 100%;
	border-radius: min(calc(50 / var(--vw-min) * 100vw), 50px);
	background-color: #fff;
	border: 1px solid var(--color-pink);
	position: relative;
	z-index: 1;
}
.newsList__arrowContIn:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: min(calc(17 / var(--vw-min) * 100vw), 17px);
	height: min(calc(17 / var(--vw-min) * 100vw), 17px);
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: var(--color-pink);
	margin: auto;
}
@media screen and (max-width:768px){
	.newsList{
		padding: calc(4 / var(--vw-min) * 100vw) 0 calc(8 / var(--vw-min) * 100vw);
	}
	.newsList__link{
		padding-top: calc(4 / var(--vw-min) * 100vw);
		padding-right: 0;
		padding-bottom: calc(12 / var(--vw-min) * 100vw);
	}
	.newsList__link:after{
		bottom: calc(10 / var(--vw-min) * 100vw);
	}
	.newsList__date{
		font-size: calc(16 / var(--vw-min) * 100vw);
		margin-bottom: calc(4 / var(--vw-min) * 100vw);
	}
	.newsList__title{
		margin-bottom: calc(14 / var(--vw-min) * 100vw);
	}
	.newsList__arrow{
		top: unset;
		bottom: 0;
		width: calc(40 / var(--vw-min) * 100vw);
	}
	.newsList__arrowCont{
		height: calc(20 / var(--vw-min) * 100vw);
	}
	.newsList__arrowCont:before,
	.newsList__arrowContIn{
		border-radius: calc(20 / var(--vw-min) * 100vw);
	}
	.newsList__arrowContIn:after{
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(12 / var(--vw-min) * 100vw);
	}
}

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

	.newsList__arrowContIn{
		transition: transform .3s ease, background-color .3s ease;
	}
	.newsList__arrowContIn:after{
		transition: transform .4s ease, background-color .4s ease;
	}
	.newsList__link:hover .newsList__arrowContIn{
		transform: translateY(3px);
		background-color: var(--color-pink);
	}
	.newsList__link:hover .newsList__arrowContIn:after{
		transform: translateX(25%);
		background-color: #fff;
		transition-delay: 0.15s, 0s;
	}
}

/* scrani */
.newsList{
	opacity: 0;
	transform: translateY(24px);
	transition: opacity .3s ease, transform .4s ease;
}
.js-scrani.--is-ani .newsList{
	opacity: 1;
	transform: translateY(0px);
}
.newsList:nth-of-type(1){
	transition-delay: .3s;
}
.newsList:nth-of-type(2){
	transition-delay: .35s;
}
.newsList:nth-of-type(3){
	transition-delay: .4s;
}



.news__more{
	position: absolute;
	top: 0;
	right: 0;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	margin-right: min(calc(27 / var(--vw-min) * 100vw), calc(27px * var(--max-percent)));
	width: min(calc(150 / var(--vw-min) * 100vw), 150px);
}
.news__more:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid var(--color-pink);
	border-radius: 50%;
	background-color: #FFC3DC;
	transform: translateY(min(calc(6 / var(--vw-min) * 100vw), 6px));
}
.news__more--link{
	display: block;
	width: 100%;
	padding-top: 100%;
	border-radius: 50%;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	background-color: var(--color-yellow);
	border: 2px solid var(--color-pink);
}
.news__more--link:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 90.6667%;
	height: 90.6667%;
	margin: auto;
	background: url(../img/news/txt_morenews.svg) no-repeat center / contain;
	animation: ani_rotate360 36s linear infinite;
	animation-play-state: paused;
}
body[data-nowsection="hero"] .js-scrani.--is-ani .news__more--link:before,
body[data-nowsection="news"] .js-scrani.--is-ani .news__more--link:before,
body[data-nowsection="introduction"] .js-scrani.--is-ani .news__more--link:before{
	animation-play-state: running;
}
.news__more--linkCont{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 66.6667%;
	height: 66.6667%;
	margin: auto;
	border-radius: 50%;
	overflow: hidden;
	background-color: #ABE7E7;
}
.news__more--linkCont:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(255, 255, 255, 100%) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), rgba(255, 255, 255, 100%) calc(100% - 1px));
    background-size: 20px 20px;
    background-repeat: repeat;
    background-position: center center;
	opacity: 60%;
}
.news__more--link__arrow{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 44%;
	height: 44%;
	margin: auto;
	background: url(../img/common/arrow_r_b.svg) no-repeat center / contain;
}
@media screen and (max-width:768px){
	.news__more{
		margin-top: calc(40 / var(--vw-min) * 100vw);
		margin-right: calc(-11 / var(--vw-min) * 100vw);
		width: calc(90 / var(--vw-min) * 100vw);
		z-index: 2;
	}
	.news__more:before{
		transform: translateY(calc(5 / var(--vw-min) * 100vw));
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.news__more--link{
		transition: transform .3s ease;
	}
	.news__more--link:hover{
		transform: translateY(min(calc(3 / var(--vw-min) * 100vw), 3px));
	}
	.news__more--link:hover::before{
		animation-play-state: paused!important;
	}

	.news__more--link__arrow{
		transition: transform .4s ease;
	}
	.news__more--link__arrow:before{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		opacity: 0;
		-webkit-mask: url(../img/common/arrow_r_b.svg) no-repeat center / contain;
		mask: url(../img/common/arrow_r_b.svg) no-repeat center / contain;
		background-color: var(--color-pink);
		transition: opacity .3s ease;
	}
	.news__more--link:hover .news__more--link__arrow{
		transform: translateX(12.5%);
	}
	.news__more--link:hover .news__more--link__arrow:before{
		opacity: 1;
	}
}

.news__more{
	opacity: 0;
	transform: scale(60%) rotate(90deg);
	transition: opacity .4s ease, transform .6s ease;
}
.js-scrani.--is-ani .news__more{
	opacity: 1;
	transform: scale(100%) rotate(0deg);
	transition-delay: .4s;
}




.news__decoStars{
	position: absolute;
	top: max(calc(-22 / var(--vw-min) * 100vw), -22px);
	right: min(calc(234 / var(--vw-min) * 100vw), calc(234px * var(--max-percent)));
	width: min(calc(152 / var(--vw-min) * 100vw), 152px);
	height: min(calc(136 / var(--vw-min) * 100vw), 136px);
}
.news__decoStar{
	position: absolute;
	background-repeat: no-repeat;
	background-size: contain;
}
.news__decoStar.-d1{
	top: 0;
	right: 0;
	width: min(calc(90 / var(--vw-min) * 100vw), 90px);
	height: min(calc(87 / var(--vw-min) * 100vw), 87px);
	background-image: url(../img/common/deco_star-y.svg);
	transform: rotate(-30deg);
}
.news__decoStar.-d2{
	bottom: 0;
	left: 0;
	width: min(calc(57 / var(--vw-min) * 100vw), 57px);
	height: min(calc(55 / var(--vw-min) * 100vw), 55px);
	background-image: url(../img/common/deco_star-b.svg);
	transform: rotate(22deg);
}

@media screen and (max-width:768px){
	.news__decoStars{
		width: calc(68 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		top: calc(-14 / var(--vw-min) * 100vw);
		left: calc(53 / var(--vw-min) * 100vw);
	}
	.news__decoStar.-d1{
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
	}
	.news__decoStar.-d2{
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
	}
}


.news__decoStars{
	opacity: 0;
	transform: rotate(180deg) scale(50%);
	transition: opacity .4s ease, transform .6s ease;
}
.js-scrani.--is-ani .news__decoStars{
	opacity: 1;
	transform: rotate(0deg) scale(100%);
}


/*-----------------------------------------------
 * TOP - INTRODUCTION
-------------------------------------------------*/
.c-introduction{
	background-color: #ABE7E7;
	padding: min(calc(120 / var(--vw-min) * 100vw), 120px) min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent))) min(calc(64 / var(--vw-min) * 100vw), 64px);
}
@media screen and (max-width:768px){
	.c-introduction{
		padding: calc(72 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(36 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
	.p-content_title--ttl[data-title="introduction"]{
		height: calc(100 / var(--vw-min) * 100vw);
	}
	.p-content_title--ttl[data-title="introduction"]:after{
		top: calc(-4 / var(--vw-min) * 100vw);
		right: calc(24 / var(--vw-min) * 100vw);
	}
}

.introduction-container{
	padding-top: min(calc(34 / var(--vw-min) * 100vw), 34px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.introduction-container{
		padding-top: calc(18 / var(--vw-min) * 100vw);
	}
}

.introduction__textArea{
	position: relative;
	width: 100%;
	padding: min(calc(50 / var(--vw-min) * 100vw), 50px) min(calc(52 / var(--vw-min) * 100vw), calc(52px * var(--max-percent)));
}
.introduction__textBg{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
.introduction__textBg--frame{
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	border-radius: min(calc(10 / var(--vw-min) * 100vw), 10px);
	overflow: hidden;
	background-color: #fff;
}
.introduction__textBg--frame:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: min(calc(10 / var(--vw-min) * 100vw), 10px);
	border: 1px solid #59DEDE;
	z-index: 1;
}
.introduction__textBg--frame:after{
	content: '';
	position: absolute;
	top: 6px;
	right: 6px;
	bottom: 6px;
	left: 6px;
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border: 1px solid #59DEDE;
	z-index: 1;
}
.introduction__textBg--frame_line{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border: 6px solid #DEFBFB;
}
.introduction__textBg--sideDeco{
	position: absolute;
	top: -5px;
	right: -5px;
	bottom: -5px;
	left: -5px;
	background-image: url(../img/common/deco_side_tl-blue.svg), url(../img/common/deco_side_tr-blue.svg), url(../img/common/deco_side_br-blue.svg), url(../img/common/deco_side_bl-blue.svg);
	background-repeat: no-repeat;
	background-position: left top, right top, right bottom, left bottom;
	background-size: 40px 40px;
	z-index: 1;
}
@media screen and (max-width:768px){
	.introduction__textArea{
		padding: calc(32 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
	.introduction__textBg--frame,
	.introduction__textBg--frame:before{
		border-radius: calc(10 / var(--vw-min) * 100vw);
	}
	.introduction__textBg--frame_line{
		border-radius: calc(8 / var(--vw-min) * 100vw);
	}
}


.introduction__text{
	position: relative;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
	line-height: 1.8889;
	color: var(--color-lightblue);
	text-align: center;
}
@media screen and (max-width:768px){
	.introduction__text{
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}


.introduction__decoWrapper{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.introduction__deco-dollar{
	position: absolute;
	top: 0;
	right: 0;
	width: min(calc(192 / var(--vw-min) * 100vw), 192px);
	height: min(calc(317 / var(--vw-min) * 100vw), 317px);
	background: url(../img/common/deco_dollar.svg) no-repeat center / contain;
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	margin-right: min(calc(48 / var(--vw-min) * 100vw), calc(48px * var(--max-percent)));
	transform: rotate(15deg);
}
@media screen and (max-width:768px){
	.introduction__deco-dollar{
		width: calc(108 / var(--vw-min) * 100vw);
		height: calc(178 / var(--vw-min) * 100vw);
		margin-top: calc(104 / var(--vw-min) * 100vw);
		margin-right: calc(16 / var(--vw-min) * 100vw);
	}
}


.introduction__deco-stars{
	position: absolute;
	top: min(calc(60 / var(--vw-min) * 100vw), 60px);
	left: max(calc(-12 / var(--vw-min) * 100vw), -12px);
	width: min(calc(152 / var(--vw-min) * 100vw), 152px);
	height: min(calc(136 / var(--vw-min) * 100vw), 136px);
	z-index: 1;
}
.introduction__deco-star{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.introduction__deco-star.-d1{
	top: 0;
	right: 0;
	width: min(calc(90 / var(--vw-min) * 100vw), 90px);
	height: min(calc(87 / var(--vw-min) * 100vw), 87px);
	background-image: url(../img/common/deco_star-y.svg);
	transform: rotate(-30deg);
}
.introduction__deco-star.-d2{
	bottom: 0;
	left: 0;
	width: min(calc(57 / var(--vw-min) * 100vw), 57px);
	height: min(calc(55 / var(--vw-min) * 100vw), 55px);
	background-image: url(../img/common/deco_star-r.svg);
	transform: rotate(22deg);
}
@media screen and (max-width:768px){
	.introduction__deco-stars{
		display: none;
	}
}



/* ScrollAni */
.introduction__textBg{
	transform: scale(40%);
	opacity: 0;
	transition: opacity .4s ease, transform .6s ease;
}
.--is-ani .introduction__textBg{
	transform: scale(100%);
	opacity: 1;
	transition-delay: .3s, .5s;
}

.introduction__text{
	opacity: 0;
	transition: opacity .4s ease;
}
.--is-ani .introduction__text{
	opacity: 1;
	transition-delay: .9s;
}


.introduction__deco-dollar{
	opacity: 0;
	transform: rotate(15deg) translateY(60%) scale(80%);
	transition: opacity .4s ease, transform .8s ease;
}
.js-scrani.--is-ani .introduction__deco-dollar{
	opacity: 1;
	transform: rotate(15deg);
	transition-delay: .4s;
}

.introduction__deco-stars{
	opacity: 0;
	transform: rotate(180deg) scale(50%);
	transition: opacity .4s ease, transform .6s ease;
}
.js-scrani.--is-ani .introduction__deco-stars{
	opacity: 1;
	transform: rotate(0deg) scale(100%);
}



/*-----------------------------------------------
 * TOP - CHARACTER
-------------------------------------------------*/
.c-character{
	background-color: #ABE7E7;
	padding: min(calc(64 / var(--vw-min) * 100vw), 64px) min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
@media screen and (max-width:768px){
	.c-character{
		padding: calc(30 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(36 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
}

.character_grad{
	position: absolute;
	bottom: 0;
	left: 1px;
	right: 1px;
	height: min(calc(240 / var(--vw-min) * 100vw), 240px);
	background: linear-gradient(180deg, #ABE7E7 0%, #FFF7C7 100%);
}


.character-container{
	padding-top: min(calc(18 / var(--vw-min) * 100vw), 18px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.character-container{
		padding-top: calc(32 / var(--vw-min) * 100vw);
	}
}

.characterContents{
	width: 100%;
	position: relative;
	padding-top: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
.characterCont{
	position: relative;
}
.characterCont__head{
	position: relative;
	padding-top: min(calc(10 / var(--vw-min) * 100vw), 10px);
	padding-right: min(calc(20 / var(--vw-min) * 100vw), 20px);
	padding-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
	padding-left: min(calc(20 / var(--vw-min) * 100vw), 20px);
	display: flex;
	align-items: center;
	border-top-left-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
	border-top-right-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background-color: #FFC6DA;
	z-index: 1;
}
.characterCont__head:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-pink);
	border-top-left-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
	border-top-right-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.characterCont__head--title{
	font-family: var(--font-bomb);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	color: #FFF;
	line-height: 1;
}
.characterCont__head--decos{
	display: inline-flex;
	gap: min(calc(4 / var(--vw-min) * 100vw), 4px);
	margin-left: auto;
}
.characterCont__head--deco{
	display: inline-block;
	width: min(calc(30 / var(--vw-min) * 100vw), 30px);
	height: min(calc(30 / var(--vw-min) * 100vw), 30px);
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.characterCont__head--deco._min{
	background-image: url(../img/common/deco_win-min.svg);
}
.characterCont__head--deco._max{
	background-image: url(../img/common/deco_win-max.svg);
}
.characterCont__head--deco._close{
	background-image: url(../img/common/deco_win-close.svg);
}
.characterCont__main{
	position: relative;
	border: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-pink);
	border-top: unset;
	border-bottom-left-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
	border-bottom-right-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
	background-color: #fff;
	z-index: 1;
	padding: min(calc(22 / var(--vw-min) * 100vw), 22px);
	overflow: hidden;
}


.characterCont__shadow > span{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	border-radius: min(calc(20 / var(--vw-min) * 100vw), 20px);
	border: min(calc(2 / var(--vw-min) * 100vw), 2px) solid var(--color-pink);
	background-color: #FFC6DA;
}

@media screen and (max-width:768px){
	.characterContents{
		padding-top:0;
	}
	.characterCont__head{
		padding-top: calc(10 / var(--vw-min) * 100vw);
		padding-right: calc(10 / var(--vw-min) * 100vw);
		padding-bottom: calc(10 / var(--vw-min) * 100vw);
		padding-left: calc(10 / var(--vw-min) * 100vw);
		border-top-left-radius: calc(10 / var(--vw-min) * 100vw);
		border-top-right-radius: calc(10 / var(--vw-min) * 100vw);
	}
	.characterCont__head:before{
		border-width: calc(2 / var(--vw-min) * 100vw);
		border-top-left-radius: calc(10 / var(--vw-min) * 100vw);
		border-top-right-radius: calc(10 / var(--vw-min) * 100vw);
	}
	.characterCont__head--title{
		font-size: calc(13 / var(--vw-min) * 100vw);
	}
	.characterCont__head--decos{
		gap: calc(3 / var(--vw-min) * 100vw);
	}
	.characterCont__head--deco{
		width: calc(20 / var(--vw-min) * 100vw);
		height: calc(20 / var(--vw-min) * 100vw);
	}
	.characterCont__main{
		border-width: calc(2 / var(--vw-min) * 100vw);
		border-bottom-left-radius: calc(10 / var(--vw-min) * 100vw);
		border-bottom-right-radius: calc(10 / var(--vw-min) * 100vw);
		padding: calc(14 / var(--vw-min) * 100vw);
	}
	.characterCont__shadow > span{
		border-radius: calc(10 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}



/* character_image */
.character_images{
	width: min(calc(560 / var(--vw-min) * 100vw), calc(560px * var(--max-percent)));
}
.character_images .characterCont__main{
	height: min(calc(700 / var(--vw-min) * 100vw), calc(700px * var(--max-percent)));
	padding: 0;
	position: relative;
	background: linear-gradient(270deg, #FFF7C8 0%, #FFC6DA 100%);
}
.character_images .characterCont__main:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), var(--color-pink) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), var(--color-pink) calc(100% - 1px));
	background-size: 20px 20px;
	background-repeat: repeat;
	background-position: center center;
	opacity: 20%;
}
.character_images--img{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.character_images--img img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

@media screen and (max-width:768px){
	.character_images{
		width: calc(249 / var(--vw-min) * 100vw);
	}
	.character_images .characterCont__main{
		height: calc(400 / var(--vw-min) * 100vw);
	}
	.character_images--img img{
		object-fit: cover;
	}
}



/* characterDetail */
.characterDetail{
	width: min(calc(338 / var(--vw-min) * 100vw), calc(338px * var(--max-percent)));
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}
.character_name-name{
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-weight: 800;
	color: var(--color-pink);
}
.character_name-cv{
	display: flex;
	align-items: center;
	line-height: 1;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 700;
	color: var(--color-pink);
	margin-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
}
.character_name-cv_ttl{
	display: inline-block;
	font-family: var(--font-bomb);
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	line-height: 1;
	color: #FFF;
	padding: min(calc(5 / var(--vw-min) * 100vw), 5px) min(calc(20 / var(--vw-min) * 100vw), 20px);
	border-radius: min(calc(40 / var(--vw-min) * 100vw), 40px);
	background-color: var(--color-pink);
	margin-right: 0.5em;
}
@media screen and (max-width:768px){
	.characterDetail{
		position: relative;
		width: calc(291 / var(--vw-min) * 100vw);
		margin-top: calc(-50 / var(--vw-min) * 100vw);
	}
	.characterDetail .characterCont{
		width: calc(249 / var(--vw-min) * 100vw);
	}

	.character_name{
		margin-left: auto;
		z-index: 2;
		position: relative;
	}
	.character_name-name{
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
	.character_name-cv{
		font-size: calc(18 / var(--vw-min) * 100vw);
		margin-top: calc(8 / var(--vw-min) * 100vw);
	}
	.character_name-cv_ttl{
		font-size: calc(14 / var(--vw-min) * 100vw);
	}
}



/* character_profile */
.character_profile{
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
.character_profText{
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
	line-height: 1.6667;
	color: var(--color-pink);
}
@media screen and (max-width:768px){
	.character_profile{
		margin-top: calc(-8 / var(--vw-min) * 100vw);
	}
	.character_profText{
		font-size: calc(12 / var(--vw-min) * 100vw);
	}
}


.character__decoWrapper{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.character_deco-euro{
	position: absolute;
	top: max(calc(-96 / var(--vw-min) * 100vw), -96px);
	left: min(calc(12 / var(--vw-min) * 100vw), 12px);
	width: min(calc(227 / var(--vw-min) * 100vw), 227px);
	height: min(calc(245 / var(--vw-min) * 100vw), 245px);
	background: url(../img/common/deco_euro.svg) no-repeat center / contain;
	transform: rotate(-30deg);
}
.character_deco-line{
	position: absolute;
	top: 0;
	right: max(calc(-13 / var(--vw-min) * 100vw), -13px);
	width: min(calc(110 / var(--vw-min) * 100vw), 110px);
	height: min(calc(127 / var(--vw-min) * 100vw), 127px);
	background: url(../img/common/deco_line.svg) no-repeat center / contain;
	z-index: 1;
}
@media screen and (max-width:768px){
	.character_deco-euro{
		top: calc(-64 / var(--vw-min) * 100vw);
		left: calc(-23 / var(--vw-min) * 100vw);
		width: calc(118 / var(--vw-min) * 100vw);
		height: calc(122 / var(--vw-min) * 100vw);
	}
	.character_deco-line{
		display: none;
	}
}




/**
* Scroll
**/
.characterCont{
	opacity: 0;
	transform: scale(80%);
	transition: opacity .3s ease, transform .4s ease;
}
.--is-ani .characterCont{
	opacity: 1;
	transform: scale(100%);
	transition-delay: .3s;
}

.characterCont__shadow > span{
	transform: translate(0px, 0px);
	transition: transform .2s ease;
}
.--is-ani .characterCont__shadow > span:nth-of-type(2){
	transform: translate(-4px, 4px);
	transition-delay: .55s;
}
.--is-ani .characterCont__shadow > span:nth-of-type(1){
	transform: translate(-8px, 8px);
	transition-delay: .7s;
}

.character_deco-euro{
	opacity: 0;
	transform: rotate(-15deg) translate(0%, -50%);
	transition: opacity .4s ease, transform .6s ease;
}
.--is-ani .character_deco-euro{
	opacity: 1;
	transform: rotate(-30deg) translate(0%, 0%);
	transition-delay: .5s;
}


.character_deco-line{
	opacity: 0;
	transform: rotate(540deg) scale(0%);
	transition: opacity .4s ease, transform .6s ease;
}
.--is-ani .character_deco-line{
	opacity: 1;
	transform: rotate(0deg) scale(100%);
	transition-delay: .5s;
}



/*-----------------------------------------------
 * TOP - STAFFCAST
-------------------------------------------------*/
.c-staffcast{
	background-color: #FFF7C7;
	padding: min(calc(64 / var(--vw-min) * 100vw), 64px) min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent)));
}
@media screen and (max-width:768px){
	.c-staffcast{
		padding: calc(30 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(36 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw);
	}
	.p-content_title--ttl[data-title="staffcast"]{
		height: calc(100 / var(--vw-min) * 100vw);
	}
	.p-content_title--ttl[data-title="staffcast"]:after{
		top: calc(-8 / var(--vw-min) * 100vw);
	}
}

.staffcast_grad{
	position: absolute;
	bottom: 0;
	left: 1px;
	right: 1px;
	height: min(calc(300 / var(--vw-min) * 100vw), 300px);
	background: linear-gradient(180deg, #FFF7C7 0%, #FDDCCA 100%);
}


.staffcast-container{
	padding-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
	z-index: 2;
}
.staffcastContWrap{
	width: min(calc(840 / var(--vw-min) * 100vw), 840px);
	margin: 0 auto;
	display: flex;
	gap: min(calc(40 / var(--vw-min) * 100vw), 40px);
}
.staffcastCont{
	width: min(calc(400 / var(--vw-min) * 100vw), 400px);
}
.staffcast_contTitle{
	text-align: center;
	-webkit-text-stroke-width: 1px;
	-webkit-text-stroke-color: var(--color-pink);
	font-family: var(--font-bomb);
	font-size: min(calc(34 / var(--vw-min) * 100vw), 34px);
	color: #FFF;
	line-height: 1;
	margin-bottom: min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.staffcastContIn{
	width: 100%;
	padding: min(calc(64 / var(--vw-min) * 100vw), 64px) min(calc(32 / var(--vw-min) * 100vw), 32px) min(calc(32 / var(--vw-min) * 100vw), 32px);
	border-radius: min(calc(8 / var(--vw-min) * 100vw), 8px);
	border: 2px solid var(--color-pink);
	background-color: #fff;
	position: relative;
}
.staffcastContIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: min(calc(32 / var(--vw-min) * 100vw), 32px);
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(16 / var(--vw-min) * 100vw), 16px);
	background-image: url(../img/top/staffcast_deco-circle.svg);
	background-repeat: repeat-x;
	background-position: center;
	background-size: min(calc(30 / var(--vw-min) * 100vw), 30px) min(calc(16 / var(--vw-min) * 100vw), 16px);
}
.staffcastLists{
	display: flex;
	flex-direction: column;
	gap: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
.staffcastList{
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.staffcastList__dt{
	font-weight: 800;
	color: var(--color-pink);
}
.staffcastList__dd{
	text-align: center;
	font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
	font-weight: 800;
	color: var(--color-lightblue);
	text-align: center;
	line-height: 1.4;
}
.staffcastList__dd small{
	font-size: 70%;
	font-weight: 500;
}
.staffcast__flexTxt{
	display: inline-flex;
	justify-content: center;
	align-items: flex-end;
}

.btn_comment{
	display: inline-block;
	width: min(calc(34 / var(--vw-min) * 100vw), 34px);
	height: min(calc(32 / var(--vw-min) * 100vw), 32px);
	background: url(../img/common/icon_comment.svg) no-repeat center / contain;
	margin-left: min(calc(8 / var(--vw-min) * 100vw), 8px);
}

@media screen and (max-width:768px){
	.staffcast-container{
		padding-top: calc(12 / var(--vw-min) * 100vw);
	}
	.staffcastContWrap{
		width: 100%;
		flex-direction: column;
		gap: calc(20 / var(--vw-min) * 100vw);
	}
	.staffcastCont{
		width: 100%;
	}
	.staffcast_contTitle{
		font-size: calc(26 / var(--vw-min) * 100vw);
		margin-bottom: calc(12 / var(--vw-min) * 100vw);
		text-align: left;
	}
	.staffcastContIn{
		padding: calc(40 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
	}
	.staffcastContIn:before{
		left: calc(12 / var(--vw-min) * 100vw);
		right: calc(12 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
		background-size: calc(26 / var(--vw-min) * 100vw) calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(12 / var(--vw-min) * 100vw);
	}

	.staffcastLists{
		gap: calc(16 / var(--vw-min) * 100vw);
	}
	.staffcastList{
		gap: calc(4 / var(--vw-min) * 100vw);
	}
	.staffcastList__dd{
		font-size: calc(16 / var(--vw-min) * 100vw);
	}
	.btn_comment{
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
}

@media screen and (hover:hover) and (pointer: fine){
	.btn_comment{
		transition: transform .2s ease;
	}
	.btn_comment:hover{
		transform: scale(90%);
	}
}


.staffcast__decoWrapper{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.staffcast_deco-yen{
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	right: min(calc(32 / var(--vw-min) * 100vw), 32px);
	width: min(calc(222 / var(--vw-min) * 100vw), 222px);
	height: min(calc(255 / var(--vw-min) * 100vw), 255px);
	background: url(../img/common/deco_yen.svg) no-repeat center / contain;
	transform: rotate(15deg);
}

.staffcast_deco-stars{
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	left: max(calc(-12 / var(--vw-min) * 100vw), -12px);
	width: min(calc(152 / var(--vw-min) * 100vw), 152px);
	height: min(calc(136 / var(--vw-min) * 100vw), 136px);
	z-index: 1;
}
.staffcast_deco-star{
	position: absolute;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}
.staffcast_deco-star.-d1{
	top: 0;
	right: 0;
	width: min(calc(90 / var(--vw-min) * 100vw), 90px);
	height: min(calc(87 / var(--vw-min) * 100vw), 87px);
	background-image: url(../img/common/deco_star-r2.svg);
	transform: rotate(-30deg);
}
.staffcast_deco-star.-d2{
	bottom: 0;
	left: 0;
	width: min(calc(57 / var(--vw-min) * 100vw), 57px);
	height: min(calc(55 / var(--vw-min) * 100vw), 55px);
	background-image: url(../img/common/deco_star-b.svg);
	transform: rotate(22deg);
}

@media screen and (max-width:768px){
	.staffcast_deco-yen{
		width: calc(112 / var(--vw-min) * 100vw);
		height: calc(128 / var(--vw-min) * 100vw);
		right: calc(20 / var(--vw-min) * 100vw);
		top: calc(100 / var(--vw-min) * 100vw);
	}
	.staffcast_deco-star{
		display: none;
	}
}


/* Scroll */
.staffcast_contTitle{
	opacity: 0;
	transform: translateY(100%);
	transition: opacity .4s ease, transform .5s ease;
}
.--is-ani .staffcast_contTitle{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .4s;
}
.staffcastContIn{
	opacity: 0;
	transition: opacity .8s ease;
}
.--is-ani .staffcastContIn{
	opacity: 1;
	transition-delay: .5s;
}

.staffcast_deco-stars{
	opacity: 0;
	transform: rotate(180deg) scale(50%);
	transition: opacity .4s ease, transform .6s ease;
}
.js-scrani.--is-ani .staffcast_deco-stars{
	opacity: 1;
	transform: rotate(0deg) scale(100%);
	transition-delay: .3s;
}

.staffcast_deco-yen{
	opacity: 0;
	transform: rotate(15deg) translate(-15%, 50%);
	transition: opacity .4s ease, transform .6s ease;
}
.js-scrani.--is-ani .staffcast_deco-yen{
	opacity: 1;
	transform: rotate(15deg) translate(0%, 0%);
	transition-delay: .3s;
}



/*-----------------------------------------------
 * TOP - BOOKS
-------------------------------------------------*/
.c-books{
	background-color: #FDDCCA;
	padding: min(calc(64 / var(--vw-min) * 100vw), 64px) min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent))) 0;
}
@media screen and (max-width:768px){
	.c-books{
		padding: calc(30 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0 calc(36 / var(--vw-min) * 100vw);
	}
}
.c-books:before{
	z-index: 2;
}
.books_grad{
	position: absolute;
	bottom: 0;
	left: 1px;
	right: 1px;
	height: min(calc(300 / var(--vw-min) * 100vw), 300px);
	background: linear-gradient(180deg, #FDDCCA 0%, #ABE7E7 100%);
}
.books-container{
	padding-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.books-container{
		padding-top: calc(20 / var(--vw-min) * 100vw);
	}
}


.booksSwiperWrap{
	width: calc(100% + (min(calc(160 / var(--vw-min) * 100vw), calc(160px * var(--max-percent))) - 4px));
	margin-left: calc((min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent))) - 2px) * -1);
	padding: 16px min(calc(80 / var(--vw-min) * 100vw), calc(80px * var(--max-percent))) 8px;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.booksSwiperWrap{
		width: calc(100% + calc(56 / var(--vw-min) * 100vw) - 4px);
		margin-left: calc((-36 / var(--vw-min) * 100vw) + 2px);
		padding-left: calc(36 / var(--vw-min) * 100vw);
		padding-right: calc(20 / var(--vw-min) * 100vw);
		padding-top: calc(82 / var(--vw-min) * 100vw);
	}
}


.bookSwiper{
	overflow: unset;
}
.bookList{
	width: min(calc(320 / var(--vw-min) * 100vw), 320px);
	padding-right: min(calc(25 / var(--vw-min) * 100vw), 25px);
	position: relative;
}
.bookList:last-child{
	width: min(calc(295 / var(--vw-min) * 100vw), 295px);
	padding-right: 0;
}
.bookList__link{
	display: block;
	text-decoration: none;
	width: 100%;
	pointer-events: none;
}
.bookList__img{
	width: 100%;
	padding-right: min(calc(15 / var(--vw-min) * 100vw), 15px);
	padding-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
	position: relative;
}
.bookList__img--img{
	width: 100%;
	padding-top: 141.7858%;
	position: relative;
	border: 1px solid var(--color-pink);
	border-radius: min(calc(16 / var(--vw-min) * 100vw), 16px);
	overflow: hidden;
	pointer-events: auto;
}
.bookList__img--img img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	object-fit: cover;
}
.bookList__img--arrow{
	position: absolute;
	bottom: 0;
	right: 0;
	margin-bottom: min(calc(5 / var(--vw-min) * 100vw), 5px);
	width: min(calc(50 / var(--vw-min) * 100vw), 50px);
	height: min(calc(50 / var(--vw-min) * 100vw), 50px);

}
.bookList__img--arrow:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-pink);
	background-color: #FFC3DC;
	border-radius: 50%;
	transform: translateY(2px);
}
.bookList__img--arrowCont{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid var(--color-pink);
	background-color: #fff;
	position: relative;
	z-index: 1;
	overflow: hidden;
	pointer-events: auto;
}
.bookList__img--arrowCont:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: min(calc(20 / var(--vw-min) * 100vw), 20px);
	height: min(calc(20 / var(--vw-min) * 100vw), 20px);
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: var(--color-pink);
}
.bookList__title{
	width: 100%;
	text-align: center;
	line-height: 1.2;
	font-weight: 800;
	color: var(--color-pink);
}

.bookPaginations{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	padding-bottom: 4px;
}
.book_np{
	width: min(calc(60 / var(--vw-min) * 100vw), 60px);
	position: relative;
	margin: 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
}
.book_np:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 1px solid var(--color-pink);
	background-color: #FFC3DC;
	border-radius: min(calc(50 / var(--vw-min) * 100vw), 50px);
	transform: translateY(4px);
}
.book_np--arrow{
	width: 100%;
	height: min(calc(30 / var(--vw-min) * 100vw), 30px);
	border-radius: min(calc(50 / var(--vw-min) * 100vw), 50px);
	background-color: #fff;
	border: 1px solid var(--color-pink);
	position: relative;
	z-index: 1;
	pointer-events: auto;
	cursor: pointer;
}
.book_np--arrow:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: min(calc(17 / var(--vw-min) * 100vw), 17px);
	height: min(calc(17 / var(--vw-min) * 100vw), 17px);
	-webkit-mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	mask: url(../img/common/arrow_r.svg) no-repeat center / contain;
	background-color: var(--color-pink);
	margin: auto;
}
.book_np.-prev .book_np--arrow:before{
	-webkit-mask-image: url(../img/common/arrow_l.svg);
	mask-image: url(../img/common/arrow_l.svg);
}
.bookPagination{
	width: auto;
	padding: 0 min(calc(24 / var(--vw-min) * 100vw), 24px);
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
	color: var(--color-pink);
}

@media screen and (max-width:768px){
	.bookList{
		width: calc(177 / var(--vw-min) * 100vw);
		padding-right: calc(10 / var(--vw-min) * 100vw);
	}
	.bookList:last-child{
		width: calc(167 / var(--vw-min) * 100vw);
	}
	.bookList__img{
		padding-right: calc(7 / var(--vw-min) * 100vw);
		padding-bottom: calc(6 / var(--vw-min) * 100vw);
	}
	.bookList__img--img{
		border-radius: calc(10 / var(--vw-min) * 100vw);
	}
	.bookList__img--arrow{
		width: calc(28 / var(--vw-min) * 100vw);
		height: calc(28 / var(--vw-min) * 100vw);
	}
	.bookList__img--arrowCont:before{
		width: calc(13 / var(--vw-min) * 100vw);
		height: calc(13 / var(--vw-min) * 100vw);
	}
	.bookList__title{
		margin-top: calc(4 / var(--vw-min) * 100vw);
	}
	.bookPaginations{
		margin-top: calc(20 / var(--vw-min) * 100vw);
	}
	.book_np{
		width: calc(40 / var(--vw-min) * 100vw);
		margin: 0 min(calc(12 / var(--vw-min) * 100vw), 12px);
	}
	.book_np--arrow{
		height: calc(20 / var(--vw-min) * 100vw);
		border-radius: calc(20 / var(--vw-min) * 100vw);
	}
	.book_np--arrow:before{
		width: calc(12 / var(--vw-min) * 100vw);
		height:	calc(12 / var(--vw-min) * 100vw);
	}
	.bookPagination{
		padding: 0 calc(20 / var(--vw-min) * 100vw);
		font-size: calc(12 / var(--vw-min) * 100vw);
	}
}

/* pagination-disabled */
.book_np.swiper-button-disabled{
	opacity: 60%;
}
.book_np.swiper-button-disabled .book_np--arrow{
	pointer-events: none;
}

@media screen and (hover:hover) and (pointer: fine){
	.book_np--arrow{
		transition: transform .3s ease, background-color .3s ease;
	}
	.book_np--arrow:hover{
		transform: translateY(3px);
		background-color: var(--color-pink);
	}
	.book_np--arrow:before{
		transition: transform .4s ease, background-color .4s ease;
	}
	.book_np--arrow:hover:before{
		background-color: #fff;
		transition-delay: 0.15s, 0s;
	}
	.book_np.-prev .book_np--arrow:hover:before{
		transform: translateX(-25%);
	}
	.book_np.-next .book_np--arrow:hover:before{
		transform: translateX(25%);
	}
}


@media screen and (hover:hover) and (pointer: fine){
	.bookList__img{
		transition: transform .2s ease;
	}
	.bookList__img--img{
		transition: transform .2s ease;
	}
	.bookList__img--img img{
		transition: transform .3s ease;
	}

	.bookList a:hover .bookList__img{
		transform: translateY(-12px) scale(99%);
		transition-delay: .2s;
	}
	.bookList:nth-of-type(even) a:hover .bookList__img{
		transform: translateY(12px) scale(101%);
		transition-delay: .2s;
	}
	.bookList a:hover .bookList__img img{
		transform: scale(102.5%);
		transition-delay: .2s;
	}

	.bookList__img--arrowCont{
		transition: transform .3s ease, background-color .3s ease;
	}
	.bookList__img--arrowCont:before{
		transition: transform .4s ease, background-color .4s ease;
	}
	.bookList a:hover .bookList__img--arrowCont{
		transform: translateY(1px);
		background-color: var(--color-pink);
	}
	.bookList a:hover .bookList__img--arrowCont:before{
		background-color: #fff;
		transform: translateX(20%);
		transition-delay: 0.15s, 0s;
	}
}



.book_notice{
	position: absolute;
	top: max(calc(-56 / var(--vw-min) * 100vw), -56px);
	right: 0;
	width: min(calc(449 / var(--vw-min) * 100vw), calc(449px * var(--max-percent)));
}
.book_noticeIn{
	width: min(calc(449 / var(--vw-min) * 100vw), 449px);
	max-width: 100%;
	margin: 0 auto;
}
.book_notice img{
	width: 100%;
}
@media screen and (max-width:768px){
	.book_notice{
		width: calc(166 / var(--vw-min) * 100vw);
		top: calc(20 / var(--vw-min) * 100vw);
	}
	.book_noticeIn{
		width: calc(166 / var(--vw-min) * 100vw);
	}
}


/**
* Scroll Animation
**/
.bookList__link{
	opacity: 0;
	transform: translateX(100%) rotate(8deg);
	pointer-events: none;
	transition: opacity .6s ease, transform .8s cubic-bezier(.37,0,.31,1);
}
.bookList:nth-of-type(1) .bookList__link{
	transition-delay: .2s;
}
.bookList:nth-of-type(2) .bookList__link{
	transition-delay: .3s;
}
.bookList:nth-of-type(3) .bookList__link{
	transition-delay: .4s;
}
.bookList:nth-of-type(4) .bookList__link{
	transition-delay: .5s;
}
.bookList:nth-of-type(5) .bookList__link{
	transition-delay: .6s;
}
.bookList:nth-of-type(6) .bookList__link{
	transition-delay: .7s;
}
.bookList:nth-of-type(7) .bookList__link{
	transition-delay: .8s;
}
.bookList:nth-of-type(8) .bookList__link{
	transition-delay: .9s;
}
.bookList:nth-of-type(9) .bookList__link{
	transition-delay: 1s;
}
.bookList:nth-of-type(10) .bookList__link{
	transition-delay: 1.1s;
}
.bookList:nth-of-type(11) .bookList__link{
	transition-delay: 1.2s;
}
.bookList:nth-of-type(12) .bookList__link{
	transition-delay: 1.3s;
}

.--is-ani .bookList__link{
	opacity: 1;
	transform: translateX(0%) rotate(0deg);
	pointer-events: unset;
}


.book_notice{
	opacity: 0;
	transform: translateY(50%);
	transition: opacity .3s ease, transform .5s cubic-bezier(.37,0,.31,1);
}
.--is-ani .book_notice{
	opacity: 1;
	transform: translateY(0%);
	transition-delay: .5s;
}



/*-----------------------------------------------
 * COMMON - FOOTER
-------------------------------------------------*/
.footer{
	position: relative;
	width: 100%;
	max-width: calc(1366px * var(--max-percent));
	padding-left: min(calc(69 / var(--vw-min) * 100vw), calc(69px * var(--max-percent)));
	padding-right: min(calc(297 / var(--vw-min) * 100vw), calc(297px * var(--max-percent)));
	margin: 0 auto;
}
.footer-content{
	padding-bottom: max(75vh, 600px);
}
.footer-contentIn{
	padding-top: min(calc(112 / var(--vw-min) * 100vw), 112px);
	padding-bottom: calc(96 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.footer{
		max-width: 100%;
		padding-left: 0;
		padding-right: calc(72 / var(--vw-min) * 100vw);
	}
	.footer-container{
		padding-right: calc(20 / var(--vw-min) * 100vw);
		padding-left: calc(32 / var(--vw-min) * 100vw);
	}
	.footer-content{
		padding-bottom: 100vh;
	}
	.footer-contentIn{
		padding-top: calc(64 / var(--vw-min) * 100vw);
		padding-bottom: calc(72 / var(--vw-min) * 100vw);
	}
}


/**
* scrElem
**/
.footer-scrElems{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: max(75vh, 600px);
}
.footer-scrElem{
	position: absolute;
	width: 100%;
}
.footer-scrElem._blackOut{
	top: 0;
	height: 66.6667%;
}
.footer-scrElem._scrTop{
	bottom: 0;
	height: 33.3333%;
}
@media screen and (max-width:768px){
	.footer-scrElems{
		height: 100vh;
	}
}




/*-----------------------------------------------
 * COMMENT
-------------------------------------------------*/
#commentCont{
	position: relative;
	width: min(calc(940 / var(--vw-min) * 100vw), calc(940px * var(--max-percent)));
	padding: min(calc(40 / var(--vw-min) * 100vw), 40px) 0;
	margin: 0 auto;
}
.comment__ttl{
	position: absolute;
	top: 0;
	left: 0;
	margin-left: min(calc(30 / var(--vw-min) * 100vw), 30px);
	height: min(calc(64 / var(--vw-min) * 100vw), 64px);
	z-index: 1;
}
.comment__ttl img{
	display: block;
	height: 100%;
}
.commentContIn{
	width: 100%;
	background-color: #fff;
	padding: min(calc(70 / var(--vw-min) * 100vw), 70px);
	border-radius: min(calc(30 / var(--vw-min) * 100vw), 30px);
	border: 2px solid var(--color-pink);
	position: relative;
}
.commentContIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, transparent calc(100% - 1px), var(--color-pink) calc(100% - 1px)), linear-gradient(90deg, transparent calc(100% - 1px), var(--color-pink) calc(100% - 1px));
	background-size: 20px 20px;
	background-repeat: repeat;
	background-position: center center;
	opacity: 20%;
	border-radius: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
#js-commentModalCont{
	width: 100%;
	position: relative;
	display: flex;
	z-index: 1;
}
.comment__img{
	width: min(calc(230 / var(--vw-min) * 100vw), 230px);
	margin-right: min(calc(50 / var(--vw-min) * 100vw), 50px);
	flex-shrink: 0;
}
.comment__img img{
	width: 100%;
}
.comment__detail{
	width: 100%;
}
.commentCont_ttl{
	color: var(--color-pink);
	font-weight: 800;
}
.commentCont_ttl--job{
	display: block;
	font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	margin-bottom: min(calc(4 / var(--vw-min) * 100vw), 4px);
}
.commentCont_ttl--name{
	display: block;
	font-size: min(calc(24 / var(--vw-min) * 100vw), 24px);
	line-height: 1.5;
}
.comment__detailIn{
	padding-top: calc(32 / var(--vw-min) * 100vw);
}
.comment__text{
	color: var(--color-pink);
	font-weight: 800;
	line-height: 1.75;
}

@media screen and (max-width:768px){
	#commentCont{
		width: calc(335 / var(--vw-min) * 100vw);
		padding: calc(24 / var(--vw-min) * 100vw) 0;
	}
	.comment__ttl{
		height: calc(40 / var(--vw-min) * 100vw);
		margin-left: calc(20 / var(--vw-min) * 100vw);
	}
	.commentContIn{
		padding: calc(52 / var(--vw-min) * 100vw) calc(30 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw);
		border-radius: calc(30 / var(--vw-min) * 100vw);
	}
	#js-commentModalCont{
		flex-direction: column;
	}
	.comment__img{
		width: calc(230 / var(--vw-min) * 100vw);
		margin-left: auto;
		margin-right: auto;
		margin-bottom: calc(24 / var(--vw-min) * 100vw);
	}
	.commentCont_ttl--job{
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-bottom: 0;
	}
	.commentCont_ttl--name{
		font-size: calc(18 / var(--vw-min) * 100vw);
	}
	.comment__detailIn{
		padding-top: calc(16 / var(--vw-min) * 100vw);
	}
}


/*-----------------------------------------------
 * LOSSCUT
-------------------------------------------------*/
.losscut{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10000;
	display: none;
	background-color: #000;
}
.losscut--img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.losscut--img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.losscut--img .-t{
	object-position: top;
}
.losscut--img .-b{
	object-position: bottom;
}


.losscut__bg,
.losscut__shadow,
.losscut__kurumi,
.losscut__catch{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity .4s ease;
}


.losscut__bg,
.losscut__shadow{
	opacity: 1;
	transform: scale(125%);
	transition: transform 1.2s ease;

}
body.--now-losscut .losscut__bg,
body.--now-losscut .losscut__shadow{
	opacity: 1;
	transform: scale(100%);
}



.losscut__catch{
	display: flex;
	align-items: center;
	justify-content: center;
}
.losscut__catch--txt{
	width: min(calc(480 / var(--vw-min) * 100vw), calc(480px * var(--max-percent)));
	height: min(calc(71 / var(--vw-min) * 100vw), calc(71px * var(--max-percent)));
}
@media screen and (max-width:768px){
	.losscut__catch--txt{
		width: calc(294 / var(--vw-min) * 100vw);
		height: calc(46 / var(--vw-min) * 100vw);
	}
}
.losscut__catch--txtIn{
	width: 100%;
	height: 100%;
}
.losscut__catch--txt img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}

body.--now-losscut .losscut__catch{
	opacity: 1;
	transition-delay: .4s;
}
.losscut__catch--txt{
	transform: translateY(-100%);
	transition: transform .45s ease;
}
.losscut__catch--txtIn{
	transform: translateY(0%);
	transition: transform .45s ease, opacity .45s ease;
}
body.--now-losscut .losscut__catch--txt{
	transform: translateY(0%);
	transition-delay: .4s;
}
body.--now-losscut .losscut__catch--txtIn{
	transform: translateY(100%);
	opacity: 0;
	transition-delay: 1s;
}


.losscut__kurumi{
	opacity: 0;
	transform: scale(125%) rotate(8deg);
	transition: transform .6s ease, opacity .4s ease;
}
.losscut__kurumi .losscut--img{
	transition: opacity .4s ease, transform .4s ease;
}
@media screen and (min-width:769px){
	.losscut__kurumi .losscut--img{
		height: 200%;
		transition: opacity .4s ease, transform .4s ease;
		top: -25%;
	}
	.losscut__kurumi .losscut--img img{
		object-position: center 25%;
		object-fit: contain;
	}
}
body.--now-losscut .losscut__kurumi{
	opacity: 1;
	transform: scale(100%) rotate(0deg);
	transition-delay: 1.1s;
}
body.--end-losscut .losscut__kurumi .losscut--img{
	transform: scale(80%) rotate(-8deg);
	opacity: 0;
}




/*-----------------------------------------------
 * LOADING
-------------------------------------------------*/
.tloading{
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-color: #FFF;
	z-index: 1003;
}
.tloading__cont{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.loading__circle{
	width: min(calc(240 / var(--vw-min) * 100vw), 240px);
	height: min(calc(240 / var(--vw-min) * 100vw), 240px);
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
}
@media screen and (max-width:768px){
	.loading__circle{
		width: calc(160 / var(--vw-min) * 100vw);
		height: calc(160 / var(--vw-min) * 100vw);
	}
}
.loading__circle--txt{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.loading__circle--txtIn{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.loading__circle--txtIn:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/loading/txt_loading.svg) no-repeat center / contain;
	animation: ani_rotate360 6s linear infinite;
}

.loading__circle--boxWrap{
	width: min(calc(64 / var(--vw-min) * 100vw), 64px);
	height: min(calc(80 / var(--vw-min) * 100vw), 80px);
	display: flex;
	justify-content: space-between;
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.loading__circle--boxWrap{
		width: calc(40 / var(--vw-min) * 100vw);
		height: calc(56 / var(--vw-min) * 100vw);
	}
}
.loading__circle--box{
	width: 38.8889%;
	height: 100%;
	position: relative;
}
.loading__circle--box_bar{
	width: 2px;
	height: 100%;
	background-color: #000;
	margin: 0 auto;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.loading__circle--box_box{
	display: block;
	width: 100%;
	height: 66.6667%;
	border: 1px solid #000;
	position: relative;
}
@keyframes ani_loading_translate {
	0%,5%{
		transform: translateY(0%);
	}
	95%,100%{
		transform: translateY(50%);
	}
}

.-blue .loading__circle--box_box{
	background-color: var(--color-lightblue);
	animation: ani_loading_translate .6s linear alternate infinite;
}
.-pink .loading__circle--box_box{
	background-color: var(--color-pink);
	animation: ani_loading_translate .6s linear alternate-reverse infinite;
}


/**
* viewLoading
**/
@keyframes ani_loading_txt-fadeIn {
	0%{
		opacity: 0%;
		transform: scale(50%) rotate(-60deg);
	}
	100%{
		opacity: 100%;
		transform: scale(100%) rotate(0deg);
	}
}
@keyframes an_loading_txt-fadeOut {
	0%{
		opacity: 100%;
		transform: scale(100%) rotate(0deg);
	}
	100%{
		opacity: 0%;
		transform: scale(150%) rotate(60deg);
	}
}

@keyframes ani_loading_box-fadeIn {
	0%{
		opacity: 0;
	}
	100%{
		opacity: 100%;
	}
}

/* standy */
.loading__circle--txtIn{
	opacity: 0;
	transform: scale(50%) rotate(-60deg);
	animation: 0.6s ani_loading_txt-fadeIn cubic-bezier(.36,.23,.55,1) forwards;
	animation-delay: 0.2s;
}
.loading__circle--boxWrap{
	opacity: 0;
	animation: 0.6s ani_loading_box-fadeIn cubic-bezier(.36,.23,.55,1) forwards;
	animation-delay: 0.4s;
}



/* loaded */
.loading__circle--txt{
	transition: opacity .6s cubic-bezier(.36,.23,.55,1), transform .8s cubic-bezier(.36,.23,.55,1);
}
body.--is-loading .loading__circle--txt{
	opacity: 0%;
	transform: scale(150%) rotate(60deg);
}

.loading__circle--box{
	transition: opacity .4s cubic-bezier(.36,.23,.55,1), transform .6s cubic-bezier(.36,.23,.55,1), height .6s ease;
}
body.--is-loading .loading__circle--box.-blue{
	transform: translateY(50%);
	height: 200%;
	opacity: 0;
}
body.--is-loading .loading__circle--box.-pink{
	transform: translateY(-50%);
	height: 200%;
	opacity: 0;
}