@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV / NEWS
 * BNR AREA
 * MOVIE
 * CHARACTER
 * INTRODUCTION
 * STAFF / CAST
 * BOOKS
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
.main {
    padding-right: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.mainIn {
	position: relative;
    padding: 0 0 min(calc(160 / var(--vw-min) * 100vw),160px) min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.main {
		padding-right: 0;
	}
	.mainIn {
		padding: 0 0 calc(192 / var(--vw-min) * 100vw);
	}
}
.section {
	width: 100%;
	position: relative;
}
/**
* bg
**/
.bnr__bg,
.chara__bg,
.books__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.bnr__bg-clip,
.chara__bg-clip,
.books__bg-clip {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.bnr__bg-clip-in,
.chara__bg-clip-in,
.books__bg-clip-in {
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
}
.bnr__bg-clip-in {
	background: url(../img/common/bg/bg_bnr.jpg)no-repeat top/cover;
}
.chara__bg-clip-in {
	background: url(../img/common/bg/bg_chara.jpg)no-repeat top/cover;
}
.books__bg-clip-in {
	background: url(../img/common/bg/bg_books.jpg)no-repeat top/cover;
}
@supports (background-image: url(../img/common/bg/bg_bnr.webp)){
	.bnr__bg-clip-in {
		background-image: url(../img/common/bg/bg_bnr.webp);
	}
}
@supports (background-image: url(../img/common/bg/bg_chara.webp)){
	.chara__bg-clip-in {
		background-image: url(../img/common/bg/bg_chara.webp);
	}
}
@supports (background-image: url(../img/common/bg/bg_books.webp)){
	.books__bg-clip-in {
		background-image: url(../img/common/bg/bg_books.webp);
	}
}
@media screen and (max-width:768px){
	.bnr__bg {
		z-index: 1;
	}
	.bnr__bg-clip-in {
		background: unset;
	}
	.bnr__bg::before {
		content: "";
		width: 100%;
		height: calc(243 / var(--vw-min) * 100vw);
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/common/bg/chara_bg_min.png)no-repeat center/cover;
	}
	.bnrBottomBgWrap {
		display: none!important;
	}
}
/*-----------------------------------------------
 * FV / NEWS
-------------------------------------------------*/
.fvWrap {
	display: flex;
}
@media screen and (max-width:768px){
	.fvWrap {
		display: block;
	}
}
/**
* left
**/
.fv__left {
	width: calc(600 / var(--vw-min) * 100vw);
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.fv__left {
		width: 100%;
	}
}
.fv__leftIn {
	position: sticky;
	top: 0;
}
.fv__visualImg img {
	width: 100%;
	pointer-events: none;
}
@media screen and (min-width:769px){
	.fv__leftBgLists {
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0;
		z-index: -1;
		margin: auto;
		overflow: hidden;
	}
	.fv__leftBgItem {
		width: 100%;
		height: 100%;
		position: absolute;
		bottom: 0;
		opacity: 0;
		-webkit-filter: blur(15px);
		filter: blur(15px);
		transition: .6s ease;
	}
	.fv__leftBgItem img {
		width: 100%;
		height: 100%;
		position: absolute;
		inset: 0;
		margin: auto;
		object-fit: cover;
		pointer-events: none;
	}
	.fv__leftBgItem.--is-active {
		opacity: 1;
		z-index: 1;
	}
}

.fv__changeListsWrap{
	width: calc(24 / var(--vw-min) * 100vw);
	position: absolute;
	top: 0;
	right: calc(-12 / var(--vw-min) * 100vw);
	bottom: 0;
	z-index: 10;
}
.fv__changeListsWrapIn{
	height: 100vh;
	position: sticky;
	top: 0;
	left: 0;
}
.fv__changeLists{
	width: calc(24 / var(--vw-min) * 100vw);
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
@media screen and (max-width:768px){
	.fv__changeListsWrap{
		width: auto;
		height: calc(48 / var(--vw-min) * 100vw);
		margin: auto;
		flex-direction: unset;
		position: absolute;
		right: 0;
		top: unset;
		left: 0;
		bottom: calc(-24 / var(--vw-min) * 100vw);
		z-index: 10;
	}
	.fv__changeListsWrapIn{
		height: unset;
		position: relative;
		top: unset;
		left: unset;
	}
	.fv__changeLists {
		width: auto;
		height: calc(48 / var(--vw-min) * 100vw);
		margin: auto;
		flex-direction: unset;
		position: relative;
		top: unset;
		right: 0;
		left: 0;
		bottom: 0;
		transform: none;
	}
}
.fv__changeLists::before,
.fv__changeLists::after {
	content: "";
	width: calc(24 / var(--vw-min) * 100vw);
	height: calc(17 / var(--vw-min) * 100vw);
	display: block;
	background: url(../img/common/deco/deco_fv-bg.svg)no-repeat center/contain;
}
.fv__changeLists::after {
	transform: scale(1,-1);
	margin-top: calc(-2 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__changeLists::before,
	.fv__changeLists::after {
		width: calc(31 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
		background-image: url(../img/common/deco/deco_m-tit.svg);
	}
	.fv__changeLists::after {
		transform: scale(-1,1);
		margin-top: 0;
	}
}
.fv__visualChange {
	width: 100%;
	height: calc(23 / var(--vw-min) * 100vw);
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #000;
}
	.fv__visualChange:first-child, 
	.fv__visualChange:last-child {
		height: calc(38 / var(--vw-min) * 100vw);
	}
	.fv__visualChange:first-child::before,
	.fv__visualChange:last-child::after {
		content: "";
		width: 100%;
		height: calc(15 / var(--vw-min) * 100vw);
	}
@media screen and (max-width:768px){
	.fv__visualChange {
		width: calc(46 / var(--vw-min) * 100vw);
		height: 100%;
		flex-direction: unset;
	}
	.fv__visualChange:first-child,
	.fv__visualChange:last-child {
		width: calc(61 / var(--vw-min) * 100vw);
		height: 100%;
	}
	.fv__visualChange:first-child::before,
	.fv__visualChange:last-child::after {
		content: "";
		width: calc(16 / var(--vw-min) * 100vw);
		height: 100%;
		display: block;
		background-color: #000;
	}
}
.fv__visualBtn {
	width: calc(8 / var(--vw-min) * 100vw);
	height: calc(8 / var(--vw-min) * 100vw);
	position: relative;
	inset: 0;
	margin: auto;
	border-radius: 50%;
	border: calc(2 / var(--vw-min) * 100vw) solid rgba(255,255,255,.6);
	pointer-events: auto;
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.fv__visualBtn {
		width: calc(16 / var(--vw-min) * 100vw);
		height: calc(16 / var(--vw-min) * 100vw);
		border-width: calc(4 / var(--vw-min) * 100vw);
	}
}
.fv__visualBtn.--is-active {
	border-color: var(--color-redD44);
}
@media (hover: hover) and (pointer: fine){
	.fv__visualBtn:hover {
		border-color: var(--color-redD44);
	}
}
/**
* right
**/
.fv__right {
	width: calc(100% - calc(600 / var(--vw-min) * 100vw));
	position: relative;
}
@media screen and (max-width:768px){
	.fv__right {
		width: 100%;
		padding-top: calc(50 / var(--vw-min) * 100vw);
	}
}
.fv__logo {
	width: calc(400 / var(--vw-min) * 100vw);
	height: calc(122 / var(--vw-min) * 100vw);
	margin: calc(74 / var(--vw-min) * 100vw) auto 0;
	background: url(../img/common/logo/logo_w.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.fv__logo {
		width: calc(521 / var(--vw-min) * 100vw);
		height: calc(199 / var(--vw-min) * 100vw);
		position: absolute;
		right: 0;
		bottom: calc(40 / var(--vw-min) * 100vw);
		left: 0;
		z-index: 1;
		margin: 0 auto;
		background-image: url(../img/common/logo/logo_w.png);
	}
}
.fv__onair {
	width: calc(440 / var(--vw-min) * 100vw);
	margin-top: calc(40 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.fv__onair {
		width: calc(689 / var(--vw-min) * 100vw);
		margin-top: 0;
	}
}
.fv__onair img {
	width: 100%;
	pointer-events: none;
}
.news {
	width: calc(480 / var(--vw-min) * 100vw);
	padding: calc(40 / var(--vw-min) * 100vw) 0 calc(80 / var(--vw-min) * 100vw);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.news {
		width: 100%;
		padding: calc(48 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) calc(96 / var(--vw-min) * 100vw);
	}
}
.newsCont {
	position: relative;
	background-color: rgba(255, 255, 255, .8);
}
.news__lists {
	padding: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.news__lists {
		padding: calc(48 / var(--vw-min) * 100vw);
	}
}
.news__link {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 600;
	line-height: 2;
	letter-spacing: 0.03em;
	width: 100%;
	position: relative;
	display: block;
	text-decoration: none;
	border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid rgba(0,0,0,.2);
	padding-bottom: min(calc(18 / var(--vw-min) * 100vw),18px);
}
@media screen and (max-width:768px){
	.news__link {
		font-size: calc(24 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
		padding-bottom: calc(18 / var(--vw-min) * 100vw);
	}
}
.news__item:not(:first-child) .news__link {
	padding-top: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.news__item:not(:first-child) .news__link {
		padding-top: calc(20 / var(--vw-min) * 100vw);
	}
}
.news__link::after {
	content: "";
	width: 100%;
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	display: block;
	position: absolute;
	bottom: max(calc(-1 / var(--vw-min) * 100vw),-1px);
	left: 0;
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 0% 100%;
	background-image: linear-gradient(#000,#000);
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.news__link::after {
		height: calc(2 / var(--vw-min) * 100vw);
		bottom: calc(-2 / var(--vw-min) * 100vw);
	}
}
.news__time {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
	display: flex;
    align-items: center;
}
.news__time::before {
	content: "";
	width: min(calc(4 / var(--vw-min) * 100vw),4px);
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	display: block;
	border-radius: 50%;
	border: min(calc(2 / var(--vw-min) * 100vw),2px) solid var(--color-redD44);
	margin-right: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
	.news__time {
		font-size: calc(26 / var(--vw-min) * 100vw);
	}
	@media screen and (max-width:768px){
		.news__time::before {
			width: calc(8 / var(--vw-min) * 100vw);
			height: calc(8 / var(--vw-min) * 100vw);
			border-width: calc(4 / var(--vw-min) * 100vw);
			margin-right: calc(16 / var(--vw-min) * 100vw);
		}
	}
}
.news__tit {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
	overflow: hidden;
}
.news__arrow {
	width: min(calc(32 / var(--vw-min) * 100vw),32px);
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	display: block;
	position: absolute;
	right: 0;
	bottom: max(calc(-3 / var(--vw-min) * 100vw),-3px);
	-webkit-mask: url(../img/common/deco/deco_arrow-lr.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow-lr.svg)no-repeat center/contain;
	background-color: #000;
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.news__arrow {
		width: calc(64 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
		bottom: calc(-3 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.news__link:hover {
		color: var(--color-redD44);
	}
	.news__link:hover::after {
		background-size: 100% 100%;
	} 
	.news__link:hover .news__arrow {
		transform: translateX(3px);
		transition-delay: .3s;
	}
}
/**
* deco
**/
.fv__stickyWrap {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	pointer-events: none;
	z-index: -1;
}
@media screen and (max-width:768px){
	.fv__stickyWrap {
		height: 100%;
	}
}
.fv__sticky {
	position: sticky;
	top: 0;
	height: min(100%, 100vh);
}
@media screen and (max-width:768px){
	.fv__sticky  {
		height: 100%;
		min-height: 100%;
	}
}
.deco__fv-t {
	width: min(calc(222 / var(--vw-min) * 100vw),222px);
	height: min(calc(301 / var(--vw-min) * 100vw),301px);
	position: absolute;
	top: 0;
	right: 0;
	background: url(../img/common/deco/deco_fv-t.png)no-repeat center/contain;
}
.deco__fv-b {
	width: min(calc(220 / var(--vw-min) * 100vw),220px);
	height: min(calc(234 / var(--vw-min) * 100vw),234px);
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/common/deco/deco_fv-b.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.deco__fv-t {
		width: 100%;
		height: calc(543 / var(--vw-min) * 100vw);
		top: calc(-1 / var(--vw-min) * 100vw);
		background-image: url(../img/common/deco/deco_fv-t-s.png);
	}
	.deco__fv-b {
		width: 100%;
		height: calc(497 / var(--vw-min) * 100vw);
		background-image: url(../img/common/deco/deco_fv-b-s.png);
	}
}
/*-----------------------------------------------
 * BNR AREA
-------------------------------------------------*/
.bnrArea {
    position: relative;
}
.bnrAreaWrap {
    position: relative;
    padding: calc(40 / var(--vw-min) * 100vw) 0 0;
}
@media screen and (max-width:768px){
	.bnrAreaWrap {
		padding: calc(48 / var(--vw-min) * 100vw) 0 0;
	}
}
.bnrSwiperWrap {
    width: min(calc(960 / var(--vw-min) * 100vw),960px);
    position: relative;
	z-index: 2;
    margin: 0 auto;
}
@media screen and (max-width:768px){
	.bnrSwiperWrap {
		width: calc(679 / var(--vw-min) * 100vw);
	}
}
.bnrSwiper {
    width: min(calc(780 / var(--vw-min) * 100vw),780px);
}
@media screen and (max-width:768px){
	.bnrSwiper {
		width: 100%;
	}
}
.bnrSwiper__item {
    width: calc(100% / 3);
    padding: 0 min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.bnrSwiper__item {
		width: calc(100% / 2);
		padding: 0 calc(12 / var(--vw-min) * 100vw);
	}
}
.bnrSwiper__link {
    width: 100%;
    height: 100%;
    display: block;
}
.bnrSwiper__link img {
    width: 100%;
    pointer-events: none;
}
.bnr__arrowWrap {
    width: 100%;
    height: calc(100% - min(calc(40 / var(--vw-min) * 100vw),40px));
    position: absolute;
    top: 0;
    margin: auto;
}
@media screen and (max-width:768px){
	.bnr__arrowWrap {
		width: calc(655 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
		top: unset;
		right: 0;
		bottom: 0;
		left: 0;
	}
}
.bnr__arrowWrap .swiper__arrow {
	color: #fff;
}
.bnr__arrowWrap .swiper__arrow::before {
	background-color: #fff;
}
.bnrBottomBgWrap {
    position: relative;
    width: 100%;
    height: min(calc(76 / var(--vw-min) * 100vw),76px);
    display: flex;
	justify-content: space-between;
    margin-bottom: max(calc(-75 / var(--vw-min) * 100vw),-75px);
    z-index: 2;
}
@media screen and (max-width:768px){
	.bnrBottomBgWrap {
		height: calc(50 / var(--vw-min) * 100vw);
		margin-bottom: calc(-49 / var(--vw-min) * 100vw);
	}
}
.bnrBottomBg {
    width: min(calc(560 / var(--vw-min) * 100vw),560px);
    height: 100%;
    position: relative;
}
@media screen and (max-width:768px){
	.bnrBottomBg {
		width: 50%;
	}
}
.bnr__bg-clip.--left{
    clip-path: polygon(100% 0, 0% 100%, 0 0);
}
.bnr__bg-clip.--right{
    clip-path: polygon(0 0, 100% 100%, 100% 0);
}
@media (hover: hover) and (pointer: fine){
	.bnr__arrowWrap .swiper__arrow:hover {
		color: var(--color-redD44);
	}
}
/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.movie {
    padding: calc(193 / var(--vw-min) * 100vw) 0 calc(80 / var(--vw-min) * 100vw);
    clip-path: inset(0);
    overflow: hidden;
}
@media screen and (max-width:768px){
	.movie {
		padding: calc(210 / var(--vw-min) * 100vw) 0 calc(96 / var(--vw-min) * 100vw);
	}
}
.movieWrap{
	position: relative;
	z-index: 1;
}
.movieSwiper {
    overflow: visible;
}
.movie__item {
    width: calc(100vw - min(calc(600 / var(--vw-min) * 100vw),600px));
    max-width: 100vh;
    position: relative;
    margin: 0 min(calc(40 / var(--vw-min) * 100vw),40px);
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.movie__item {
		width: calc(558 / var(--vw-min) * 100vw);
		max-width: auto;
		margin: 0 calc(24 / var(--vw-min) * 100vw);
	}
}
.movie__item.swiper-slide-active {
    transform: translateY(max(calc(-50 / var(--vw-min) * 100vw),-50px));
}
@media screen and (max-width:768px){
	.movie__item.swiper-slide-active {
    	transform: translateY(calc(-48 / var(--vw-min) * 100vw));
	}
}
.movie__tit {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: #fff;
    line-height: 2;
	position: absolute;
	top: max(calc(-15 / var(--vw-min) * 100vw),-15px);
	right: 0;
	left: 0;
	z-index: 1;
	margin: auto;
	display: flex;
    justify-content: center;
    align-items: center;
}
@media screen and (max-width:768px){
	.movie__tit {
		font-size: calc(24 / var(--vw-min) * 100vw);
		top: calc(-20 / var(--vw-min) * 100vw);
	}
}
.movie__tit::before,
.movie__tit::after {
    content: "";
    width: min(calc(21 / var(--vw-min) * 100vw),21px);
    height: min(calc(32 / var(--vw-min) * 100vw),32px);
    display: block;
    background: url(../img/common/deco/deco_m-tit.svg)no-repeat center/contain;
}
.movie__tit::before {
	margin-right: -2px;
}
.movie__tit::after {
	transform: scale(-1,1);
	margin-left: -2px;
}
@media screen and (max-width:768px){
	.movie__tit::before,
	.movie__tit::after {
		width: calc(31 / var(--vw-min) * 100vw);
		height: calc(48 / var(--vw-min) * 100vw);
	}
}
.movie__tit span {
    display: inline-block;
    background-color: #000;
	padding: 0 min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.movie__tit span {
		padding: 0 calc(12 / var(--vw-min) * 100vw);
	}
}
/** MOVIE BG **/
.movieBg {
	/* position: fixed; */
	position: absolute;
	z-index: 0;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#fff;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-shrink: 0;
}
.movieBg:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(255,255,255,.4);
	-webkit-backdrop-filter:blur(8px);
	backdrop-filter:blur(8px);
	z-index:50;
}
.movieBg__inner {
	display: block;
	width:100%;
	/* height:100%; */
	height: 56.25vw;
	position: relative;
}
.movieBgPlayer{
	position: absolute;
	top: -50%;
	left: 0%;
	width: 100%;
	height: 200%;
}
@media screen and (max-width:768px){
	.movie .linkBtn {
		margin-top: 0;
	}

	.movieBg__inner{
		height: 100%;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
		transform: scale(135%);
		transition: .3s ease;
	}
	.movieBg__inner .movieBgPlayer{
		opacity: 0;
	}
}
/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
.character {
	padding: min(calc(160 / var(--vh-min) * 100vh),calc(160 / var(--vw-min) * 100vw)) 0;
}
@media screen and (max-width:768px){
	.character {
		padding: calc(112 / var(--vw-min) * 100vw) 0;
	}
}
.charaWrap {
	width: min(calc(1000 / var(--vh-min) * 100vh),calc(1000 / var(--vw-min) * 100vw));
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	background-color: var(--color-khaki4F4);
	padding: min(calc(4 / var(--vh-min) * 100vh),calc(4 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.charaWrap {
		width: calc(656 / var(--vw-min) * 100vw);
		display: block;
		padding: calc(8 / var(--vw-min) * 100vw);
	}
}
.character .cont-titWrap {
	width: min(calc(112 / var(--vh-min) * 100vh),calc(112 / var(--vw-min) * 100vw));
	height: min(calc(312 / var(--vh-min) * 100vh),calc(312 / var(--vw-min) * 100vw));
	position: relative;
	border: min(calc(2 / var(--vh-min) * 100vh),calc(2 / var(--vw-min) * 100vw)) solid #fff;
	background-color: var(--color-khaki4F4);
	margin-left: min(calc(4 / var(--vh-min) * 100vh), calc(4 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.character .cont-titWrap {
		width: calc(640 / var(--vw-min) * 100vw);
		height: calc(144 / var(--vw-min) * 100vw);
		border-width: calc(4 / var(--vw-min) * 100vw);
		margin-left: 0;
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
	}
}
.character .cont-tit {
	width: min(calc(97 / var(--vh-min) * 100vh),calc(97 / var(--vw-min) * 100vw));
	height: min(calc(283 / var(--vh-min) * 100vh),calc(283 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/tit/tit_chara.svg)no-repeat center/contain;
	mask: url(../img/common/tit/tit_chara.svg)no-repeat center/contain;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.character .cont-tit {
		width: calc(600 / var(--vw-min) * 100vw);
		height: calc(114 / var(--vw-min) * 100vw);
		-webkit-mask-image: url(../img/common/tit/tit_chara-s.svg);
		mask-image: url(../img/common/tit/tit_chara-s.svg);
	}
}
.chara__lists {
	display: flex;
	flex-direction: row-reverse;
	gap: min(calc(4 / var(--vh-min) * 100vh),calc(4 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
	.chara__lists {
		flex-wrap: wrap; 
		gap: calc(8 / var(--vw-min) * 100vw);
	}
}
.chara__item {
	width: min(calc(76 / var(--vh-min) * 100vh),calc(76 / var(--vw-min) * 100vw));
	position: relative;
}
.chara__item.--comingSoon {
	background-color: #fff;
}
@media screen and (max-width:768px){
	.chara__item {
		width: calc(100 / var(--vw-min) * 100vw);
	}
}
.chara__item::before {
	content: "";
	width: calc(100% - (min(calc(6 / var(--vh-min) * 100vh),calc(6 / var(--vw-min) * 100vw))));
	height: calc(100% - (min(calc(6 / var(--vh-min) * 100vh),calc(6 / var(--vw-min) * 100vw))));
	display: block;
	position: absolute;
	inset: 0;
	z-index: 1;
	margin: auto;
	border: min(calc(1 / var(--vh-min) * 100vh),calc(1 / var(--vw-min) * 100vw)) solid var(--color-khaki4F4);
	pointer-events: none;
}
@media screen and (max-width:768px){
	.chara__item::before {
		width: calc(100% - (calc(8 / var(--vw-min) * 100vw)));
		height: calc(100% - (calc(8 / var(--vw-min) * 100vw)));
		border-width: calc(2 / var(--vw-min) * 100vw);
	}
}
.chara__link {
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
	background-color: #fff;
	text-decoration: none;
	transition: .3s var(--cubic-bezier01);
}
.chara__link::after {
	content: "";
	width: min(calc(71 / var(--vh-min) * 100vh),calc(71 / var(--vw-min) * 100vw));
	height: min(calc(71 / var(--vh-min) * 100vh),calc(71 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-mask: url(../img/common/deco/deco_fan2.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_fan2.svg)no-repeat center/contain;
	background-color: rgba(255, 255, 255, .2);
	transition: .3s var(--cubic-bezier01);
}
.chara__name {
	width: min(calc(76 / var(--vh-min) * 100vh),calc(76 / var(--vw-min) * 100vw));
	height: min(calc(312 / var(--vh-min) * 100vh),calc(312 / var(--vw-min) * 100vw));
	position: relative;
	z-index: 1;
	background-color: var(--color-khaki4F4);
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.chara__name {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(416 / var(--vw-min) * 100vw);
	}
}
/** 各キャラ名 **/
.chara__item.--chara1 .chara__name {
	-webkit-mask: url(../img/character/name/chara1_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara1_name.png)no-repeat center/contain;
}
.chara__item.--chara2 .chara__name {
	-webkit-mask: url(../img/character/name/chara2_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara2_name.png)no-repeat center/contain;
}
.chara__item.--chara3 .chara__name {
	-webkit-mask: url(../img/character/name/chara3_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara3_name.png)no-repeat center/contain;
}
.chara__item.--chara4 .chara__name {
	-webkit-mask: url(../img/character/name/chara4_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara4_name.png)no-repeat center/contain;
}
.chara__item.--chara5 .chara__name {
	-webkit-mask: url(../img/character/name/chara5_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara5_name.png)no-repeat center/contain;
}
.chara__item.--chara6 .chara__name {
	-webkit-mask: url(../img/character/name/chara6_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara6_name.png)no-repeat center/contain;
}
.chara__item.--chara7 .chara__name {
	-webkit-mask: url(../img/character/name/chara7_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara7_name.png)no-repeat center/contain;
}
.chara__item.--chara8 .chara__name {
	-webkit-mask: url(../img/character/name/chara8_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara8_name.png)no-repeat center/contain;
}
.chara__item.--chara9 .chara__name {
	-webkit-mask: url(../img/character/name/chara9_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara9_name.png)no-repeat center/contain;
}
.chara__item.--chara10 .chara__name {
	-webkit-mask: url(../img/character/name/chara10_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara10_name.png)no-repeat center/contain;
}
.chara__item.--chara11 .chara__name {
	-webkit-mask: url(../img/character/name/chara11_name.png)no-repeat center/contain;
	mask: url(../img/character/name/chara11_name.png)no-repeat center/contain;
}
/**
* deco
**/
.deco__charaLine {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}
.deco__charaLine::before,
.deco__charaLine::after {
	content: "";
	width: 100%;
	height: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
	position: absolute;
	background: url(../img/common/deco/deco_chara-line.svg)repeat-x left/min(calc(120 / var(--vh-min) * 100vh),calc(120 / var(--vw-min) * 100vw)) min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
}
.deco__charaLine::before {
	top: 0;
}
.deco__charaLine::after {
	bottom: -1px;
}
@media screen and (max-width:768px){
	.deco__charaLine::before,
	.deco__charaLine::after {
		height: calc(16 / var(--vw-min) * 100vw);
		background-size: calc(240 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
}
.deco__chara-tr,
.deco__chara-bl {
	width: min(calc(480 / var(--vh-min) * 100vh),calc(480 / var(--vw-min) * 100vw));
	height: min(calc(120 / var(--vh-min) * 100vh),calc(120 / var(--vw-min) * 100vw));
	position: absolute;
	overflow: hidden;
}
.deco__chara-tr {
	top: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
	right: 0;
}
.deco__chara-bl {
	bottom: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
	left: 0;
}
.deco__chara-tr::before,
.deco__chara-bl::before {
	content: "";
	width: min(calc(520 / var(--vh-min) * 100vh),calc(520 / var(--vw-min) * 100vw));
	height: min(calc(120 / var(--vh-min) * 100vh),calc(120 / var(--vw-min) * 100vw));
	position: absolute;
	background: url(../img/common/deco/deco_chara-g.png)no-repeat center/contain;
}
.deco__chara-tr::before {
	top: 0;
	left: 0;
}
.deco__chara-bl::before {
	right: 0;
	bottom: 0;
	transform: scale(-1,-1);
}
@media screen and (max-width:768px){
	.deco__chara-tr,
	.deco__chara-bl {
		width: calc(328 / var(--vw-min) * 100vw);
		height: calc(179 / var(--vw-min) * 100vw);
	}
	.deco__chara-tr {
		top: calc(16 / var(--vw-min) * 100vw);
	}
	.deco__chara-bl {
		bottom: calc(16 / var(--vw-min) * 100vw);
	}
	.deco__chara-tr::before,
	.deco__chara-bl::before {
		width: calc(782 / var(--vw-min) * 100vw);
		height: calc(179 / var(--vw-min) * 100vw);
	}
}
/**
* hover
**/
.hoverCharaWrap {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
  opacity: 0;
  transform: translate(0,0);
  transition: opacity 0.25s var(--cubic-bezier01), transform 0.35s cubic-bezier(.22,1,.36,1);
}
.hoverCharaWrap.is-active {
  opacity: 1;
}
.hoverCharaImg {
  width: min(calc(160 / var(--vw-min) * 100vw),160px);
  display: block;
  border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
  border-radius: 50%;
  overflow: hidden;
  background-color: #fff;
}
.hoverCharaImg img {
  width: 100%;
  opacity: 1;
  transform: scaleX(1);
  pointer-events: none;
  transition: opacity 0.2s var(--cubic-bezier01), transform 0.2s var(--cubic-bezier01);
}
.hoverCharaImg img.is-switching {
  opacity: 0;
  transform: scaleX(0);
}
.hoverChara-arrow {
  width: min(calc(56 / var(--vh-min) * 100vh),calc(56 / var(--vw-min) * 100vw));
  height: min(calc(17 / var(--vh-min) * 100vh),calc(17 / var(--vw-min) * 100vw));
  position: absolute;
  bottom: 0;
  right: 0;
  border-radius: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
  border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #000;
  background-color: #fff;
}
.hoverChara-arrow::before {
	content: "";
	width: min(calc(32 / var(--vh-min) * 100vh),calc(32 / var(--vw-min) * 100vw));
	height: min(calc(7 / var(--vh-min) * 100vh),calc(7 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow-lr.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow-lr.svg)no-repeat center/contain;
	background-color: #000;
}
/* ホバー時リンク装飾 */
@media (hover: hover) and (pointer: fine){
  .chara__link:hover {
    background-color: var(--color-redD44);
  }
  .chara__link:hover::after {
    opacity: 1;
  }
  .chara__link:hover .chara__name {
    background-color: #fff;
  }
}


/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.introduction {
	--intro-unit: min(calc(1 / 1400 * 100vw), calc(1 / 800 * 100vh), 1px);
	position: relative;
	height: 600vh;
}
@media screen and (max-width:768px){
	.introduction {
		height: 400vh;
	}
}
/**
* photo
**/
.intro__photoWrap {
	width: 100%;
    height: 100%;
    position: relative;
	z-index: 1;
	padding: calc(160 / var(--vw-min) * 100vw) 0 0;
    transition: opacity .5s var(--cubic-bezier01)-out;
	overflow: clip;
}
@media screen and (max-width:768px){
	.intro__photoWrap {
		padding: calc(192 / var(--vw-min) * 100vw) 0 0;
	}
}
.intro__photoIn {
	width: calc(960 / var(--vw-min) * 100vw);
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.intro__photoIn {
		width: 100%;
	}
}
.intro__catch {
	width: calc(66 / var(--vw-min) * 100vw);
	height: calc(476 / var(--vw-min) * 100vw);
	position: absolute;
	top: calc(-40 / var(--vw-min) * 100vw);
	right: 0;
	left: 0;
	margin: auto;
	-webkit-mask: url(../img/top/introduction/intro_catch.svg)no-repeat center/contain;
	mask: url(../img/top/introduction/intro_catch.svg)no-repeat center/contain;
	background-color: #000;
}
@media screen and (max-width:768px){
	.intro__catch {
		width: calc(72 / var(--vw-min) * 100vw);
		height: calc(516 / var(--vw-min) * 100vw);
		top: calc(0 / var(--vw-min) * 100vw);
	}
}
.intro__photo {
	width: calc(320 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
	.intro__photo {
		width: calc(264 / var(--vw-min) * 100vw);
	}
}
.intro__photo.--right {
	padding-top: calc(160 / var(--vw-min) * 100vw);
	margin-left: auto;
}
@media screen and (max-width:768px){
	.intro__photo.--right {
		padding-top: 0;
		margin-top: calc(-28 / var(--vw-min) * 100vw);
	}
}
.intro__photo.--right,
.intro__photo.--left {
	position: relative;
	top: 10vh;
}
@media screen and (max-width:768px){
	.intro__photo.--right,
	.intro__photo.--left {
		top: 40vh;
	}
}
.intro__photoCont {
	width: 100%;
	height: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	position: sticky;
	top: 0;
}
.intro__photMask {
  position: relative;
  overflow: hidden;
  aspect-ratio: 3 / 2;
}
.intro__photo.--main {
	width: 100%;
}
.intro__photo.--main img {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  object-fit: cover;
}

.intro__photo img {
	width: 100%;
	pointer-events: none;
}
/**
* txt
**/
.introWrap {
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
}
.introCont {
	position: sticky;
	top: 0;
	height: min(100%, 100vh);
}
@media screen and (max-width:768px){
	.introCont {
		min-height: min(calc(1300 / 1300 * 100vh),calc(1300 / var(--vw-min) * 100vw));
	}
}
.intro__txtWrap {
	width: 100%;
	max-height: 100vh;
	height: 100%;
	position: absolute;
	top: 0;
}
@media screen and (max-width:768px){
	.intro__txtWrap {
		max-height: 100%;
		min-height: min(calc(1300 / 1300 * 100vh),calc(1300 / var(--vw-min) * 100vw));
		padding: min(calc(96 / 1300 * 100vh),calc(96 / var(--vw-min) * 100vw)) min(calc(48 / 1300 * 100vh),calc(48 / var(--vw-min) * 100vw));
	}
}
.intro__txtIn {
	width: 100%;
	height: 100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: calc(80 * var(--intro-unit)) 0;
}
@media screen and (max-width:768px){
	.intro__txtIn {
		height: 100%;
		padding: 0;
		flex-direction: column;
	}
}
.intro__txtIn::before,
.intro__txtIn::after {
	content: "";
	min-width: min(calc(40 / var(--vw-min) * 100vw),40px);
	flex: 1 1 0;
}
.intro__txtIn::after {
	min-width: calc(14.1072% + min(calc(40 / var(--vw-min) * 100vw),40px));
}
@media screen and (max-width:768px){
	.intro__txtIn::before,
	.intro__txtIn::after {
		display: none;
	}
}
.introduction .cont-titWrap {
	width: calc(100% - 78.5714%);
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 2;
	padding-left: 7.3214%;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.introduction .cont-titWrap {
		width: 100%;
		position: relative;
		top: unset;
		right: unset;
		bottom: unset;
		padding-left: 0;
		display: block;
		pointer-events: auto;
	}
}
.introduction .cont-tit {
	width: min(calc(80 / var(--vw-min) * 100vw), 80px, calc(80 / 800 * 100vh));
	height: min(calc(472 / var(--vw-min) * 100vw), 472px, calc(472 / 800 * 100vh));
	display: block;
	background: url(../img/common/tit/tit_intro.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.introduction .cont-tit {
		width: 100%;
		height: min(calc(140 / 1300 * 100vh),calc(140 / var(--vw-min) * 100vw));
		background-image: url(../img/common/tit/tit_intro-s.svg);
	}
}
.intro__txtBlock {
	flex: none;
	position: relative;
}
@media screen and (max-width:768px){
	.intro__txtBlock {
		width: 100%;
		flex: 1;
		margin-left: auto;
	}
}
.intro__txtBox {
	width: 100%;
    margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
    position: relative;
	margin-top: calc(40 * var(--intro-unit));
	justify-content: center;
}
@media screen and (max-width:768px){
	.intro__txtBox {
		width: 100%;
		justify-content: center;
		margin-top: min(calc(76 / 1300 * 100vh),calc(76 / var(--vw-min) * 100vw));
	}
}
.intro__txt {
	font-size: calc(24 * var(--intro-unit));
	color: #fff;
	line-height: 2;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	font-feature-settings:initial;
	position: relative;
	z-index: 1;
}
@media screen and (max-width:768px){
	.intro__txt {
		font-size: min(calc(28 / 1300 * 100vh),calc(28 / var(--vw-min) * 100vw));
	}
}
.intro__txt-b {
	font-size: calc(32 * var(--intro-unit));
	color: var(--color-yellowDCC);
	line-height: 1.5;
}
@media screen and (max-width:768px){
	.intro__txt-b {
		font-size: min(calc(40 / 1300 * 100vh),calc(40 / var(--vw-min) * 100vw));
	}
}
.intro__txt small {
	font-size: calc(16 * var(--intro-unit));
}
@media screen and (max-width:768px){
	.intro__txt small {
		font-size: min(calc(20 / 1300 * 100vh),calc(20 / var(--vw-min) * 100vw));
	}
}
.--ml {
	margin-left: calc(60 * var(--intro-unit));
}
@media screen and (max-width:768px){
	.--ml {
		margin-left: min(calc(40 / 1300 * 100vh),calc(40 / var(--vw-min) * 100vw));
	}
}
.--mark {
	text-combine-upright: all;
}
/**
* bg
**/
.intro__bgWrap {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -2;
	pointer-events: none;
}
.intro__bg::after {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
   	background-color: rgba(0, 0, 0, .6);
	background-image: radial-gradient(transparent 50%, #000)
}
.intro__bg {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.intro__bgImg {
	width: 100%;
	height: 100%;
	position: fixed;
	inset: 0;
}
.intro__bgImg img {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	margin: auto;
	object-fit: cover;
	pointer-events: none;
}
/**
* bg
**/
.intro__bgIn {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	/* overflow: hidden; */
}
.intro__bg-clip {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
.intro__bg-clip-in{
	width: 100%;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	-webkit-mask: url(../img/common/bg/bg_ptn.svg)repeat center/min(calc(160 / var(--vw-min) * 100vw),160px) min(calc(80 / var(--vw-min) * 100vw),80px);
	mask: url(../img/common/bg/bg_ptn.svg)repeat center/min(calc(160 / var(--vw-min) * 100vw),160px) min(calc(80 / var(--vw-min) * 100vw),80px);
	background-color: rgba(0, 0, 0, .2);
}
@media screen and (max-width:768px){
	 .intro__bg-clip-in {
		-webkit-mask-size: calc(160 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
		mask-size: calc(160 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
	}
}
/**
* アニメーション
**/
.intro__photoWrap {
	opacity: 1;
	filter: blur(0);
	pointer-events: auto;
	transition: .6s cubic-bezier(.18,.91,.74,.79);
}
.introduction.--active .intro__photoWrap {
	opacity: 0;
	filter: blur(10px);
	pointer-events: none;
}
.intro__txtWrap {
	opacity: 0;
	filter: blur(10px);
	pointer-events: none;
	transition: .6s cubic-bezier(.18,.91,.74,.79);
}
.introduction.--active .intro__txtWrap {
	opacity: 1;
	filter: blur(0);
	pointer-events: auto;
}
/*-----------------------------------------------
 * STAFF / CAST
-------------------------------------------------*/
.staffCast {
	padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(110 / var(--vw-min) * 100vw),110px);
}
@media screen and (max-width:768px){
	.staffCast {
		padding: calc(96 / var(--vw-min) * 100vw) 0 calc(85 / var(--vw-min) * 100vw);
	}
}
.staffCastWrap {
	--staffCast-space: min(calc(40 / var(--vw-min) * 100vw),40px);
	--staffCast-area: calc(100vw - var(--staffCast-space) * 2);
	--staffCast-limit: calc(var(--staffCast-area) * .858928 - var(--staffCast-space));
	--staffCast-width: min(calc(873 / var(--vw-min) * 100vw), 873px, var(--staffCast-limit) - var(--staffCast-space));
	--staffCast-ml: max(var(--staffCast-space), min((var(--staffCast-area) - var(--staffCast-width)) / 2, var(--staffCast-limit) - var(--staffCast-width)));
	width: var(--staffCast-width);
	margin-left: var(--staffCast-ml);
}
@media screen and (max-width:768px){
	.staffCastWrap {
		width: 100%;
		margin-left: 0;
	}
}
.staffCast .cont-titWrap {
	width: calc(100% - 78.5714%);
	position: absolute;
	top: min(calc(80 / var(--vw-min) * 100vw),80px);
	right: 0;
	bottom: min(calc(110 / var(--vw-min) * 100vw),110px);
	z-index: 2;
	padding-left: 7.3214%;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.staffCast .cont-titWrap {
		width: 100%;
		position: relative;
		top: unset;
		right: unset;
		bottom: unset;
		padding: 0 calc(54 / var(--vw-min) * 100vw);
	}
}
.staffCast .cont-tit {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(424 / var(--vw-min) * 100vw),424px);
	display: block;
	position: sticky;
	top: min(calc(40 / var(--vw-min) * 100vw),40px);
	background: url(../img/common/tit/tit_staffcast.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.staffCast .cont-tit {
		width: 100%;
		height: calc(140 / var(--vw-min) * 100vw);
		position: relative;
		top: unset;
		background-image: url(../img/common/tit/tit_staffcast-s.svg);
	}
}
.staffCastIn {
	width: 100%;
    position: relative;
}
@media screen and (max-width:768px){
	.staffCastIn {
		padding-right: calc(48 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit {
	width: 100%;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.1em;
	display: flex;
    align-items: baseline;
    justify-content: space-between;
	margin-left: auto;
	text-shadow: var(--text-shadow);
}
@media screen and (max-width:768px){
	.staffCast__tit {
		width: 100%;
		max-width: 100%;
		padding-left: calc(48 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit-en {
	font-size: min(calc(42 / var(--vw-min) * 100vw),42px);
	display: flex;
    align-items: center;
}
.staffCast__tit-en::before {
	content: "";
	width: min(calc(24 / var(--vw-min) * 100vw),24px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	display: inline-block;
	-webkit-mask: url(../img/common/deco/deco_staffcast.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_staffcast.svg)no-repeat center/contain;
	background-color: var(--color-redD44);
	margin-right: min(calc(16 / var(--vw-min) * 100vw),16px);
}
@media screen and (max-width:768px){
	.staffCast__tit-en {
		font-size: calc(48 / var(--vw-min) * 100vw);
	}
	.staffCast__tit-en::before {
		width: calc(24 / var(--vw-min) * 100vw);
		height: calc(24 / var(--vw-min) * 100vw);
		margin-right: calc(16 / var(--vw-min) * 100vw);
	}
}
.staffCast__tit-ja {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	color: var(--color-redD44);
}
@media screen and (max-width:768px){
	.staffCast__tit-ja {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
.staff {
	padding-top: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.staff {
		padding-top: calc(64 / var(--vw-min) * 100vw);
	}
}
.cast {
	padding-top: min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.cast {
		padding-top: calc(70 / var(--vw-min) * 100vw);
	}
}
.staffCastCont {
	position: relative;
	padding-top: min(calc(66 / var(--vw-min) * 100vw),66px);
}
@media screen and (max-width:768px){
	.staffCastCont {
		padding-top: calc(70 / var(--vw-min) * 100vw);
	}
}
.staffCastCont::before,
.staffCastCont::after {
	content: "";
	width: calc(var(--staffCast-width) + var(--staffCast-ml) + var(--staffCast-space));
	height: min(calc(1 / var(--vw-min) * 100vw),1px);
	position: absolute;
	top: 0;
	left: calc(-1 * (var(--staffCast-space) + var(--staffCast-ml)));
  	background-image: linear-gradient(90deg, #000000 8%, transparent 95% 100%);
}
.staffCastCont::after {
	top: min(calc(3 / var(--vw-min) * 100vw),3px);
}
@media screen and (max-width:768px){
	.staffCastCont::before,
	.staffCastCont::after {
		width: 100%;
		height: calc(2 / var(--vw-min) * 100vw);
		left: 0;
	}
	.staffCastCont::after {
		top: calc(8 / var(--vw-min) * 100vw);
	}
}
.staffCast__lists {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	column-gap: min(calc(80 / var(--vw-min) * 100vw),80px);
	row-gap: min(calc(20 / var(--vw-min) * 100vw),20px);
	margin-left: auto;
}
@media screen and (max-width:768px){
	.staffCast__lists {
		width: 100%;
		max-width: 100%;
		padding-left: calc(96 / var(--vw-min) * 100vw);
		column-gap: unset;
		row-gap: calc(20 / var(--vw-min) * 100vw);
	}
}
.staffCast__item {
	width: calc((100% - min(calc(80 / var(--vw-min) * 100vw),80px)) / 2);
	display: flex;
	align-items: center;
}
.staffCast__item-1c {
	width: 75%;
	display: flex;
	align-items: center;
	margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
	justify-content: center;
}
@media screen and (max-width:768px){
	.staffCast__item {
		width: 100%;
	}
	.staffCast__item-1c {
		width: 100%;
		align-items: start;
		margin-top: min(calc(20 / var(--vw-min) * 100vw), 20px);
		justify-content: left;
	}
}
.staffCast__item.--small {
	align-items: baseline;
}
.staffCast__item.--w100 {
	width: 100%;
}
.staffCast__item.--pb,
.staffCast__item.--P-pb {
	padding-bottom: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
	.staffCast__item.--pb {
		padding-bottom: calc(48 / var(--vw-min) * 100vw);
	}
	.staffCast__item.--P-pb {
		padding-bottom: 0;
	}
	.staffCast__item {
		flex-direction: unset;
		align-items: flex-start;
	}
}
.staffCast__item-dt {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	color: var(--color-redD44);
	font-weight: 600;
	text-align: right;
	padding-right: min(calc(15 / var(--vw-min) * 100vw),15px);
	text-shadow: var(--text-shadow);
	flex-shrink: 0;
}
@media screen and (max-width:768px){
	.staffCast__item-dt {
		font-size: calc(24 / var(--vw-min) * 100vw);
	}
}
.staffCast__item-dd {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	font-weight: 600;
	display: flex;
	text-shadow: var(--text-shadow);
}
@media screen and (max-width:768px){
	.staffCast__item-dd {
		font-size: calc(28 / var(--vw-min) * 100vw);
	}
}
.staffCast__item-dd span {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}
.staffCast__item-dd small {
	font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.staffCast__item-dd small {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.icon__comment {
	width: min(calc(40 / var(--vw-min) * 100vw),40px);
	height: min(calc(24 / var(--vw-min) * 100vw),24px);
	position: relative;
	margin: min(calc(7 / var(--vw-min) * 100vw),7px) 0 0 min(calc(7 / var(--vw-min) * 100vw),7px);
}
@media screen and (max-width:768px){
	.icon__comment {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(36 / var(--vw-min) * 100vw);
		margin: calc(10 / var(--vw-min) * 100vw) 0 0 calc(10 / var(--vw-min) * 100vw);
	}
}
.icon__commentLink {
	width: 100%;
	height: 100%;
	display: block;
	-webkit-mask: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
	background-color: var(--color-redD44);
	transition: .3s var(--cubic-bezier01);
}
@media (hover: hover) and (pointer: fine){
	.icon__commentLink:hover {
		background-color: #000;
		transform: scale(1.1);
	}
}
/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.books {
	overflow: hidden;
	padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
	.books {
		padding: calc(112 / var(--vw-min) * 100vw) 0;
	}
}
.booksWrap {
	width: min(calc(960 / var(--vw-min) * 100vw),960px);
	position: relative;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.booksWrap {
		width: 100%;
	}
}
.books .cont-titWrap {
	width: calc(100% - 78.5714%);
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw),40px);
	right: 0;
    padding-left: 7.3214%;
	z-index: 2;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.books .cont-titWrap {
		width: calc(414 / var(--vw-min) * 100vw);
		position: relative;
		top: unset;
		right: unset;
		padding-left: unset;
		margin: 0 auto;
	}
}
.books .cont-tit {
	width: min(calc(80 / var(--vw-min) * 100vw),80px);
	height: min(calc(292 / var(--vw-min) * 100vw),292px);
	display: block;
	background: url(../img/common/tit/tit_books.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.books .cont-tit {
		width: calc(414 / var(--vw-min) * 100vw);
		height: calc(140 / var(--vw-min) * 100vw);
		background-image: url(../img/common/tit/tit_books-s.svg);
	}
}
.booksSwiperWrap {
	position: relative;
}
@media screen and (max-width:768px){
	.booksSwiperWrap {
		padding: calc(76 / var(--vw-min) * 100vw) 0 0 calc(48 / var(--vw-min) * 100vw);
	}
}
.booksSwiper.swiper {
	overflow: unset;
}
@media screen and (max-width:768px){
	.booksSwiper.swiper {
		padding-left: calc(48 / var(--vw-min) * 100vw);
	}
}
.books__item {
	width: min(calc(200 / var(--vw-min) * 100vw), 200px);
	position: relative;
	margin-right: min(calc(40 / var(--vw-min) * 100vw), 40px);
	transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
	.books__item {
		width: calc(255 / var(--vw-min) * 100vw);
		margin-right: calc(48 / var(--vw-min) * 100vw);
	}
}
.books__item::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	inset: 0;
	margin: auto;
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid #000;
	background-image: var(--color-gradient);
	opacity: 0;
	transition: .3s var(--cubic-bezier01);
}
@media (hover: hover) and (pointer: fine){
	.books__item:hover {
		transform: rotate(-3deg);
	}
	.books__item:hover::before {
		transform: rotate(10deg);
		opacity: 1;
	}
}
.books__link {
	width: 100%;
	height: 100%;
	position: relative;
	display: block;
	overflow: hidden;
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid #000;
}
@media screen and (max-width:768px){
	.books__link {
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}
.books__link img {
	width: 100%;
	pointer-events: none;
	transition: .3s var(--cubic-bezier01);
}
.swiper-horizontal>.booksSwiper-scrollbar.swiper-scrollbar, 
.booksSwiper-scrollbar.swiper-scrollbar.swiper-scrollbar-horizontal {
	width: min(calc(600 / var(--vw-min) * 100vw),600px);
	position: absolute;
	right: 0;
	bottom: min(calc(13 / var(--vw-min) * 100vw),13px);
	left: 0;
	border-radius: min(calc(2 / var(--vw-min) * 100vw),2px);
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.swiper-horizontal>.booksSwiper-scrollbar.swiper-scrollbar, 
	.booksSwiper-scrollbar.swiper-scrollbar.swiper-scrollbar-horizontal {
		width: calc(558 / var(--vw-min) * 100vw);
		position: relative;
		right: unset;
		bottom: unset;
		left: unset;
		margin: calc(48 / var(--vw-min) * 100vw) 0 0 calc(48 / var(--vw-min) * 100vw);
	}
}
.booksSwiper-scrollbar.swiper-scrollbar {
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	background-color: #fff;
}
@media screen and (max-width:768px){
	.booksSwiper-scrollbar.swiper-scrollbar {
		height: calc(8 / var(--vw-min) * 100vw);
	}
}
.booksSwiper-scrollbar .swiper-scrollbar-drag {
	height: min(calc(4 / var(--vw-min) * 100vw),4px);
	background-color: #000;
	border-radius: min(calc(2 / var(--vw-min) * 100vw),2px);
}
@media screen and (max-width:768px){
	.booksSwiper-scrollbar .swiper-scrollbar-drag {
		height: calc(8 / var(--vw-min) * 100vw);
	}
}
.books__arrowWrap {
	width: min(calc(800 / var(--vw-min) * 100vw),800px);
	margin: min(calc(40 / var(--vw-min) * 100vw),40px) auto 0;
}
@media screen and (max-width:768px){
	.books__arrowWrap {
		width: calc(656 / var(--vw-min) * 100vw);
		margin: calc(24 / var(--vw-min) * 100vw) 0 0 0;
	}
}
.books__bnr {
	width: min(calc(300 / var(--vw-min) * 100vw),300px);
	margin: min(calc(80 / var(--vw-min) * 100vw),80px) auto 0;
}
@media screen and (max-width:768px){
	.books__bnr {
		width: calc(500 / var(--vw-min) * 100vw);
		margin-top: calc(96 / var(--vw-min) * 100vw);
	}
}
.books__bnrLink {
	width: 100%;
	height: 100%;
	display: block;
}
.books__bnr img {
	width: 100%;
	pointer-events: none;
}
/**
* deco
**/
.deco__booksLine {
	width: 100%;
	height: 100%;
	position: absolute;
	inset: 0;
	z-index: 1;
	pointer-events: none;
}
.deco__booksLine::before,
.deco__booksLine::after {
	content: "";
	width: 100%;
	height: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
	display: block;
	position: absolute;
	background: url(../img/common/deco/deco_books-line.svg)repeat-x left/min(calc(80 / var(--vh-min) * 100vh),calc(80 / var(--vw-min) * 100vw)) min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
}
.deco__booksLine::before {
	top: 0;
}
.deco__booksLine::after {
	bottom: 0;
}
@media screen and (max-width:768px){
	.deco__booksLine::before,
	.deco__booksLine::after {
		height: calc(16 / var(--vw-min) * 100vw);
		background-size: calc(160 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
	}
}
.deco__books-tr,
.deco__books-bl {
	width: min(calc(243 / var(--vw-min) * 100vw),243px);
	height: min(calc(196 / var(--vw-min) * 100vw),196px);
	position: absolute;
	mix-blend-mode: overlay;
}
.deco__books-tr::before,
.deco__books-bl::before {
	content: "";
	width: 100%;
	height: 100%;
	display: block;
	background: url(../img/common/deco/deco_books-g.png)no-repeat center/contain;
}
.deco__books-tr {
	top: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
	right: 0;
}
.deco__books-bl {
	bottom: min(calc(8 / var(--vh-min) * 100vh),calc(8 / var(--vw-min) * 100vw));
	left: 0;
	transform: scale(-1,-1);
}
@media screen and (max-width:768px){
	.deco__books-tr,
	.deco__books-bl {
		width: calc(453 / var(--vw-min) * 100vw);
		height: calc(368 / var(--vw-min) * 100vw)
	}
	.deco__books-tr {
		top: calc(16 / var(--vw-min) * 100vw);
	}
	.deco__books-bl {
		bottom: calc(16 / var(--vw-min) * 100vw);
	}
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
.section .cont-titWrap,
.section .charaWrap {
	opacity: 0;
	/* filter: blur(10px); */
	transition: .6s cubic-bezier(.18,.91,.74,.79);
}
.section.is-ani .cont-titWrap,
.section.is-ani .charaWrap {
	opacity: 1;
	/* filter: blur(0); */
}
.staff .staffCast__tit,
.cast .staffCast__tit {
	opacity: 0;
	/* transform: translateY(10px); */
	transition: .3s var(--cubic-bezier01);
}
.staff.is-ani .staffCast__tit,
.cast.is-ani .staffCast__tit {
	opacity: 1;
	/* transform: translateY(0); */
}
.staff .staffCast__lists,
.cast .staffCast__lists {
	opacity: 0;
	/* transform: translateX(-30%); */
	transition: .6s var(--cubic-bezier01)
}
.staff.is-ani .staffCast__lists,
.cast.is-ani .staffCast__lists {
	opacity: 1;
	/* transform: translateX(0); */
	transition-delay: .3s;
}
.section .booksSwiper {
	opacity: 0;
	transform: translateX(100%);
	transition: .6s var(--cubic-bezier01);
}
.section.is-ani .booksSwiper {
	opacity: 1;
	transform: translateX(0);
	transition-delay: .15s;
}
.section .booksSwiper-scrollbar,
.section .books__arrowWrap,
.section .books .linkBtn,
.section .books__bnr {
	opacity: 0;
	transform: translateY(30%);
	transition: .6s var(--cubic-bezier01);
}
.section.is-ani .booksSwiper-scrollbar,
.section.is-ani .books__arrowWrap,
.section.is-ani .books .linkBtn,
.section.is-ani .books__bnr {
	opacity: 1;
	transform: translateY(0);
	transition-delay: .15s;
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: #fff;
}
.loading__w {
    position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10001;
	min-height: 100vh;
	min-height: 100dvh;
	background-color: #fff;
    transition: .3s ease;
	pointer-events: none;
}
.loading.is-ani .loading__w{
    opacity: 0;
}
.loading__parts {
	width: min(calc(100 / var(--vw-min) * 100vw),100px);
	height: min(calc(398 / var(--vw-min) * 100vw),398px);
	position: absolute;
	top: 50%;
	right: 50%;
	z-index: 1;
	transform: translate(50%, -50%) scale(0.8);
}
@media screen and (max-width:768px){
	.loading__parts {
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(398 / var(--vw-min) * 100vw);
	}
}
.loading__part {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .4s ease-in-out;
}
.loading__part:nth-child(1) {
    background: url(../img/top/loading/part1.png)no-repeat center/contain;
}
.loading__part:nth-child(2) {
    background: url(../img/top/loading/part2.png)no-repeat center/contain;
}
.loading__part:nth-child(3) {
    background: url(../img/top/loading/part3.png)no-repeat center/contain;
}
.loading__part:nth-child(4) {
    background: url(../img/top/loading/part4.png)no-repeat center/contain;
}
.--part-fan {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	transform: scaleX(0);
	opacity: 0;
	transition: transform .7s ease-in-out, opacity .7s ease-in-out;
    background: url(../img/top/loading/part5.png)no-repeat center/contain;
}
.--part-en {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .4s ease-in-out;
    background: url(../img/top/loading/part6.png)no-repeat center/contain;
}
.--part-ja {
	width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    opacity: 0;
    transition: .4s ease-in-out;
    background: url(../img/top/loading/part7.png)no-repeat center/contain;
}
.loading__parts.is-in .loading__part{
    opacity: 1;
}
.loading__parts.is-in .loading__part:nth-child(1) {
    transition-delay: .8s;
}
.loading__parts.is-in .loading__part:nth-child(2) {
    transition-delay: .9s;
}
.loading__parts.is-in .loading__part:nth-child(3) {
    transition-delay: 1s;
}
.loading__parts.is-in .loading__part:nth-child(4) {
    transition-delay: 1.1s;
}
.loading__parts.is-in .--part-fan {
	transform: scaleX(1);
	opacity: 1;
}
.loading__parts.is-in .--part-en {
	opacity: 1;
	transition-delay: 1.1s;
}
.loading__parts.is-in .--part-ja {
	opacity: 1;
	transition-delay:1.1s;
}
.loading__parts.is-ani .loading__part,
.loading__parts.is-ani .--part-en,
.loading__parts.is-ani .--part-ja {
	opacity: 1;
	transition-delay:unset!important;
}
.loading__parts.is-ani .--part-fan {
 	transform: scaleX(1);
	opacity: 1;
}
.loading__parts.is-move {
	opacity: 0;
	transition: .7s ease-out;
}
.nobori{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	z-index: 1000;
	pointer-events: none;
}
.nobori__in{
	position: sticky;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	overflow: hidden;
}
.nobori__bnr{
	width: min(calc(120 / var(--vw-min) * 100vw),120px);
	position: absolute;
	right: -12px;
	bottom: -120px;
	pointer-events: auto;
	transform: rotate(-7.5deg);
}
.nobori__bnr a{
	display: block;
}
.nobori__bnr img{
	display: block;
	width: 100%;
}
.mt24{
	margin-top: min(calc(24 / var(--vw-min) * 100vw), 24px);
}
@media screen and (max-width:768px){
	.nobori{
		z-index: 100;
	}
	.nobori__bnr{
		width: min(calc(120 / var(--vw-min) * 100vw),120px);
		right: -4px;
		bottom: 24px;
	}
	.mt24{
		margin-top: min(calc(8 / var(--vw-min) * 100vw), 8px);
	}
}
/*-----------------------------------------------
 * SP performance（top・表示拡大時の描画負荷軽減）
-------------------------------------------------*/
@media screen and (max-width:768px){
	.chara__bg-clip,
	.books__bg-clip,
	.intro__bg-clip {
		min-height: 100%;
	}
	.chara__bg-clip-in,
	.books__bg-clip-in {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		min-height: 100vh;
		background-repeat: no-repeat;
		background-position: center;
		background-size: cover;
	}
	.intro__bgImg {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
	}
	.intro__bgImg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.intro__bg-clip-in {
		position: absolute;
		inset: 0;
		width: 100%;
		height: 100%;
		min-height: 100vh;
	}
	.introduction.--active .intro__photoWrap {
		filter: none;
	}
	.intro__txtWrap {
		filter: none;
	}
	.introduction.--active .intro__txtWrap {
		filter: none;
	}
	.movieBg__inner {
		transform: none;
	}
	.intro__photo.--left,
	.intro__photo.--right {
		opacity: 1;
	}
	.intro__photo.--left img,
	.intro__photo.--right img {
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}

/*-----------------------------------------------
 * CELEBRATION MODAL
-------------------------------------------------*/
.celebrationModal__cont {
	width: min(calc(800 / var(--vw-min) * 100vw), 800px);
	padding: min(calc(48 / var(--vw-min) * 100vw), 48px);
}
.celebrationModal__tit {
	font-size: min(calc(28 / var(--vw-min) * 100vw), 28px);
	color: var(--color-redD44);
	font-weight: 700;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
	margin-bottom: min(calc(32 / var(--vw-min) * 100vw), 32px);
}
.celebrationModal__img {
	width: 100%;
	border: min(calc(1 / var(--vw-min) * 100vw), 1px) solid #000;
}
.celebrationModal__img img {
	width: 100%;
	height: auto;
	display: block;
}
@media screen and (max-width:768px){
	.celebrationModal__cont {
		width: 100%;
		padding: calc(48 / var(--vw-min) * 100vw);
	}
	.celebrationModal__tit {
		font-size: calc(32 / var(--vw-min) * 100vw);
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
	}
	.celebrationModal__img {
		border-width: calc(1 / var(--vw-min) * 100vw);
	}
}