@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV
 * BNR AREA 
 * NEWS
 * INTRODUCTION
 * CAST / STAFF
 * CHARACTER
 * MOVIE
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
.section {
    position: relative;
}
/**
* bg
**/
.intro__bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: -3;
	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;
}
.intro__bg-clip-in {
	background: url(../img/common/bg/bg_intro.jpg)no-repeat center/cover;
}
@media screen and (min-width:769px){
    @supports (background-image: url(../img/common/bg/bg_intro.webp)){
        .intro__bg-clip-in{
            background-image: url(../img/common/bg/bg_intro.webp);
        }
    }
}
@media screen and (max-width:768px){
    .intro__bg-clip-in {
        background-image: url(../img/common/bg/bg_intro-s.jpg);
    }
}
/*----------------------------------------------- 
 * FV
-------------------------------------------------*/
.fv {
    background-color: var(--color-yellowFFB);
}
@media screen and (max-width:768px){
    .fv {
        display: flex;
        flex-direction: column-reverse;
    }
}
.fvWrap {
    width: min(100vw,1366px);
    position: relative;
    margin: 0 auto;
    padding-top: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .fvWrap {
        width: 100%;
        padding-top: calc(96 / var(--vw-min) * 100vw);
    }
}
.fv__visual {
    width: min(calc(920 / var(--vw-min) * 100vw),920px);
    position: relative;
    border-radius: min(calc(1000 / var(--vw-min) * 100vw),1000px) min(calc(1000 / var(--vw-min) * 100vw),1000px) 0 0;
    margin: 0 auto;
    overflow: hidden;
}
.fv__visual::after {
    content: "";
    width: min(calc(920 / var(--vw-min) * 100vw),920px);
    height: min(calc(48 / var(--vw-min) * 100vw),48px);
    display: block;
    position: absolute;
    bottom: 0;
    -webkit-mask: url(../img/common/deco/deco_f-wave.svg)no-repeat center/min(calc(1080 / var(--vw-min) * 100vw),1080px) min(calc(48 / var(--vw-min) * 100vw),48px);
    mask: url(../img/common/deco/deco_f-wave.svg)no-repeat center/min(calc(1080 / var(--vw-min) * 100vw),1080px) min(calc(48 / var(--vw-min) * 100vw),48px);
    background-color: var(--color-yellowFFB);
}
@media screen and (max-width:768px){
    .fv__visual {
        width: calc(335 / var(--vw-min) * 100vw);
        border-radius: calc(1000 / var(--vw-min) * 100vw) calc(1000 / var(--vw-min) * 100vw) 0 0;
    }
    .fv__visual::after {
        width: calc(335 / var(--vw-min) * 100vw);
        height: calc(20 / var(--vw-min) * 100vw);
        bottom: calc(-2 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(895 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
        mask-size: calc(895 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw);
    }
}
.fv__visual img {
    width: 100%;
    pointer-events: none;
}
.fv__catch {
    width: min(calc(101 / var(--vw-min) * 100vw),101px);
    position: absolute;
    top: min(calc(456 / var(--vw-min) * 100vw),456px);
    left: min(calc(191 / var(--vw-min) * 100vw),191px);
    transform: rotate(-12deg);
}
@media screen and (max-width:768px){
    .fv__catch {
        width: calc(48 / var(--vw-min) * 100vw);
        top: calc(168 / var(--vw-min) * 100vw);
        left: calc(34 / var(--vw-min) * 100vw);
        transform: rotate(-8deg);
    }
}
.fv__catch img {
    width: 100%;
    pointer-events: none;
}
.fv__stickyWrap {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    pointer-events: none;
    z-index: 1;
    pointer-events: none;
}
.fv__sticky {
    position: sticky;
    top: 0;
    height: min(100%, 100vh);
}
.fv__logo {
    width: min(calc(688 / var(--vw-min) * 100vw),688px);
    height: min(calc(288 / var(--vw-min) * 100vw),288px);
    position: absolute;
    top: min(calc(53 / var(--vw-min) * 100vw),53px);
    left: min(calc(56 / var(--vw-min) * 100vw),56px);
    background: url(../img/common/logo/logo.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__logo {
        width: calc(247 / var(--vw-min) * 100vw);
        height: calc(104 / var(--vw-min) * 100vw);
        top: calc(48 / var(--vw-min) * 100vw);
        right: 0;
        left: 0;
        margin: auto;
    }
}
/**
* movie
**/
.fv__movieArea {
    width: min(calc(240 / var(--vw-min) * 100vw),240px);
    height: min(calc(240 / var(--vw-min) * 100vw),240px);
    position: absolute;
    right: min(calc(90 / var(--vw-min) * 100vw),90px);
    bottom: min(calc(48 / var(--vw-min) * 100vw),48px);
    z-index: 1;
    border-radius: 50%;
    background-color: #fff;
    pointer-events: auto;
}
.fv__movieArea::after {
    content: "";
    width: min(calc(222 / var(--vw-min) * 100vw),222px);
    height: min(calc(222 / var(--vw-min) * 100vw),222px);
    display: block;
    position: absolute;
    top: max(calc(-1 / var(--vw-min) * 100vw),-1px);
    left: max(calc(-1 / var(--vw-min) * 100vw),-1px);
    z-index: 2;
    border-radius: 50%;
    border: min(calc(7 / var(--vw-min) * 100vw),7px) solid var(--color-yellowFFB);
    pointer-events: none;
}
@media screen and (max-width:768px){
    .fv__movieArea {
        width: calc(96 / var(--vw-min) * 100vw);
        height: calc(96 / var(--vw-min) * 100vw);
        top: calc(4 / var(--vw-min) * 100vw);
        right: unset;
        left: calc(4 / var(--vw-min) * 100vw);
        bottom: unset;
    }
    .fv__movieArea::after {
        width: calc(88 / var(--vw-min) * 100vw);
        height: calc(88 / var(--vw-min) * 100vw);
        border-width: calc(3 / var(--vw-min) * 100vw);
    }
}
.movieAreaCont {
    width: min(calc(234 / var(--vw-min) * 100vw),234px);
    height: min(calc(234 / var(--vw-min) * 100vw),234px);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .movieAreaCont {
        width: calc(90 / var(--vw-min) * 100vw);
        height: calc(90 / var(--vw-min) * 100vw);
    }
}
.movieAreaContIn {
    width: 100%;
    padding-top: 100%;
    position: relative; 
}
.movieAreaContIn::before,
.movieAreaContIn::after {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    z-index: 2;
    pointer-events: none;
}
.movieAreaContIn::before {
    padding-top: 17.094%;/*40*/
    top: 0;
    background-image: linear-gradient(0deg, transparent, #4b6b7a);
}
.movieAreaContIn::after {
    padding-top: 17.094%;/*40*/
    bottom: 0;
    background-image: linear-gradient(transparent, #4b6b7a);
}
.fv .movieBtn::before {
    z-index: 2;
}
.fv .movie__yt-play {
    width: min(calc(220 / var(--vw-min) * 100vw),220px);
    height: min(calc(220 / var(--vw-min) * 100vw),220px);
    padding-top: 0;
}
.fv .movie__yt-play::before {
    width: min(calc(196 / var(--vw-min) * 100vw),196px);
    height: min(calc(196 / var(--vw-min) * 100vw),196px);
    bottom: 0;
    z-index: 2;
    -webkit-mask: url(../img/common/deco/deco_fvFrame.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_fvFrame.svg)no-repeat center/contain;
    background-color: var(--color-yellowFFB);
	animation: 32s ani_rotate01 linear infinite;
}
.fv .movie__yt-play::after {
    width: min(calc(40 / var(--vw-min) * 100vw),40px);
    height: min(calc(38 / var(--vw-min) * 100vw),38px);
    bottom: 0;
    left: min(calc(10 / var(--vw-min) * 100vw),10px);
    z-index: 2;
    -webkit-mask: url(../img/common/deco/deco_fvPlayArrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_fvPlayArrow.svg)no-repeat center/contain;
    background-color: var(--color-yellowFFB);
}
@media screen and (max-width:768px){
    .fv .movie__yt-play {
        width: calc(88 / var(--vw-min) * 100vw);
        height: calc(88 / var(--vw-min) * 100vw);
    }
    .fv .movie__yt-play::before {
        width: calc(79 / var(--vw-min) * 100vw);
        height: calc(79 / var(--vw-min) * 100vw);
    }
    .fv .movie__yt-play::after {
        width: calc(16 / var(--vw-min) * 100vw);
        height: calc(15 / var(--vw-min) * 100vw);
        left: calc(5 / var(--vw-min) * 100vw);
    }
}
.fv__ytBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    overflow: hidden;
    pointer-events: none;
}
.fv__ytBg-player {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
}
/**
* official
**/
@media screen and (min-width:769px){
    .fv .officialWrap {
        position: absolute;
        top: 0;
        right: min(calc(24 / var(--vw-min) * 100vw),24px);
        flex-direction: column;
        justify-content: center;
        margin-top: min(calc(190 / var(--vw-min) * 100vw),190px);
        pointer-events: auto;
    }
	.fv .officialWrap .official__lists {
		flex-direction: column;
	}
	.fv .officialWrap .official__tit {
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin: 0 min(calc(10 / var(--vw-min) * 100vw),10px) min(calc(20 / var(--vw-min) * 100vw),20px) 0;
	}
}
@media screen and (max-width:768px){
    .fv__stickyWrap.--official {
        position: relative;
    }
    .fv .officialWrap {
        margin-top: calc(16 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * BNR AREA
-------------------------------------------------*/
.bnrArea {
    position: relative;
    background-color: var(--color-yellowFFB);
    padding-top: min(calc(54 / var(--vw-min) * 100vw),54px);
}
@media screen and (max-width:768px){
    .bnrArea {
        padding-top: calc(12 / var(--vw-min) * 100vw);
    }
}
.bnrWrap {
    width: min(calc(1098 / var(--vw-min) * 100vw),1098px);
    margin: 0 auto;
    overflow: hidden;
    padding: min(calc(50 / var(--vw-min) * 100vw),50px) 0 min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
    .bnrWrap {
        width: 100%;
        padding: calc(12 / var(--vw-min) * 100vw) 0 calc(15 / var(--vw-min) * 100vw);
    }
    .bnr__arrowWrap {
        height: calc(100% - calc(37 / var(--vw-min) * 100vw));
    }
}
.bnrSwiper {
    overflow: visible;
}
.bnr__item {
    width: calc(100% / 3);
    padding: 0 min(calc(9 / var(--vw-min) * 100vw),9px);
}
@media screen and (max-width:768px){
    .bnr__item {
        width: calc(311 / var(--vw-min) * 100vw);
        padding: 0 calc(8 / var(--vw-min) * 100vw);
    }
}
.bnr__link {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: min(calc(16 / var(--vw-min) * 100vw),16px);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .bnr__link {
        border-radius: calc(16 / var(--vw-min) * 100vw);
    }
}
.bnr__link img {
    width: 100%;
    pointer-events: none;
}
.swiper-pagination-bullets.swiper-pagination-horizontal.swiper__pagerLists.js-bnrSwiper-pager {
    margin-top: 0;
}
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.news {
    padding: min(calc(120 / var(--vw-min) * 100vw),120px) 0 min(calc(16 / var(--vw-min) * 100vw),16px);
    overflow: hidden;
    background-color: var(--color-yellowFFB);
}
@media screen and (max-width:768px){
    .news {
        padding: calc(80 / var(--vw-min) * 100vw) 0 calc(40 / var(--vw-min) * 100vw);
    }
}
.newsWrap {
    width: min(calc(1080 / var(--vw-min) * 100vw),1080px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .newsWrap {
        width: 100%;
    }
}
.newsCont {
    overflow: visible;
    padding-top: min(calc(25 / var(--vw-min) * 100vw),25px);
}
@media screen and (max-width:768px){
    .newsCont {
        padding: calc(10 / var(--vw-min) * 100vw) calc(40 / var(--vw-min) * 100vw) 0;
    }
}
.news__item {
    width: calc((100% - min(calc(36 / var(--vw-min) * 100vw),36px)) / 3);
    position: relative;
    border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
    border: min(calc(6 / var(--vw-min) * 100vw),6px) solid #fff;
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .news__item {
        width: calc(295 / var(--vw-min) * 100vw);
        border-radius: calc(20 / var(--vw-min) * 100vw);
        border-width: calc(6 / var(--vw-min) * 100vw);
        margin-right: calc(5 / var(--vw-min) * 100vw);
    }
}
.news__item::after {
    content: "";
    width: min(calc(68 / var(--vw-min) * 100vw),68px);
    height: min(calc(117 / var(--vw-min) * 100vw),117px);
    position: absolute;
    top: max(calc(-83 / var(--vw-min) * 100vw),-83px);
    left: max(calc(-25 / var(--vw-min) * 100vw),-25px);
    background: url(../img/common/deco/deco_pap.svg)no-repeat center/contain;
    transform: rotate(-16deg);
    opacity: 0;
    transition: .3s ease;
}
@media screen and (min-width:769px){
    .news__lists {
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: flex-start;
        gap: min(calc(18 / var(--vw-min) * 100vw),18px);
    }
    .news__item:nth-child(2) {
        margin-top: min(calc(40 / var(--vw-min) * 100vw),40px);
    }
    .news__item:first-child::after {
        opacity: 1;
    }
}
.news__item:nth-child(4n+1) {
    background-color: var(--color-green6AA);
}
.news__item:nth-child(4n+2) {
    background-color: var(--color-blue00B);
}
.news__item:nth-child(4n+3) {
    background-color: var(--color-blue47B);
}
/**
* active
**/
@media screen and (max-width:768px){
    .news__item.swiper-slide-active {
        transform: translateY(calc(40 / var(--vw-min) * 100vw));
    }
    .news__item::after {
        opacity: 0;
    }
    .news__item.swiper-slide-active::after {
        width: calc(43 / var(--vw-min) * 100vw);
        height: calc(75 / var(--vw-min) * 100vw);
        top: calc(-50 / var(--vw-min) * 100vw);
        left: calc(20 / var(--vw-min) * 100vw);
        opacity: 1;
    }
}
.news__link {
    width: 100%;
    height: 100%;
    display: block;
    padding: min(calc(56 / var(--vw-min) * 100vw),56px) min(calc(24 / var(--vw-min) * 100vw),24px) min(calc(24 / var(--vw-min) * 100vw),24px);
    text-decoration: none;
}
@media screen and (max-width:768px){
    .news__link {
        padding: calc(44 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) calc(16 / var(--vw-min) * 100vw);
    }
}
/** time **/
.news__time {
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: max(calc(-9 / var(--vw-min) * 100vw),-9px);
    right: min(calc(23 / var(--vw-min) * 100vw),23px);
    z-index: 1;
}
@media screen and (max-width:768px){
    .news__time {
        top: calc(-10 / var(--vw-min) * 100vw);
        right: calc(7 / var(--vw-min) * 100vw);
    }
}
.news__year {
    font-size: min(calc(32 / var(--vw-min) * 100vw),32px);
    letter-spacing: 0.04em;
    position: relative;
}
.news__year::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    -webkit-text-stroke: min(calc(10 / var(--vw-min) * 100vw), 10px) #fff;
}
@media screen and (max-width:768px){
    .news__year {
        font-size: calc(24 / var(--vw-min) * 100vw);
    }
    .news__year::before {
        -webkit-text-stroke-width: calc(8 / var(--vw-min) * 100vw);
    }
}
.news__date {
    font-size: min(calc(64 / var(--vw-min) * 100vw),64px);
    letter-spacing: 0.04em;
    position: relative;
}
.news__date::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    -webkit-text-stroke: min(calc(10 / var(--vw-min) * 100vw), 10px) #fff;
}
@media screen and (max-width:768px){
    .news__date {
        font-size: calc(52 / var(--vw-min) * 100vw);
    }
    .news__date::before {
        -webkit-text-stroke-width: calc(8 / var(--vw-min) * 100vw);
    }
}
.news__item:nth-child(4n+1) .news__time {
    color: var(--color-green6AA);
}
.news__item:nth-child(4n+2) .news__time {
    color: var(--color-blue00B);
}
.news__item:nth-child(4n+3) .news__time {
    color: var(--color-blue47B);
}
/** thumb **/
.news__thumb {
    width: 100%;
    padding-top: 50%;
    position: relative;
    border-radius: min(calc(14 / var(--vw-min) * 100vw),14px);
    overflow: hidden;
    background-color: #ccc;
}
@media screen and (max-width:768px){
    .news__thumb {
        border-radius: calc(14 / var(--vw-min) * 100vw);
    }
}
.news__thumb img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    object-fit: cover;
    pointer-events: none;
}
/** tit **/
.news__tit {
    font-size: min(calc(17 / var(--vw-min) * 100vw),17px);
    color: #fff;
    font-weight: 700;
    line-height: 1.88;
    letter-spacing: 0.03em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    min-height: min(calc(98 / var(--vw-min) * 100vw),98px);
    overflow: hidden;
    margin: min(calc(15 / var(--vw-min) * 100vw),15px) 0 min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .news__tit {
        font-size: calc(14 / var(--vw-min) * 100vw);
        min-height: calc(80 / var(--vw-min) * 100vw);
        margin: calc(12 / var(--vw-min) * 100vw) 0 calc(18 / var(--vw-min) * 100vw);
    }
}
/** info **/
.news__info {
    font-size: min(calc(15 / var(--vw-min) * 100vw),15px);
    color: #fff;
    font-weight: 700;
    line-height: 1.87;
    letter-spacing: 0.03em;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
@media screen and (max-width:768px){
    .news__info {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.news__arrow {
    width: min(calc(32 / var(--vw-min) * 100vw),32px);
    height: min(calc(32 / var(--vw-min) * 100vw),32px);
    border-radius: 50%;
    position: relative;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
    background-color: #fff;
    margin-left: min(calc(14 / var(--vw-min) * 100vw),14px);
}
@media screen and (max-width:768px){
    .news__arrow {
        width: calc(28 / var(--vw-min) * 100vw);
        height: calc(28 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
        margin-left: calc(8 / var(--vw-min) * 100vw);
    }
}
.news__arrow::after {
    content: "";
    width: min(calc(14 / var(--vw-min) * 100vw),14px);
    height: min(calc(12 / var(--vw-min) * 100vw),12px);
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
}
.news__item:nth-child(4n+1) .news__arrow::after {
    background-color: var(--color-green6AA);
}
.news__item:nth-child(4n+2) .news__arrow::after {
    background-color: var(--color-blue00B);
}
.news__item:nth-child(4n+3) .news__arrow::after {
    background-color: var(--color-blue47B);
}
@media screen and (max-width:768px){
    .news__arrow::after {
        width: calc(12 / var(--vw-min) * 100vw);
        height: calc(10 / var(--vw-min) * 100vw);
    }
}
.news .linkBtn {
    margin-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
    .news .linkBtn {
        margin-top: calc(68 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .news__item:hover {
        transform: translateY(-5px) scale(1.05);
    }
    .news__item:hover .news__arrow::after  {
	    animation: arrow__r .4s var(--cubic-bezier01);
    }
}
/*-----------------------------------------------
 * INTRODUCTION
-------------------------------------------------*/
.introduction {
    padding: calc(144 / var(--vw-min) * 100vw) 0 min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
    .introduction {
        padding: calc(40 / var(--vw-min) * 100vw) 0 calc(72 / var(--vw-min) * 100vw);
    }
}
.introduction::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    background-color: #100600;
    opacity: .65;
}
.introWrap {
    width: min(calc(1080 / var(--vw-min) * 100vw),1080px);
    position: relative;
    margin: 0 auto;
    padding-top: min(calc(160 / var(--vw-min) * 100vw),160px);
}
@media screen and (max-width:768px){
    .introWrap {
        width: 100%;
        padding-top: calc(72 / var(--vw-min) * 100vw);
    }
}
.introCont {
    width: min(calc(800 / var(--vw-min) * 100vw),800px);
    margin: 0 auto;
    padding-top: min(calc(48 / var(--vw-min) * 100vw),48px);
}
@media screen and (max-width:768px){
    .introCont {
        width: 100%;
        padding: calc(40 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
    }
}
.intro__txt {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    font-weight: 700;
    line-height: 2.2;
    letter-spacing: 0.01em;
    text-align: center;
}
@media screen and (max-width:768px){
    .intro__txt {
        font-size: calc(15 / var(--vw-min) * 100vw);
        line-height: 2;
        letter-spacing: 0.02em;
    }
}
.intro__txt.--big {
    font-size: min(calc(30 / var(--vw-min) * 100vw),30px);
    color: var(--color-orangeF85);
    font-weight: 900;
    line-height: 1.6;
    position: relative;
}
@media screen and (max-width:768px){
    .intro__txt.--big {
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
}
.intro__txt.--big::before {
    content: attr(data-text);
    position: absolute;
    inset: 0;
    z-index: -1;
    color: transparent;
    -webkit-text-stroke: min(calc(5 / var(--vw-min) * 100vw),5px) #fff;
}
@media screen and (max-width:768px){
    .intro__txt.--big::before {
        -webkit-text-stroke-width: calc(3 / var(--vw-min) * 100vw);
    }
}
.intro__txt.--mt {
    margin-top: min(calc(38 / var(--vw-min) * 100vw),38px);
}
.intro__txt.--mt2 {
    margin-top: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
    .intro__txt.--mt,
    .intro__txt.--mt2 {
        margin-top: calc(30 / var(--vw-min) * 100vw);
    }
}
.intro__txt-block {
    display: flex;
    justify-content: center;
    gap: min(calc(20 / var(--vw-min) * 100vw),20px);
    margin-top: min(calc(38 / var(--vw-min) * 100vw),38px);
}
@media screen and (max-width:768px){
    .intro__txt-block {
        display: block;
        margin-top: calc(30 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.intro__wave {
    width: 100%;
    height: calc(144 / var(--vw-min) * 100vw);
    position: absolute;
    top: -3px;
    -webkit-mask: url(../img/common/deco/deco_wave.svg)repeat-x center/calc(1366 / var(--vw-min) * 100vw) calc(144 / var(--vw-min) * 100vw);
    mask: url(../img/common/deco/deco_wave.svg)repeat-x center/calc(1366 / var(--vw-min) * 100vw) calc(144 / var(--vw-min) * 100vw);
    background-color: var(--color-yellowFFB);
}
@media screen and (max-width:768px){
    .intro__wave {
        height: calc(40 / var(--vw-min) * 100vw);
        top: calc(-1 / var(--vw-min) * 100vw);
        -webkit-mask-size: cover;
        mask-size: cover;
    }
}
.deco__star {
    width: min(calc(260 / var(--vw-min) * 100vw),260px);
    height: min(calc(263 / var(--vw-min) * 100vw),263px);
    position: absolute;
    top: max(calc(-244 / var(--vw-min) * 100vw),-244px);
    left: max(calc(-62 / var(--vw-min) * 100vw),-62px);
}
.deco__star::before {
    content: "";
    width: min(calc(256 / var(--vw-min) * 100vw),256px);
    height: min(calc(240 / var(--vw-min) * 100vw),240px);
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/common/deco/deco_star.png)no-repeat center/contain;
    animation: rotate1 5s ease-in-out infinite;
}
@media screen and (max-width:768px){
    .deco__star {
        width: calc(108 / var(--vw-min) * 100vw);
        height: calc(133 / var(--vw-min) * 100vw);
        top: calc(-74 / var(--vw-min) * 100vw);
        left: 0;
    }
    .deco__star::before {
        width: calc(128 / var(--vw-min) * 100vw);
        height: calc(120 / var(--vw-min) * 100vw);
    }
}
.deco__nui {
    width: min(calc(120 / var(--vw-min) * 100vw),120px);
    height: min(calc(120 / var(--vw-min) * 100vw),120px);
    position: absolute;
    top: max(calc(-206 / var(--vw-min) * 100vw),-206px);
    right: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.deco__nui::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    transform: rotate(24deg);
    background: url(../img/common/deco/deco_nui.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__nui {
        width: calc(60 / var(--vw-min) * 100vw);
        height: calc(60 / var(--vw-min) * 100vw);
        top: calc(-70 / var(--vw-min) * 100vw);
        right: calc(20 / var(--vw-min) * 100vw);
    }
}
/*------------------------------------------------
 * IMG SLIDER
-------------------------------------------------*/
.imageSlideListsWrap {
	width: 100%;
	position: relative;
}
.imageSlideLists {
	width: 100%;
	display: none;
}
.imageSlideItem img {
	width: 100%;
	pointer-events: none;
}
.imageSlideItem {
	width: min(calc(360 / var(--vw-min) * 100vw),360px);
}
@media screen and (max-width:768px){
    .imageSlideItem {
        width: calc(172 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * CAST / STAFF
-------------------------------------------------*/
.castStaff {
    padding: min(calc(160 / var(--vw-min) * 100vw),160px) 0 min(calc(180 / var(--vw-min) * 100vw),180px);
    background-color: var(--color-blue47B);
}
@media screen and (max-width:768px){
    .castStaff {
        padding: calc(80 / var(--vw-min) * 100vw) 0;
    }
}
.castStaff .cont-tit-en {
    position: relative;
    z-index: 1;
}
.castStaff .cont-tit-en::after {
    content: "";
    width: min(calc(96 / var(--vw-min) * 100vw),96px);
    height: min(calc(100 / var(--vw-min) * 100vw),100px);
    display: block;
    position: absolute;
    top: max(calc(-54 / var(--vw-min) * 100vw),-54px);
    right: max(calc(-57 / var(--vw-min) * 100vw),-57px);
    z-index: -1;
    background: url(../img/common/deco/deco_porta.svg)no-repeat center/contain;
    transform: rotate(-20deg);
}
@media screen and (max-width:768px){
    .castStaff .cont-tit-en::after {
        width: calc(61 / var(--vw-min) * 100vw);
        height: calc(64 / var(--vw-min) * 100vw);
        top: calc(-40 / var(--vw-min) * 100vw);
        right: calc(-32 / var(--vw-min) * 100vw);
    }
}
.castStaffBox {
    padding-top: min(calc(76 / var(--vw-min) * 100vw),76px);
}
@media screen and (max-width:768px){
    .castStaffBox {
        padding-top: calc(40 / var(--vw-min) * 100vw);
    }
}
.castStaffBox-tit {
    font-size: min(calc(48 / var(--vw-min) * 100vw),48px);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.04em;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: space-between;
}
@media screen and (max-width:768px){
    .castStaffBox-tit {
        font-size: calc(32 / var(--vw-min) * 100vw);
    }
}
.castStaffBox-tit span {
    margin: 0 min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .castStaffBox-tit span {
        margin: 0 calc(10 / var(--vw-min) * 100vw);
    }
}
.castStaffBox-tit::before,
.castStaffBox-tit::after {
    content: "";
    width: 44.4363%;/*607*/
    height:min(calc(8 / var(--vw-min) * 100vw),8px);
    display: block;
    margin-top: min(calc(12 / var(--vw-min) * 100vw),12px);
    -webkit-mask: url(../img/common/deco/deco_tit.svg)repeat-x center/min(calc(348 / var(--vw-min) * 100vw),348px) min(calc(8 / var(--vw-min) * 100vw),8px);
    mask: url(../img/common/deco/deco_tit.svg)repeat-x center/min(calc(348 / var(--vw-min) * 100vw),348px) min(calc(8 / var(--vw-min) * 100vw),8px);
    background-color: #fff;
}
@media screen and (max-width:768px){
    .castStaffBox-tit::before,
    .castStaffBox-tit::after {
        width: calc(133 / var(--vw-min) * 100vw);
        margin-top: calc(10 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(176 / var(--vw-min) * 100vw) calc(4 / var(--vw-min) * 100vw);
        mask-size: calc(176 / var(--vw-min) * 100vw) calc(4 / var(--vw-min) * 100vw);
    }
}
.castStaffBox-tit::after {
    transform: scale(1,-1);
}
.castStaff__lists {
    width: min(calc(1080 / var(--vw-min) * 100vw),1080px);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: min(calc(64 / var(--vw-min) * 100vw),64px);
    column-gap: min(calc(24 / var(--vw-min) * 100vw),24px);
    margin: min(calc(45 / var(--vw-min) * 100vw),45px) auto 0;
}
@media screen and (max-width:768px){
    .castStaff__lists {
        width: 100%;
        padding: 0 calc(24 / var(--vw-min) * 100vw);
        row-gap: calc(30 / var(--vw-min) * 100vw);
        column-gap: calc(24 / var(--vw-min) * 100vw);
        margin-top: calc(30 / var(--vw-min) * 100vw);
    }
}
.castStaff__item {
    width: calc((100% - min(calc(72 / var(--vw-min) * 100vw),72px)) / 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    align-content: flex-end;
}
@media screen and (max-width:768px){
    .castStaff__item {
        width: calc((100% - calc(24 / var(--vw-min) * 100vw)) / 2);
    }
}
.castStaff__item-dt {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    color: #fff;
    font-weight: 700;
    line-height: 1.33;
    letter-spacing: 0.34em;
    text-align: center;
    width: 100%;
}
@media screen and (max-width:768px){
    .castStaff__item-dt {
        font-size: calc(13 / var(--vw-min) * 100vw);
    }
}
.castStaff__item-dt span {
    width: min(calc(26 / var(--vw-min) * 100vw),26px);
    height: min(calc(26 / var(--vw-min) * 100vw),26px);
    position: relative;
    z-index: 1;
    display: inline-block;
}
@media screen and (max-width:768px){
    .castStaff__item-dt span {
        width: calc(19 / var(--vw-min) * 100vw);
        height: calc(19 / var(--vw-min) * 100vw);
    }
}
.castStaff__item-dt span::before {
    content: "";
    width: min(calc(26 / var(--vw-min) * 100vw),26px);
    height: min(calc(26 / var(--vw-min) * 100vw),26px);
    display: block;
    position: absolute;
    top: max(calc(-2 / var(--vw-min) * 100vw),-2px);
    right: 0;
    bottom: 0;
    left: max(calc(-6 / var(--vw-min) * 100vw),-6px);
    z-index: -1;
    margin: auto;
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid #fff;
    border-radius: 50%;
    background-color: var(--color-orangeF85);
}
@media screen and (max-width:768px){
    .castStaff__item-dt span::before {
        width: calc(19 / var(--vw-min) * 100vw);
        height: calc(19 / var(--vw-min) * 100vw);
        top: calc(-2 / var(--vw-min) * 100vw);
        left: calc(-5 / var(--vw-min) * 100vw);
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
.castStaff__item-dd {
    font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
    font-weight: 700;
    line-height: 1.31;
    letter-spacing: 0.04em;
    text-align: center;
    display: inline-flex;
    margin-top: min(calc(8 / var(--vw-min) * 100vw),8px)
}
@media screen and (max-width:768px){
    .castStaff__item-dd {
        font-size: calc(19 / var(--vw-min) * 100vw);
        margin-top: calc(12 / var(--vw-min) * 100vw);
    }
}
.commentLink {
    width: min(calc(29 / var(--vw-min) * 100vw),29px);
    height: min(calc(28 / var(--vw-min) * 100vw),28px);
    display: inline-block;
    background: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
    margin-left: min(calc(9 / var(--vw-min) * 100vw),9px);
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .commentLink {
        width: calc(19 / var(--vw-min) * 100vw);
        height: calc(18 / var(--vw-min) * 100vw);
        margin-right: calc(7 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .commentLink:hover {
        transform: scale(1.1);
    }
}
/*-----------------------------------------------
 * CHARACTER
-------------------------------------------------*/
.character {
    padding: min(calc(180 / var(--vw-min) * 100vw),180px) 0 0;
    background-color: var(--color-yellowFFA);
}
@media screen and (max-width:768px){
    .character {
        padding: calc(96 / var(--vw-min) * 100vw) 0 0;
    }
}
.charaWrap {
    width: min(100vw,1366px);
    position: relative;
    z-index: 2;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .charaWrap {
        width: 100%;
    }
}
.chara__lists {
    width: min(calc(1104 / var(--vw-min) * 100vw),1104px);
    display: flex;
    gap: min(calc(96 / var(--vw-min) * 100vw),96px);
    margin: 0 auto;
    padding-top: min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
    .chara__lists {
        width: calc(344 / var(--vw-min) * 100vw);
        gap: 0;
        padding-top: calc(46 / var(--vw-min) * 100vw);
    }
}
.chara__item {
    width: calc((100% - min(calc(192 / var(--vw-min) * 100vw),192px)) / 3);
    position: relative;
}
@media screen and (max-width:768px){
    .chara__item {
        width: calc(100% / 3);
    }
}
.chara__img {
    width: min(calc(280 / var(--vw-min) * 100vw),280px);
    margin-bottom: min(calc(23 / var(--vw-min) * 100vw),23px);
}
@media screen and (max-width:768px){
    .chara__img  {
        width: calc(112 / var(--vw-min) * 100vw);
        margin-bottom: calc(24 / var(--vw-min) * 100vw);
    }
}
.chara__img img {
    width: 100%;
    pointer-events: none;
}
.chara__nameWrap {
    width: min(calc(252 / var(--vw-min) * 100vw),252px);
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
    margin-left: auto;
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .chara__nameWrap {
        width: calc(84 / var(--vw-min) * 100vw);
        margin: 0 auto;
    }
}
.chara__name {
    width: min(calc(176 / var(--vw-min) * 100vw),176px);
    height: min(calc(72 / var(--vw-min) * 100vw),72px);
}
@media screen and (max-width:768px){
    .chara__name {
        width: 100%;
        height: calc(34 / var(--vw-min) * 100vw);
    }
}
.chara__item.--chara1 .chara__name {
    background: url(../img/character/name/chara1_name.svg)no-repeat center/contain;
}
.chara__item.--chara2 .chara__name {
    background: url(../img/character/name/chara2_name.svg)no-repeat center/contain;
}
.chara__item.--chara3 .chara__name {
    background: url(../img/character/name/chara3_name.svg)no-repeat center/contain;
}
.chara__moreWrap {
    width: min(calc(68 / var(--vw-min) * 100vw),68px);
    height: min(calc(74 / var(--vw-min) * 100vw),74px);
    position: relative;
    margin-bottom: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
    .chara__moreWrap {
        width: calc(48 / var(--vw-min) * 100vw);
        height: calc(52 / var(--vw-min) * 100vw);
        margin-bottom: 0;
        position: absolute;
        top: calc(-56 / var(--vw-min) * 100vw);
        right: calc(-16 / var(--vw-min) * 100vw);
    }
}
.chara__more-glass {
    width: min(calc(57 / var(--vw-min) * 100vw),57px);
    height: min(calc(57 / var(--vw-min) * 100vw),57px);
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    -webkit-mask: url(../img/common/deco/deco_glass.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_glass.svg)no-repeat center/contain;
    background-color: #fff;
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .chara__more-glass {
        width: calc(39 / var(--vw-min) * 100vw);
        height: calc(40 / var(--vw-min) * 100vw);
    }
}
.chara__more-txt {
    width: min(calc(46 / var(--vw-min) * 100vw),46px);
    height: min(calc(34 / var(--vw-min) * 100vw),34px);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-mask: url(../img/common/deco/deco_more.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_more.svg)no-repeat center/contain;
    background-color: #fff;
    transition: .3s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .chara__more-txt {
        width: calc(33 / var(--vw-min) * 100vw);
        height: calc(24 / var(--vw-min) * 100vw);
    }
}
.chara__more-img {
    width: min(calc(44 / var(--vw-min) * 100vw),44px);
    height: min(calc(44 / var(--vw-min) * 100vw),44px);
    display: block;
    position: absolute;
    bottom: min(calc(9 / var(--vw-min) * 100vw),9px);
    left: min(calc(4 / var(--vw-min) * 100vw),4px);
}
@media screen and (max-width:768px){
    .chara__more-img {
        width: calc(31 / var(--vw-min) * 100vw);
        height: calc(31 / var(--vw-min) * 100vw);
        bottom: calc(6 / var(--vw-min) * 100vw);
        left: calc(2 / var(--vw-min) * 100vw);
    }
}
.chara__item.--chara1 .chara__more-img {
    background: url(../img/character/eye/chara1_eye.png)no-repeat center/contain;
}
.chara__item.--chara2 .chara__more-img {
    background: url(../img/character/eye/chara2_eye.png)no-repeat center/contain;
}
.chara__item.--chara3 .chara__more-img {
    background: url(../img/character/eye/chara3_eye.png)no-repeat center/contain;
}
/**
* deco
**/
.deco__flower1 {
    width: min(calc(152 / var(--vw-min) * 100vw),152px);
    height: min(calc(152 / var(--vw-min) * 100vw),152px);
    position: absolute;
    top: min(calc(16 / var(--vw-min) * 100vw),16px);
    left: max(calc(-36 / var(--vw-min) * 100vw),-36px);
    background: url(../img/common/deco/deco_flower1.svg)no-repeat center/contain;
    animation: ani_rotate01 16s linear infinite;
}
@media screen and (max-width:768px){
    .deco__flower1 {
        width: calc(56 / var(--vw-min) * 100vw);
        height: calc(56 / var(--vw-min) * 100vw);
        top: calc(-35 / var(--vw-min) * 100vw);
        left: calc(-16 / var(--vw-min) * 100vw);
    }
}
.deco__flower2 {
    width: min(calc(106 / var(--vw-min) * 100vw),106px);
    height: min(calc(118 / var(--vw-min) * 100vw),118px);
    position: absolute;
    top: max(calc(-82 / var(--vw-min) * 100vw),-82px);
    right: min(calc(377 / var(--vw-min) * 100vw),377px);
    background: url(../img/common/deco/deco_flower2.svg)no-repeat center/contain;
    animation: ani_rotate01 16s linear reverse infinite;
}
@media screen and (max-width:768px){
    .deco__flower2 {
        width: calc(38 / var(--vw-min) * 100vw);
        height: calc(42 / var(--vw-min) * 100vw);
        top: calc(-33 / var(--vw-min) * 100vw);
        right: calc(18 / var(--vw-min) * 100vw);
    }
}
.deco__flower3 {
    width: min(calc(87 / var(--vw-min) * 100vw),87px);
    height: min(calc(98 / var(--vw-min) * 100vw),98px);
    position: absolute;
    top: min(calc(228 / var(--vw-min) * 100vw),228px);
    left: min(calc(396 / var(--vw-min) * 100vw),396px);
    background: url(../img/common/deco/deco_flower3.svg)no-repeat center/contain;
    animation: ani_rotate01 20s linear infinite;
}
@media screen and (max-width:768px){
    .deco__flower3 {
        width: calc(30 / var(--vw-min) * 100vw);
        height: calc(34 / var(--vw-min) * 100vw);
        top: calc(115 / var(--vw-min) * 100vw);
        left: calc(20 / var(--vw-min) * 100vw);
    }
}
.deco__flower4 {
    width: min(calc(128 / var(--vw-min) * 100vw),128px);
    height: min(calc(128 / var(--vw-min) * 100vw),128px);
    position: absolute;
    top: min(calc(60 / var(--vw-min) * 100vw),60px);
    right: min(calc(15 / var(--vw-min) * 100vw),15px);
    background: url(../img/common/deco/deco_flower4.svg)no-repeat center/contain;
    animation: ani_rotate01 30s linear infinite;
}
@media screen and (max-width:768px){
    .deco__flower4 {
        width: calc(44 / var(--vw-min) * 100vw);
        height: calc(44 / var(--vw-min) * 100vw);
        top: calc(75 / var(--vw-min) * 100vw);
        right: calc(6 / var(--vw-min) * 100vw);
    }
}
.deco__ladybug {
    width: min(calc(168 / var(--vw-min) * 100vw),168px);
    height: min(calc(97 / var(--vw-min) * 100vw),97px);
    position: absolute;
    top: max(calc(-210 / var(--vw-min) * 100vw),-210px);
    left: min(calc(195 / var(--vw-min) * 100vw),195px);
}
.deco__ladybug::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    transform: rotate(12deg);
    background: url(../img/common/deco/deco_lady.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__ladybug {
        width: calc(66 / var(--vw-min) * 100vw);
        height: calc(38 / var(--vw-min) * 100vw);
        top: calc(-113 / var(--vw-min) * 100vw);
        left: calc(36 / var(--vw-min) * 100vw);
    }
}
.chara__bottomBg {
    width: 100%;
    height: min(calc(135 / var(--vw-min) * 100vw),135px);
    position: absolute;
    bottom: 0;
    background-color: var(--color-orangeF85);
}
@media screen and (max-width:768px){
    .chara__bottomBg {
        height: calc(74 / var(--vw-min) * 100vw);
    }
}
.chara__bottomBg::after {
    content: "";
    width: 100%;
    height: min(calc(12 / var(--vw-min) * 100vw),12px);
    position: absolute;
    top: 0;
    -webkit-mask: url(../img/common/deco/deco_charaBg.svg)repeat-x center/min(calc(56 / var(--vw-min) * 100vw),56px) min(calc(12 / var(--vw-min) * 100vw),12px);
    mask: url(../img/common/deco/deco_charaBg.svg)repeat-x center/min(calc(56 / var(--vw-min) * 100vw),56px) min(calc(12 / var(--vw-min) * 100vw),12px);
    background-color: var(--color-yellowFFA);
}
@media screen and (max-width:768px){
    .chara__bottomBg::after {
        height: calc(8 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(37 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
        mask-size: calc(37 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
    }
}
/**
* charaModal
**/
.charaBox {
    width: min(calc(1080 / var(--vh-min) * 100vh),calc(1080 / var(--vw-min) * 100vw));
    min-height: min(calc(600 / var(--vh-min) * 100vh),calc(600 / var(--vw-min) * 100vw));
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .charaBox {
        width: 100%;
        min-height: unset;
    }
}
.charaBoxBg {
    width: 100%;
    height: min(calc(600 / var(--vh-min) * 100vh),calc(600 / var(--vw-min) * 100vw));
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/bg/bg_chara.svg)no-repeat center/contain;
    mask: url(../img/common/bg/bg_chara.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .charaBoxBg {
        display: none;
    }
}
.charaBoxIn {
    width: min(calc(903 / var(--vh-min) * 100vh),calc(903 / var(--vw-min) * 100vw));
    position: relative;
    z-index: 1;
    display: flex;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .js-charaModalIn__cont {
        display: flex;
        flex-direction: column;
        overflow: hidden;
    }
    .charaBoxIn {
        width: 100%;
        display: block;
        margin: calc(100 / var(--vw-min) * 100vw) 0;
        padding-bottom: calc(40 / var(--vw-min) * 100vw);
        background-color: #fff;
    }
    .charaBoxIn::before,
    .charaBoxIn::after {
        content: "";
        width: 100%;
        height: calc(100 / var(--vw-min) * 100vw);
        position: absolute;
        -webkit-mask: url(../img/common/deco/deco_charaBg-s.svg)no-repeat center/contain;
        mask: url(../img/common/deco/deco_charaBg-s.svg)no-repeat center/contain;
        background-color: #fff;
    }
    .charaBoxIn::before {
        top: calc(-99 / var(--vw-min) * 100vw);
    }
    .charaBoxIn::after {
        bottom: calc(-99 / var(--vw-min) * 100vw);
        transform: scale(1,-1);
    }
}
/**
* img
**/
.charaBox__mainImg {
    width: calc(100% - min(calc(488 / var(--vh-min) * 100vh),calc(488 / var(--vw-min) * 100vw)));
    margin-top: min(calc(100 / var(--vh-min) * 100vh),calc(100 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
    .charaBox__mainImg {
        width: 100%;
        margin-top: 0;
    }
}
.charaBox__mainImgIn {
    width: min(calc(280 / var(--vh-min) * 100vh),calc(280 / var(--vw-min) * 100vw));
    margin-left: min(calc(58 / var(--vh-min) * 100vh),calc(58 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
    .charaBox__mainImgIn {
        width: calc(207 / var(--vw-min) * 100vw);
        margin: 0 auto;
    }
}
.charaBox__mainImgIn img {
    width: 100%;
    pointer-events: none;
}
.chara__serviceShot {
    width: min(calc(242 / var(--vh-min) * 100vh),calc(242 / var(--vw-min) * 100vw));
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}
@media screen and (max-width:768px){
    .chara__serviceShot {
        width: calc(184 / var(--vw-min) * 100vw);
        bottom: calc(-26 / var(--vw-min) * 100vw);
    }
}
.chara__serviceShot img {
    width: 100%;
    pointer-events: none;
    animation: floatpap 1.5s ease-in-out infinite;
}
/**
* txt
**/
.charaBox__name-en {
    position: absolute;
    z-index: 1;
}
.charaBox.--chara1 .charaBox__name-en {
    width: min(calc(216 / var(--vw-min) * 100vw),216px);
    height: min(calc(190 / var(--vw-min) * 100vw),190px);
    top: min(calc(13 / var(--vh-min) * 100vh),calc(13 / var(--vw-min) * 100vw));
    left: min(calc(24 / var(--vh-min) * 100vh),calc(24 / var(--vw-min) * 100vw));
    background: url(../img/character/name/chara1_name-en.svg)no-repeat center/contain;
}
.charaBox.--chara2 .charaBox__name-en {
    width: min(calc(210 / var(--vh-min) * 100vh),calc(210 / var(--vw-min) * 100vw));
    height: min(calc(186 / var(--vh-min) * 100vh),calc(186 / var(--vw-min) * 100vw));
    top: min(calc(15 / var(--vh-min) * 100vh),calc(15 / var(--vw-min) * 100vw));
    left: min(calc(27 / var(--vh-min) * 100vh),calc(27 / var(--vw-min) * 100vw));
    background: url(../img/character/name/chara2_name-en.svg)no-repeat center/contain;
}
.charaBox.--chara3 .charaBox__name-en {
    width: min(calc(323 / var(--vh-min) * 100vh),calc(323 / var(--vw-min) * 100vw));
    height: min(calc(236 / var(--vh-min) * 100vh),calc(236 / var(--vw-min) * 100vw));
    top: max(calc(-13 / var(--vh-min) * 100vh),calc(-13 / var(--vw-min) * 100vw));
    left: max(calc(-17 / var(--vh-min) * 100vh),calc(-17 / var(--vw-min) * 100vw));
    background: url(../img/character/name/chara3_name-en.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .charaBox__name-en {
        z-index: 2;
        transform: rotate(12deg);
    }
    .charaBox.--chara1 .charaBox__name-en {
        width: calc(173 / var(--vw-min) * 100vw);
        height: calc(129 / var(--vw-min) * 100vw);
        top: calc(-17 / var(--vw-min) * 100vw);
        left: 0;
    }
    .charaBox.--chara2 .charaBox__name-en {
        width: calc(169 / var(--vw-min) * 100vw);
        height: calc(126 / var(--vw-min) * 100vw);
        top: calc(-16 / var(--vw-min) * 100vw);
        left: calc(13 / var(--vw-min) * 100vw);
    }
    .charaBox.--chara3 .charaBox__name-en {
        width: calc(241 / var(--vw-min) * 100vw);
        height: calc(158 / var(--vw-min) * 100vw);
        top: calc(-36 / var(--vw-min) * 100vw);
        left: 0;
    }
}
.charaBox__txtWrap {
    width: min(calc(488 / var(--vh-min) * 100vh),calc(488 / var(--vw-min) * 100vw));
    margin-top: min(calc(160 / var(--vh-min) * 100vh),calc(160 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
    .charaBox__txtWrap {
        width: calc(335 / var(--vw-min) * 100vw);
        margin: 0 auto;
    }
}
.charaBox__nameWrap {
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px){
    .charaBox__nameWrap {
        padding-top: calc(30 / var(--vw-min) * 100vw);
    }
}
.charaBox__name {
    width: min(calc(176 / var(--vh-min) * 100vh),calc(176 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
    .charaBox__name {
        width: calc(146 / var(--vw-min) * 100vw);
    }
}
.charaBox__name img {
    width: 100%;
    pointer-events: none;
}
.charaBox__cvWrap {
    margin-left: min(calc(32 / var(--vh-min) * 100vh),calc(32 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
    .charaBox__cvWrap {
        margin-left: calc(30 / var(--vw-min) * 100vw);
    }
}
.charaBox__cv {
    font-size: min(calc(25 / var(--vh-min) * 100vh),calc(25 / var(--vw-min) * 100vw));
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.04em;
}
@media screen and (max-width:768px){
    .charaBox__cv {
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
}
.charaBox__cvName {
    font-size: min(calc(26 / var(--vh-min) * 100vh),calc(26 / var(--vw-min) * 100vw));
    color: var(--color-brown2C1);
    font-weight: 700;
    line-height: 1.31;
    letter-spacing: 0.04em;
}
@media screen and (max-width:768px){
    .charaBox__cv {
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
}
.charaBox__txt {
    font-size: min(calc(20 / var(--vh-min) * 100vh),calc(20 / var(--vw-min) * 100vw));
    color: var(--color-brown2C1);
    font-weight: 700;
    line-height: 1.9;
    letter-spacing: 0.01em;
    margin-top: min(calc(56 / var(--vh-min) * 100vh),calc(56 / var(--vw-min) * 100vw));
}
@media screen and (max-width:768px){
    .charaBox__txt {
        font-size: calc(15 / var(--vw-min) * 100vw);
        margin-top: calc(20 / var(--vw-min) * 100vw);
    }
}
/**
* arrow
**/
.modal__arrowWrap {
    width: min(calc(1032 / var(--vh-min) * 100vh),calc(1032 / var(--vw-min) * 100vw));
    height: 100%;
    display: flex;
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: auto;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .modal__arrowWrap {
        width: calc(359 / var(--vw-min) * 100vw);
        height: unset;
        top: calc(245 / var(--vw-min) * 100vw);
        bottom: unset;
    }
}
.modal__arrow {
    width: min(calc(64 / var(--vh-min) * 100vh),calc(64 / var(--vw-min) * 100vw));
    height: min(calc(64 / var(--vh-min) * 100vh),calc(64 / var(--vw-min) * 100vw));
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
}
@media screen and (max-width:768px){
    .modal__arrow {
        width: calc(32 / var(--vw-min) * 100vw);
        height: calc(32 / var(--vw-min) * 100vw);
    }
}
.modal__arrowLink {
    width: 100%;
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    pointer-events: auto;
}
.modal__arrowLink::before {
    content: "";
    width: min(calc(27 / var(--vh-min) * 100vh),calc(27 / var(--vw-min) * 100vw));
    height: min(calc(21 / var(--vh-min) * 100vh),calc(21 / var(--vw-min) * 100vw));
    display: block;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .modal__arrowLink::before {
        width: calc(12 / var(--vw-min) * 100vw);
        height: calc(10 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .modal__arrow:hover .modal__arrowLink::before {
        animation: arrow__r .3s;
    }
}
.modal__arrow.--prev {
    transform: scale(-1,1);
    left: 0;
}
.modal__arrow.--next {
    right: 0;
}
.modal__arrow.--hidden {
    opacity: .6;
    pointer-events: none;
}
/* color */
.charaBox.--chara1 .charaBox__cv,
.charaBox.--chara1 .charaBox__name-en {
    color: var(--color-yellowFFB);
}
.charaBox.--chara1 .modal__arrow {
    background-color: var(--color-yellowFFB);
}
.charaBox.--chara2 .charaBox__cv,
.charaBox.--chara2 .charaBox__name-en {
    color: var(--color-blue00B);
}
.charaBox.--chara2 .modal__arrow {
    background-color: var(--color-blue00B);
}
.charaBox.--chara3 .charaBox__cv,
.charaBox.--chara3 .charaBox__name-en {
    color: var(--color-orangeF85);
}
.charaBox.--chara3 .modal__arrow {
    background-color: var(--color-orangeF85);
}
@media screen and (max-width:768px){
    /* no cv */
    .charaBox.--noCv .charaBox__nameWrap {
        justify-content: center;
    }
    .charaBox.--noCv .charaBox__txt {
        text-align: center;
    }
}
@media (hover: hover) and (pointer: fine){
    .chara__link:hover .chara__img {
       animation: bounce .6s var(--cubic-bezier01); 
    }
    .chara__link:hover .chara__nameWrap {
        transform: scale(1.1);
    }
    .chara__link:hover .chara__more-glass {
        transform: rotate(30deg);
    }
}
.charaBox__mainImgIn,
.chara__serviceShot,
.charaBox__name-en {
    animation: charaUp .3s ease;
}
@keyframes charaUp {
    0% {
        opacity: 0;
        transform: scale(0.5);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}
.charaBox__txtWrap {
    animation: charaleft .3s ease;
}
@keyframes charaleft {
    0% {
        opacity: 0;
        transform: translateX(30%);
    }

    100% {
        opacity: 1;
       transform: translateX(0);
    }
}
@media screen and (max-width:768px){
    .charaBox__name-en {
        animation: charaUp-s .3s ease;
    }
    @keyframes charaUp-s {
    0% {
        opacity: 0;
        transform: scale(0.5) rotate(12deg);
    }

    100% {
        opacity: 1;
        transform: scale(1) rotate(12deg);
    }
}
}
/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.movie {
    padding: min(calc(176 / var(--vw-min) * 100vw),176px) 0;
    background-color: var(--color-orangeF85);
}
@media screen and (max-width:768px){
    .movie {
        padding: calc(87 / var(--vw-min) * 100vw) 0 calc(200 / var(--vw-min) * 100vw); 
    }
}
.movieWrap {
    position: relative;
}
.movieCont {
    width: min(calc(940 / var(--vw-min) * 100vw),940px);
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding-top: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
    .movieCont {
        width: 100%;
        padding-top: calc(35 / var(--vw-min) * 100vw);
    }
}
.deco__movieTv {
    width: min(calc(732 / var(--vw-min) * 100vw),732px);
    height: min(calc(636 / var(--vw-min) * 100vw),636px);
    margin: 0 auto;
    background: url(../img/common/deco/deco_movieTv.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__movieTv {
        width: calc(335 / var(--vw-min) * 100vw);
        height: calc(291 / var(--vw-min) * 100vw);
    }
}
.movieSwiperWrap {
    width: 100%;
    position: absolute;
    top: min(calc(150 / var(--vw-min) * 100vw),150px);
    right: 0;
    left: 0;
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
@media screen and (max-width:768px){
    .movieSwiperWrap {
        top: calc(80 / var(--vw-min) * 100vw);
    }
}
.movieSwiper {
    width: min(calc(608 / var(--vw-min) * 100vw),608px);
    height: min(calc(384 / var(--vw-min) * 100vw),384px);
    -webkit-mask: url(../img/common/deco/deco_movieBg.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_movieBg.svg)no-repeat center/contain;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .movieSwiper {
        width: calc(279 / var(--vw-min) * 100vw);
        height: calc(176 / var(--vw-min) * 100vw);
    }
}
.movie .movieSwiper {
   position: relative;
}
.movie .movieSwiper::after {
    content: "";
    width: min(calc(183 / var(--vw-min) * 100vw),183px);
    height: min(calc(20 / var(--vw-min) * 100vw),20px);
    display: block;
    position: absolute;
    top: min(calc(15 / var(--vw-min) * 100vw),15px);
    left: min(calc(27 / var(--vw-min) * 100vw),27px);
    z-index: 2;
    background: url(../img/common/deco/deco_gloss.svg)no-repeat center/contain;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .movie .movieSwiper::after {
        width: calc(84 / var(--vw-min) * 100vw);
        height: calc(9 / var(--vw-min) * 100vw);
        top: calc(8 / var(--vw-min) * 100vw);
        left: calc(12 / var(--vw-min) * 100vw);
    }
}
.movie .movie__lists {
    position: relative;
}
.movie .movie__lists::before,
.movie .movie__lists::after {
    content: "";
    width: 100%;
    display: block;
    position: absolute;
    z-index: 1;
    pointer-events: none;
}
.movie .movie__lists::before {
    padding-top: 7.2368%;/*44*/
    top: 0;
    background-image: linear-gradient(0deg, transparent, #4b6b7a);
}
.movie .movie__lists::after {
    padding-top: 14.4737%;/*88*/
    bottom: 0;
    background-image: linear-gradient(transparent, #4b6b7a);
}
.movie .movie__itemIn {
    padding-top: 63.1579%;/*384*/
    position: relative;
}
/**
* arrow pager
**/
.movie__arrowWrap {
    width: 100%;
    height: min(calc(384 / var(--vw-min) * 100vw),384px);
    top: 0;
}
@media screen and (max-width:768px){
    .movie__arrowWrap {
        width: calc(363 / var(--vw-min) * 100vw);
        height: calc(176 / var(--vw-min) * 100vw);
    }
}
.movie__arrowWrap .swiper__arrow {
    width: min(calc(64 / var(--vw-min) * 100vw),64px);
    height: min(calc(64 / var(--vw-min) * 100vw),64px);
    background-color: #0D2E3B;
    border-color: var(--color-yellowFFB);
}
@media screen and (max-width:768px){
    .movie__arrowWrap .swiper__arrow {
        width: calc(32 / var(--vw-min) * 100vw);
        height: calc(32 / var(--vw-min) * 100vw);
    }
}
.movie__arrowWrap .swiper__arrow::after {
    width: min(calc(27 / var(--vw-min) * 100vw),27px);
    height: min(calc(21 / var(--vw-min) * 100vw),21px);
}
@media screen and (max-width:768px){
    .movie__arrowWrap .swiper__arrow::after {
        width: calc(12 / var(--vw-min) * 100vw);
        height: calc(10 / var(--vw-min) * 100vw);
    }
}
.movie.slideNone .movie__arrowWrap {
    display: none;
}
.movie .swiper-pagination-bullets.swiper-pagination-horizontal.swiper__pagerLists {
    width: 100%;
    height: min(calc(12 / var(--vw-min) * 100vw),12px);
    margin-top: min(calc(90 / var(--vw-min) * 100vw),90px);
}
@media screen and (max-width:768px){
    .movie .swiper-pagination-bullets.swiper-pagination-horizontal.swiper__pagerLists {
        height: calc(10 / var(--vw-min) * 100vw);
        margin-top: calc(40 / var(--vw-min) * 100vw);
    }
}
.movie .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    background-color: var(--color-yellowFFB);
}
.movie .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet::after {
    border-color: var(--color-orangeF85);
}
.movie .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    border: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-yellowFFB);
}
@media screen and (max-width:768px){
    .movie .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
        border-width: calc(1 / var(--vw-min) * 100vw);
    }
}
/** 
* deco
**/
.deco__wave-t {
    width: 100%;
    height: min(calc(18 / var(--vw-min) * 100vw),18px);
    position: absolute;
    top: max(calc(-1 / var(--vw-min) * 100vw),-1px);
    -webkit-mask: url(../img/common/deco/deco_m-wave.svg)repeat-x left/min(calc(683 / var(--vw-min) * 100vw),683px) min(calc(18 / var(--vw-min) * 100vw),18px);
    mask: url(../img/common/deco/deco_m-wave.svg)repeat-x left/min(calc(683 / var(--vw-min) * 100vw),683px) min(calc(18 / var(--vw-min) * 100vw),18px);
    background-color: var(--color-blue47B);
}
@media screen and (max-width:768px){
    .deco__wave-t {
        height: calc(8 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(303 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
        mask-size: calc(303 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
    }
}
.deco__circle {
    width: min(calc(1080 / var(--vw-min) * 100vw),1080px);
    height: min(calc(243 / var(--vw-min) * 100vw),243px);
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
}
@media screen and (max-width:768px){
    .deco__circle {
        width: calc(96 / var(--vw-min) * 100vw);
        height: calc(96 / var(--vw-min) * 100vw);
        top: calc(-48 / var(--vw-min) * 100vw);
        right: calc(7 / var(--vw-min) * 100vw);
        left: unset;
    }
}
.deco__circle::before {
    content: "";
    width: min(calc(243 / var(--vw-min) * 100vw),243px);  
    height: min(calc(243 / var(--vw-min) * 100vw),243px);
    display: block;
    position: absolute;
    top: max(calc(-147 / var(--vw-min) * 100vw),-147px);
    right: 0;
    background: url(../img/common/deco/deco_circle.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__circle::before {
        width: 100%;
        height: 100%;
        top: 0;
    }
}
.deco__crown {
    width: min(calc(127 / var(--vw-min) * 100vw),127px);
    height: min(calc(96 / var(--vw-min) * 100vw),96px);
    position: absolute;
    top: max(calc(-58 / var(--vw-min) * 100vw),-58px);
    left: min(calc(110 / var(--vw-min) * 100vw),110px);
}
.deco__crown::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: url(../img/common/deco/deco_crown.svg)no-repeat center/contain;
    transform: rotate(-20deg);
}
@media screen and (max-width:768px){
    .deco__crown {
        width: calc(57 / var(--vw-min) * 100vw);
        height: calc(44 / var(--vw-min) * 100vw);
        top: calc(-24 / var(--vw-min) * 100vw);
        left: calc(24 / var(--vw-min) * 100vw);
    }
}
.deco__bolt {
    width: min(calc(104 / var(--vw-min) * 100vw),104px);
    height: min(calc(166 / var(--vw-min) * 100vw),166px);
    position: absolute;
    top: max(calc(-87 / var(--vw-min) * 100vw),-87px);
    right: min(calc(141 / var(--vw-min) * 100vw),141px);
}
.deco__bolt::before { 
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background: url(../img/common/deco/deco_bolt.svg)no-repeat center/contain;
    transform: rotate(10deg);
}
@media screen and (max-width:768px){
    .deco__bolt {
        width: calc(48 / var(--vw-min) * 100vw);
        height: calc(76 / var(--vw-min) * 100vw);
        top: calc(-30 / var(--vw-min) * 100vw);
        right: calc(32 / var(--vw-min) * 100vw);
    }
}
.deco__crown.--animate {
    animation: pop .5s infinite;
}
.deco__bolt.--animate {
    animation: pop .5s infinite;
}
.movie__txtSlider {
    width: 100%;
    height: min(calc(144 / var(--vw-min) * 100vw),144px);
    position: absolute;
    bottom: min(calc(138 / var(--vw-min) * 100vw),138px);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .movie__txtSlider {
        height: calc(88 / var(--vw-min) * 100vw);
        bottom: calc(-165 / var(--vw-min) * 100vw);
    }
}
.movie__txtSlider::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: url(../img/common/deco/deco_pppSlider.png) repeat-x top left / min(calc(1548 / var(--vw-min) * 100vw), 1548px) min(calc(176 / var(--vw-min) * 100vw), 176px);
    animation: movie_txtSlider 20s linear reverse infinite;
}
@keyframes movie_txtSlider{
	0%{
	    background-position: 0 center;
	}
	100%{
	    background-position:min(calc(1548 / var(--vw-min) * 100vw), 1548px) center;
	}
}
@media screen and (max-width:768px){
    .movie__txtSlider::before {
        background-size: calc(915 / var(--vw-min) * 100vw) calc(104 / var(--vw-min) * 100vw);
    }
    @keyframes movie_txtSlider{
        0%{
            background-position: 0 center;
        }
        100%{
            background-position: calc(915 / var(--vw-min) * 100vw) center;
        }
    }
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	min-height: 100vh;
	min-height: 100dvh;
    background-color: var(--color-yellowFFB);
}
.loadingWrap {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .4s ease;
}
.loading__logo {
    width: calc(600 / var(--vw-min) * 100vw);
    transform: scale(0.5);
    opacity: 0;
}
@media screen and (max-width:768px){
    .loading__logo {
        width: calc(300 / var(--vw-min) * 100vw);
    }
}
.loading__logo img {
    width: 100%;
    pointer-events: none;
}
body.--is-subload .loading__logo {
    animation: jumpLoadLogo 1s infinite;
}