@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV
 * TOPICS
 * NEWS
 * INTRODUCTION
 * BOOKS
 * MOVIE
-------------------------------------------------*/
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
.content {
    overflow: hidden;
}
@media screen and (max-width:768px){
    .content {
        margin-top: calc(-113 / var(--vw-min) * 100vw);
    }
}
.section {
    position: relative;
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fvWrap {
    padding-top: calc(80 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .fv {
        padding-bottom: calc(113 / var(--vw-min) * 100vw);
        overflow: hidden;
    }
    .fvWrap {
        padding-top: calc(29 / var(--vw-min) * 100vw);
    }
}
@media screen and (min-width:769px){
    .fv__stickyWrap {
        width: 100%;
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        pointer-events: none;
        z-index: 1;
    }
    .fv__sticky {
        position: sticky;
        top: 0;
        height: min(100%, 100vh);
    }
}
/**
* movie
**/
.movieArea {
    position: absolute;
    right: calc(30 / var(--vw-min) * 100vw);
    bottom: calc(30 / var(--vw-min) * 100vw);
    pointer-events: auto;
}
@media screen and (max-width:768px){
    .movieArea {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        right: unset;
        bottom: unset;
        margin: 0 auto;
        padding-top: calc(64 / var(--vw-min) * 100vw);
    }
}
.movieArea::before {
    content: "";
    width: calc(151 / var(--vw-min) * 100vw);
    height: calc(36 / var(--vw-min) * 100vw);
    display: block;
    position: absolute;
    top: calc(-29 / var(--vw-min) * 100vw);
    right: 0;
    left: 0;
    margin: auto;
    background: url(../img/common/deco/deco_movieTxt.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .movieArea::before {
        width: calc(190 / var(--vw-min) * 100vw);
        height: calc(44 / var(--vw-min) * 100vw);
        top: calc(27 / var(--vw-min) * 100vw);
        background-image: url(../img/common/deco/deco_movieTxt-s.svg);
    }
}
.movieAreaCont {
    width: calc(170 / var(--vw-min) * 100vw);
    height: calc(170 / var(--vw-min) * 100vw);  
    position: relative;
    -webkit-mask: url(../img/common/deco/deco_panBg.svg) no-repeat center / contain;
    mask: url(../img/common/deco/deco_panBg.svg) no-repeat center / contain;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .movieAreaCont {
        width: calc(231 / var(--vw-min) * 100vw);
        height: calc(231 / var(--vw-min) * 100vw);
    }
}
.fv .movieBtn::before {
    background-color: var(--color-brown5A2);
    opacity: .9;
}
.fv .movie__yt-play::after {
    width: calc(62 / var(--vw-min) * 100vw);
    height: calc(62 / var(--vw-min) * 100vw);
    left: calc(-2 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .fv .movie__yt-play::after {
        width: calc(84 / var(--vw-min) * 100vw);
        height: calc(84 / var(--vw-min) * 100vw);
        left: calc(-2 / var(--vw-min) * 100vw);
    }
}
.fv__ytBg-player {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    pointer-events: none;
}
.fv__logo {
    width: calc(459 / var(--vw-min) * 100vw);
    height: calc(114 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(35 / var(--vw-min) * 100vw);
    left: calc(42 / var(--vw-min) * 100vw);
    background: url(../img/common/logo/logo.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__logo {
        position: relative;
        width: calc(232 / var(--vw-min) * 100vw);
        height: calc(58 / var(--vw-min) * 100vw);
        top: unset;
        left: unset;
        margin: 0 auto calc(131 / var(--vw-min) * 100vw);
    }
}
.fv__onair {
    width: calc(346 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(200 / var(--vw-min) * 100vw);
    left: calc(140 / var(--vw-min) * 100vw);
    z-index: 2;
}
@media screen and (max-width:768px){
    .fv__onair {
        width: calc(267 / var(--vw-min) * 100vw);
        top: calc(115 / var(--vw-min) * 100vw);
        left: calc(-12 / var(--vw-min) * 100vw);
    }
}
.fv__onair img {
    width: 100%;
    pointer-events: none;
}
/**
* visual
**/
.visualImageWrap {
    width: calc(650 / var(--vw-min) * 100vw);
    height:calc(687 / var(--vw-min) * 100vw);
    position: relative;
    left: calc(56 / var(--vw-min) * 100vw);
    background: url(../img/common/bg/bg_pan.png)no-repeat center/contain;
    margin: 0 auto;
}
@supports (background-image: url(../img/common/bg/bg_pan.webp)){
    .visualImageWrap {
        background-image: url(../img/common/bg/bg_pan.webp);
    }
}
@media screen and (max-width:768px){
    .visualImageWrap {
        width: 100%;
        height: calc(446 / var(--vw-min) * 100vw);
        left: unset;
        margin: 0 0 calc(75 / var(--vw-min) * 100vw) calc(10 / var(--vw-min) * 100vw);
        background: unset;
    }
    .visualImageWrap::before {
        content: "";
        width: calc(422 / var(--vw-min) * 100vw);
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/common/bg/bg_pan.png)no-repeat center/contain;    
    }
    @supports (background-image: url( ../img/common/bg/bg_pan.webp)){
        .visualImageWrap::before {
            background-image: url(../img/common/bg/bg_pan.webp);
        }
    }
}
.fv__catch {
    width: calc(75 / var(--vw-min) * 100vw);
    height: calc(384 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(-3 / var(--vw-min) * 100vw);
    right: calc(90 / var(--vw-min) * 100vw);
    z-index: 10;
    background: url(../img/top/fv_catch.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__catch {
        width:calc(62 / var(--vw-min) * 100vw) ;
        height: calc(314 / var(--vw-min) * 100vw);
        top: calc(-87 / var(--vw-min) * 100vw);
        right: unset;
        left: calc(281 / var(--vw-min) * 100vw);
    }
}
.visualImageSwiper {
    width: calc(498 / var(--vw-min) * 100vw);
    height: calc(576 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(84 / var(--vw-min) * 100vw);
    left: calc(25 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/deco/deco_panBg-m.svg) no-repeat center / contain;
    mask: url(../img/common/deco/deco_panBg-m.svg) no-repeat center / contain;
}
@media screen and (max-width:768px){
    .visualImageSwiper {
        width: calc(323 / var(--vw-min) * 100vw);
        height: calc(374 / var(--vw-min) * 100vw);
        top: calc(56 / var(--vw-min) * 100vw);
        left: calc(18 / var(--vw-min) * 100vw);
    }
}
.fv__visual {
    background-color: #fdda4a;
}
.fv__visual img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    object-fit: contain;
    pointer-events: none;
}
/**
* change
**/
.fv__changeWrap {
    position: absolute;
    right: calc(25 / var(--vw-min) * 100vw);
    bottom: calc(110 / var(--vw-min) * 100vw);
    z-index: 5;
    transform: rotateY(-43deg) skewY(-35deg);
}
@media screen and (max-width:768px){
    .fv__changeWrap {
        width: calc(375 / var(--vw-min) * 100vw);
        right: unset;
        bottom: calc(-75 / var(--vw-min) * 100vw);
        left: calc(-10 / var(--vw-min) * 100vw);
        transform: unset;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: calc(24 / var(--vw-min) * 100vw) auto 0;
    }
    .fv__changeIn {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}
.fv__changeTit {
    font-size: calc(20 / var(--vw-min) * 100vw);
    color: var(--color-yellowFFEE);
    font-weight: 400;
    line-height: 2.15;
    letter-spacing: 0em;
    margin-bottom: calc(10 / var(--vw-min) * 100vw);
    opacity: .8;
}
@media screen and (max-width:768px){
    .fv__changeTit {
        font-size: calc(20 / var(--vw-min) * 100vw);
        color: var(--color-brown5A2);
        line-height: 1;
        opacity: 1;
        margin: 0 min(calc(15 / var(--vw-min) * 100vw),15px) 0 0;
    }
}
.fv__changeLists {
    display: flex;
    flex-wrap: wrap;
    gap: calc(6 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .fv__changeLists {
        gap: calc(8 / var(--vw-min) * 100vw);
    }
}
.fv__visualChange {
    font-size: calc(24 / var(--vw-min) * 100vw);
    color: var(--color-brown5A2);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em;
    text-align: center;
    width: calc(50 / var(--vw-min) * 100vw);
    height: calc(50 / var(--vw-min) * 100vw);
    position: relative;
    transition: .3s ease;
}
.fv__visualChange::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_panBg.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_panBg.svg)no-repeat center/contain;
    background-color: var(--color-yellowFFEE);
    opacity: .7;
    transition: .3s ease;
}
@media screen and (max-width:768px){
    .fv__visualChange::before {
        background-color: var(--color-yellowF8C);
        opacity: 1;
    }
}
.fv__visualChange span {
    position: relative;
}
.fv__pandorobo {
    font-size: calc(40 / var(--vw-min) * 100vw);
    color: var(--color-yellowFFEE);
    font-weight: 400;
    line-height: 1.05;
    margin-top: calc(20 / var(--vw-min) * 100vw);
    opacity: .8;
}
@media screen and (max-width:768px){
    .fv__pandorobo {
        display: none;
    }
}
/**
* active
**/
.fv__visualChange.--is-active {
    color: #fff;
}
.fv__visualChange.--is-active::before {
    background-color: var(--color-brown5A2);
}
@media screen and (max-width:768px){
    .fv__visualChange.--is-active::before {
        background-image: var(--orange-gradient);
        background-color: unset;
    }
}
/**
* deco
**/
.fv__panWrap {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    overflow: hidden;
    pointer-events: none;
}
.fv__pan {
    position: absolute;
    pointer-events: auto;
}
.fv__pan::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
.fv__pan.--pan01 {
    width: calc(72 / var(--vw-min) * 100vw);
    height: calc(72 / var(--vw-min) * 100vw);
    top: calc(-34 / var(--vw-min) * 100vw);
    left: calc(-23 / var(--vw-min) * 100vw);
}
.fv__pan.--pan01::before {
    background-image: url(../img/common/pan/pan_8.png);
    transform: rotate(-30deg);
}

.fv__pan.--pan02 {
    width: calc(96 / var(--vw-min) * 100vw);
    height: calc(96 / var(--vw-min) * 100vw);
    top: calc(-34 / var(--vw-min) * 100vw);
    left: calc(473 / var(--vw-min) * 100vw);
}
.fv__pan.--pan02::before {
    background-image: url(../img/common/pan/pan_9.png);
}

.fv__pan.--pan03 {
    width: calc(62 / var(--vw-min) * 100vw);
    height: calc(62 / var(--vw-min) * 100vw);
    top: calc(201 / var(--vw-min) * 100vw);
    left: calc(71 / var(--vw-min) * 100vw);
}
.fv__pan.--pan03::before {
    background-image: url(../img/common/pan/pan_6.png);
}

.fv__pan.--pan04 {
    width: calc(88 / var(--vw-min) * 100vw);
    height: calc(88 / var(--vw-min) * 100vw);
    top: calc(168 / var(--vw-min) * 100vw);
    left: calc(268 / var(--vw-min) * 100vw);
}
.fv__pan.--pan04::before {
    background-image: url(../img/common/pan/pan_3.png);
    transform: rotate(24deg);
}

.fv__pan.--pan05 {
    width: calc(106 / var(--vw-min) * 100vw);
    height: calc(106 / var(--vw-min) * 100vw);
    top: calc(356 / var(--vw-min) * 100vw);
    left: calc(29 / var(--vw-min) * 100vw);
}
.fv__pan.--pan05::before {
    background-image: url(../img/common/pan/pan_22.png);
}

.fv__pan.--pan06 {
    width: calc(102 / var(--vw-min) * 100vw);
    height: calc(102 / var(--vw-min) * 100vw);
    top: calc(358 / var(--vw-min) * 100vw);
    left: calc(336 / var(--vw-min) * 100vw);
}
.fv__pan.--pan06::before {
    background-image: url(../img/common/pan/pan_1.png);
    transform: rotate(13deg);
}

.fv__pan.--pan07 {
    width: calc(110 / var(--vw-min) * 100vw);
    height: calc(110 / var(--vw-min) * 100vw);
    top: calc(475 / var(--vw-min) * 100vw);
    left: calc(178 / var(--vw-min) * 100vw);
}
.fv__pan.--pan07::before {
    background-image: url(../img/common/pan/pan_4.png);
}

.fv__pan.--pan08 {
    width: calc(112 / var(--vw-min) * 100vw);
    height: calc(112 / var(--vw-min) * 100vw);
    top: calc(563 / var(--vw-min) * 100vw);
    left: calc(-36 / var(--vw-min) * 100vw);
}
.fv__pan.--pan08::before {
    background-image: url(../img/common/pan/pan_21.png);
}

.fv__pan.--pan09 {
    width: calc(72 / var(--vw-min) * 100vw);
    height: calc(72 / var(--vw-min) * 100vw);
    top: calc(664 / var(--vw-min) * 100vw);
    left: calc(169 / var(--vw-min) * 100vw);
}
.fv__pan.--pan09::before {
    background-image: url(../img/common/pan/pan_20.png);
    transform: rotate(18deg);
}

.fv__pan.--pan10 {
    width: calc(96 / var(--vw-min) * 100vw);
    height: calc(96 / var(--vw-min) * 100vw);
    top: calc(626 / var(--vw-min) * 100vw);
    left: calc(338 / var(--vw-min) * 100vw);
}
.fv__pan.--pan10::before {
    background-image: url(../img/common/pan/pan_19.png);
    transform: rotate(14deg);
}

.fv__pan.--pan11 {
    width: calc(68 / var(--vw-min) * 100vw);
    height: calc(68 / var(--vw-min) * 100vw);
    top: calc(17 / var(--vw-min) * 100vw);
    left: calc(715 / var(--vw-min) * 100vw);
}
.fv__pan.--pan11::before {
    background-image: url(../img/common/pan/pan_10.png);
}

.fv__pan.--pan12 {
    width: calc(90 / var(--vw-min) * 100vw);
    height: calc(90 / var(--vw-min) * 100vw);
    top: calc(-59 / var(--vw-min) * 100vw);
    right: calc(328 / var(--vw-min) * 100vw);
}
.fv__pan.--pan12::before {
    background-image: url(../img/common/pan/pan_11.png);
}

.fv__pan.--pan13 {
    width: calc(88 / var(--vw-min) * 100vw);
    height: calc(88 / var(--vw-min) * 100vw);
    top: calc(-15 / var(--vw-min) * 100vw);
    right: calc(141 / var(--vw-min) * 100vw);
}
.fv__pan.--pan13::before {
    background-image: url(../img/common/pan/pan_3.png);
    transform: rotate(24deg);
}

.fv__pan.--pan14 {
    width: calc(62 / var(--vw-min) * 100vw);
    height: calc(62 / var(--vw-min) * 100vw);
    top: calc(-11 / var(--vw-min) * 100vw);
    right: calc(-24 / var(--vw-min) * 100vw);
}
.fv__pan.--pan14::before {
    background-image: url(../img/common/pan/pan_6.png);
}

.fv__pan.--pan15 {
    width: calc(80 / var(--vw-min) * 100vw);
    height: calc(80 / var(--vw-min) * 100vw);
    top: calc(160 / var(--vw-min) * 100vw);
    right: calc(228 / var(--vw-min) * 100vw);
}
.fv__pan.--pan15::before {
    background-image: url(../img/common/pan/pan_12.png);
}

.fv__pan.--pan16 {
    width: calc(90 / var(--vw-min) * 100vw);
    height: calc(90 / var(--vw-min) * 100vw);
    top: calc(160 / var(--vw-min) * 100vw);
    right: calc(-17 / var(--vw-min) * 100vw);
}
.fv__pan.--pan16::before {
    background-image: url(../img/common/pan/pan_14.png);
}

.fv__pan.--pan17 {
    width: calc(72 / var(--vw-min) * 100vw);
    height: calc(72 / var(--vw-min) * 100vw);
    top: calc(280 / var(--vw-min) * 100vw);
    right: calc(114 / var(--vw-min) * 100vw);
}
.fv__pan.--pan17::before {
    background-image: url(../img/common/pan/pan_15.png);
}

.fv__pan.--pan18 {
    width: calc(94 / var(--vw-min) * 100vw);
    height: calc(94 / var(--vw-min) * 100vw);
    top: calc(341 / var(--vw-min) * 100vw);
    right: calc(244 / var(--vw-min) * 100vw);
}
.fv__pan.--pan18::before {
    background-image: url(../img/common/pan/pan_17.png);
}

.fv__pan.--pan19 {
    width: calc(94 / var(--vw-min) * 100vw);
    height: calc(94 / var(--vw-min) * 100vw);
    top: calc(410 / var(--vw-min) * 100vw);
    right: calc(9 / var(--vw-min) * 100vw);
}
.fv__pan.--pan19::before {
    background-image: url(../img/common/pan/pan_16.png);
    transform: rotate(63deg);
}

.fv__pan.--pan20 {
    width: calc(96 / var(--vw-min) * 100vw);
    height: calc(96 / var(--vw-min) * 100vw);
    top: calc(528 / var(--vw-min) * 100vw);
    right: calc(165 / var(--vw-min) * 100vw);
}
.fv__pan.--pan20::before {
    background-image: url(../img/common/pan/pan_7.png);
    transform: rotate(13deg);
}

.fv__pan.--pan21 {
    width: calc(66 / var(--vw-min) * 100vw);
    height: calc(66 / var(--vw-min) * 100vw);
    top: calc(641 / var(--vw-min) * 100vw);
    right: calc(330 / var(--vw-min) * 100vw);
}
.fv__pan.--pan21::before {
    background-image: url(../img/common/pan/pan_18.png);
}

.fv__pan.--pan22 {
    width: calc(92 / var(--vw-min) * 100vw);
    height: calc(92 / var(--vw-min) * 100vw);
    top: calc(634 / var(--vw-min) * 100vw);
    right: calc(-18 / var(--vw-min) * 100vw);
}
.fv__pan.--pan22::before {
    background-image: url(../img/common/pan/pan_2.png);
}

@media screen and (max-width:768px){
    .fv__pan.--pan02 {
        top: calc(-42 / var(--vw-min) * 100vw);
        left: calc(-27 / var(--vw-min) * 100vw);
    }
    .fv__pan.--pan04 {
        top: calc(382 / var(--vw-min) * 100vw);
        left: calc(4 / var(--vw-min) * 100vw);
        z-index: -1;

    }
    .fv__pan.--pan05 {
        top: calc(175 / var(--vw-min) * 100vw);
        left: calc(-25 / var(--vw-min) * 100vw);
    }
    .fv__pan.--pan08 {
        top: unset;
        bottom: 0;
        left: calc(-42 / var(--vw-min) * 100vw);
    }
    .fv__pan.--pan10 {
        top: calc(593 / var(--vw-min) * 100vw);
        left: calc(-56 / var(--vw-min) * 100vw);
        z-index: 1;
    }
    .fv__pan.--pan14 {
        top: calc(-23 / var(--vw-min) * 100vw);
        right: calc(-40 / var(--vw-min) * 100vw);
    }
    .fv__pan.--pan16 {
        top: calc(139 / var(--vw-min) * 100vw);
        right: calc(-24 / var(--vw-min) * 100vw);
        z-index: -1;
    }
    .fv__pan.--pan17 {
        top: calc(99 / var(--vw-min) * 100vw);
        right: unset;
        left: calc(150 / var(--vw-min) * 100vw);
    }
    .fv__pan.--pan18 {
        top: calc(763 / var(--vw-min) * 100vw);
        right: calc(-40 / var(--vw-min) * 100vw);
    }
    .fv__pan.--pan21 {
        top: calc(539 / var(--vw-min) * 100vw);
        right: calc(-54 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * TOPICS
-------------------------------------------------*/
.topics {
    padding-top: min(calc(110 / var(--vw-min) * 100vw),110px);
}
@media screen and (max-width:768px){
    .topics {
        padding-top: calc(70 / var(--vw-min) * 100vw);
    }
}
.topicsWrap {
    position: relative;
    overflow: hidden;
}
.cont-titWrap {
    margin-top: min(calc(8 / var(--vw-min) * 100vw),8px);
}
@media screen and (max-width:768px){
    .cont-titWrap {
        margin-top: calc(11 / var(--vw-min) * 100vw);
    }
}
.topicsCont {
    padding-top: min(calc(33 / var(--vw-min) * 100vw),33px);
}
@media screen and (max-width:768px){
    .topicsCont {
        padding-top: calc(24 / var(--vw-min) * 100vw);
    }
}
/**
* swiper
**/
.topicsSwiper {
    overflow: visible;
}
.topics__item {
    width: calc(200 / var(--vw-min) * 100vw);
    margin: 0 calc(20 / var(--vw-min) * 100vw);
    padding-bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
    transition: transform 0.5s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .topics__item {
        padding-bottom: calc(80 / var(--vw-min) * 100vw);
    }
}
.topics__item.swiper-slide.swiper-slide-prev,
.topics__item.swiper-slide.swiper-slide-next {
	transform: translateY(calc(40 / var(--vw-min) * 100vw));
}
.topics__link {
    text-decoration: none;
}
.topics__itemIn {
    width: calc(200 / var(--vw-min) * 100vw);
    height: calc(200 / var(--vw-min) * 100vw);
    position: relative;
    -webkit-mask: url(../img/common/deco/deco_panBg.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_panBg.svg)no-repeat center/contain;
    overflow: hidden;
}
.topics__img {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.topics__img img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    object-fit: cover;
    pointer-events: none;
    transition: transform .3s var(--cubic-bezier03);
    transform-origin: center center;
}
/**
* arrow
**/
.topics__arrow {
    width: min(calc(40 / var(--vw-min) * 100vw),40px);
    height: min(calc(40 / var(--vw-min) * 100vw),40px);
    display: block;
    position: absolute;
    right: calc(25 / var(--vw-min) * 100vw);
    bottom:calc(5 / var(--vw-min) * 100vw);
    z-index: 1;
}
@media screen and (max-width:768px){
    .topics__arrow {
        width: calc(40 / var(--vw-min) * 100vw);
        height: calc(40 / var(--vw-min) * 100vw);
        right: calc(25 / var(--vw-min) * 100vw);
        bottom: calc(5 / var(--vw-min) * 100vw);
    }
}
.topics__arrow::before,
.topics__arrow::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
}
.topics__arrow::before {
    width: 100%;
    height: 100%;
    background-color: #fff;
}
.topics__arrow::after {
    width: min(calc(36 / var(--vw-min) * 100vw),36px);
    height: min(calc(36 / var(--vw-min) * 100vw),36px);
    background-color: var(--color-orangeE94);
}
@media screen and (max-width:768px){
    .topics__arrow::after {
        width: calc(36 / var(--vw-min) * 100vw);
        height: calc(36 / var(--vw-min) * 100vw);
    }
}
.topics__arrow span {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: auto;
}
.topics__arrow span::before,
.topics__arrow span::after {
    content: "";
    display: inline-block;
    position: absolute;
    inset: 0;
    margin: auto;
    border-radius: min(calc(3 / var(--vw-min) * 100vw),3px);
    background-color: #fff;
    transition: .6s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
    .topics__arrow span::before,
    .topics__arrow span::after {
        border-radius: calc(3 / var(--vw-min) * 100vw);
    }
}
.topics__arrow span::before {
    width: min(calc(13 / var(--vw-min) * 100vw),13px);
    height: min(calc(3 / var(--vw-min) * 100vw),3px);
}
.topics__arrow span::after {
    width: min(calc(3 / var(--vw-min) * 100vw),3px);
    height: min(calc(13 / var(--vw-min) * 100vw),13px);
}
@media screen and (max-width:768px){
    .topics__arrow span::before {
        width: calc(13 / var(--vw-min) * 100vw);
        height: calc(3 / var(--vw-min) * 100vw);
    }
    .topics__arrow span::after  {
        width: calc(3 / var(--vw-min) * 100vw);
        height: calc(13 / var(--vw-min) * 100vw);
    }
}
.topics__tit {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    font-weight: 900;
    line-height: 1.25;
    letter-spacing: 0;
    text-align: center;
    margin-top: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
    .topics__tit {
        font-size: calc(16 / var(--vw-min) * 100vw);
        margin-top: calc(12 / var(--vw-min) * 100vw);
    }
}
/**
* swiper slideNone
**/
.topicsSwiperWrap.slideNone .topics__lists {
    justify-content: center;
}
.topicsSwiperWrap.slideNone .swiper__arrowWrap {
    display: none;
}
.topicsSwiperWrap.slideNone {
    margin-bottom: min(calc(122 / var(--vw-min) * 100vw),122px);
}
@media screen and (max-width:768px){
    .topicsSwiperWrap.slideNone {
        margin-bottom: calc(30 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.topics__decoBg {
    width: 100%;
    height: min(calc(384 / var(--vw-min) * 100vw),384px);
    position: absolute;
    top: 0;
    z-index: -1;
}
@media screen and (max-width:768px){
    .topics__decoBg {
        height: calc(144 / var(--vw-min) * 100vw);
    }
}
.topics__decoBg::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    -webkit-mask: url(../img/common/deco/deco_topicsBg.svg)no-repeat center/min(calc(1715 / var(--vw-min) * 100vw),1715px) min(calc(384 / var(--vw-min) * 100vw),384px);
    mask: url(../img/common/deco/deco_topicsBg.svg)no-repeat center/min(calc(1715 / var(--vw-min) * 100vw),1715px) min(calc(384 / var(--vw-min) * 100vw),384px);
    background-color: var(--color-yellowF8C);
}
@media screen and (max-width:768px){
    .topics__decoBg::before {
        -webkit-mask: url(../img/common/deco/deco_topicsBg-s.svg)no-repeat center/calc(625 / var(--vw-min) * 100vw) calc(144 / var(--vw-min) * 100vw);
        mask: url(../img/common/deco/deco_topicsBg-s.svg)no-repeat center/calc(625 / var(--vw-min) * 100vw) calc(144 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .topics__link:hover span::after {
        transform: translateY(3px);
        opacity: 0;
    }
    .topics__link:hover img {
        transform: scale(1.1);
    }
}
/*-----------------------------------------------
 * NEWS
-------------------------------------------------*/
.news {
    padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(125 / var(--vw-min) * 100vw),125px);
}
@media screen and (max-width:768px){
    .news {
        padding: calc(64 / var(--vw-min) * 100vw) 0 calc(50 / var(--vw-min) * 100vw);
    }
}
.newsWrap {
    width: min(100vw,1366px);
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .newsWrap {
        width: 100%;
    }
}
.news .cont-titWrap {
    align-items: flex-start;
}
.newsCont {
    width: calc(100% - min(calc(100 / var(--vw-min) * 100vw),100px));
    min-height: min(calc(620 / var(--vw-min) * 100vw),620px);
    position: relative;
    margin-left: auto;
}
@media screen and (max-width:768px){
    .newsCont {
        width: calc(100% - calc(5 / var(--vw-min) * 100vw));
    }
}
.newsCont::after {
    content: "";
    width: min(calc(50 / var(--vw-min) * 100vw),50px);
    height: min(calc(470 / var(--vw-min) * 100vw),470px);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 1;
    margin: auto;
    background: url(../img/common/deco/deco_ring.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .newsCont::after {
        width: calc(38 / var(--vw-min) * 100vw);
        height: calc(677 / var(--vw-min) * 100vw);
        background-image: url(../img/common/deco/deco_ring-s.png);
    }
}
.newsContIn {
    width: calc(100% - min(calc(20 / var(--vw-min) * 100vw),20px));
    min-height: min(calc(599 / var(--vw-min) * 100vw),599px);
    position: relative;
    border-radius: min(calc(40 / var(--vw-min) * 100vw),40px) 0 0 min(calc(40 / var(--vw-min) * 100vw),40px);
    overflow: hidden;
    padding: min(calc(75 / var(--vw-min) * 100vw),75px) 0 min(calc(82 / var(--vw-min) * 100vw),82px);
    margin-left: auto;
    box-shadow: 
    2px 4px 0px rgba(217, 203, 179, 0.55),
    4px 6px 0px rgba(179, 159, 135, 0.5),
    6px 8px 0px rgba(141, 121, 100, 0.4),
    8px 10px 0px rgba(95, 76, 60, 0.2);
}
@media screen and (max-width:768px){
    .newsContIn {
        width: calc(100% - calc(14 / var(--vw-min) * 100vw));
        min-height: calc(730 / var(--vw-min) * 100vw);
        border-radius: calc(30 / var(--vw-min) * 100vw) 0 0 calc(30 / var(--vw-min) * 100vw);
        padding: calc(40 / var(--vw-min) * 100vw) 0 calc(35 / var(--vw-min) * 100vw)
    }
}
.newsContIn::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    z-index: -2;
    background: url(../img/common/bg/bg_news.jpg)repeat center/contain;
}
@supports (background-image: url(../img/common/bg/bg_news.webp)){
    .newsContIn::before {
        background-image: url(../img/common/bg/bg_news.webp);
    }
}
.news__l{
    width: min(calc(1000 / var(--vw-min) * 100vw),1000px);
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-left: min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
    .news__l {
        width: 100%;
        padding: 0 calc(20 / var(--vw-min) * 100vw) 0 calc(45 / var(--vw-min) * 100vw);
    }
}
.news__r {
    width: calc(100%- min(calc(1000 / var(--vw-min) * 100vw),1000px));
}
@media screen and (max-width:768px){
    .news__r {
        width: 100%;
    }
}
.news__lists {
    width: 100%;
    position: relative;
    margin-top: min(calc(36 / var(--vw-min) * 100vw),36px);
}
@media screen and (max-width:768px){
    .news__lists {
        margin-top: calc(20 / var(--vw-min) * 100vw);
    }
}
.news__link::before,
.news__item:last-child .news__link::after {
    content: "";
    width: 100%;
    height: min(calc(6 / var(--vw-min) * 100vw),6px);
    display: block;
    position: absolute;
    -webkit-mask: url(../img/common/deco/deco_dot.svg)repeat-x left/min(calc(150 / var(--vw-min) * 100vw),150px) min(calc(6 / var(--vw-min) * 100vw),6px);
    mask: url(../img/common/deco/deco_dot.svg)repeat-x left/min(calc(150 / var(--vw-min) * 100vw),150px) min(calc(6 / var(--vw-min) * 100vw),6px);
    background-color: var(--color-yellowF8D);
}
@media screen and (max-width:768px){
    .news__link::before  {
        height: calc(6 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(150 / var(--vw-min) * 100vw) calc(6 / var(--vw-min) * 100vw);
        mask-size: calc(150 / var(--vw-min) * 100vw) calc(6 / var(--vw-min) * 100vw);
    }
}
.news__link::before {
    top: 0;
}
.news__link:last-child::after {
    bottom: 0;
}
.news__link {
    position: relative;
    display: flex;
    padding: min(calc(20 / var(--vw-min) * 100vw),20px) 0;
    text-decoration: none;
}
@media screen and (max-width:768px){
    .news__link {
        flex-direction: column;
        padding: calc(20 / var(--vw-min) * 100vw) 0;
    }
}
.news__time {
    font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    color: var(--color-orangeE94);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0em;
    flex: 0;
    padding-right: min(calc(20 / var(--vw-min) * 100vw),20px);
    transition: .4s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
    .news__time {
        font-size: calc(19 / var(--vw-min) * 100vw);
        padding-left: 0;
        margin-bottom: calc(7 / var(--vw-min) * 100vw);
    }
}
.news__tit {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    font-weight: 700;
    line-height: 1.67;
    letter-spacing: 0em;
     display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    padding-right: min(calc(82 / var(--vw-min) * 100vw),82px);
    transition: .4s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
    .news__tit {
        font-size: calc(16 / var(--vw-min) * 100vw);
        padding-right: calc(17 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .news__link:hover .news__time,
    .news__link:hover .news__tit {
        opacity: .7;
    }
}
/**
* arrow
**/
.news__arrow {
    width: min(calc(38 / var(--vw-min) * 100vw),38px);
    height: min(calc(38 / var(--vw-min) * 100vw),38px);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}
@media screen and (max-width:768px){
    .news__arrow {
        width: calc(26 / var(--vw-min) * 100vw);
        height: calc(26 / var(--vw-min) * 100vw);
        right: calc(-14 / var(--vw-min) * 100vw);
    }
}
.news__arrow::before,
.news__arrow::after {
    content: "";
    display: block;
    position: absolute;
    inset: 0;
    margin: auto;
} 
.news__arrow::before {
    content: "";
    width: 100%;
    height: 100%;
    -webkit-mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_iconBg.svg)no-repeat center/contain;
    background-color: var(--color-orangeE94);
}
.news__arrow::after {
    width: min(calc(19 / var(--vw-min) * 100vw),19px);
    height: min(calc(31 / var(--vw-min) * 100vw),31px);
    -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){
    .news__arrow::after {
        width: calc(13 / var(--vw-min) * 100vw);
        height: calc(10 / var(--vw-min) * 100vw);
    }
}
.news .linkBtn {
    position: absolute;
    top: min(calc(55 / var(--vw-min) * 100vw),55px);
    right: 0;
}
@media screen and (max-width:768px){
    .news .linkBtn {
        position: relative;
        top: unset;
        right: unset;
    }
}
/**
* fusen
**/
.news__fusenWrap {
    width: min(calc(188 / var(--vw-min) * 100vw),188px);
    height: min(calc(123 / var(--vw-min) * 100vw),123px);
    position: absolute;
    top: min(calc(190 / var(--vw-min) * 100vw),190px);
    right: 0;
    z-index: 1;
}
@media screen and (max-width:768px){
    .news__fusenWrap {
        width: calc(188 / var(--vw-min) * 100vw);
        height: calc(123 / var(--vw-min) * 100vw);
        position: relative;
        top: unset;
        right: unset;
        margin: calc(28 / var(--vw-min) * 100vw) 0 0 auto;
    }
}
.deco__fusen {
    width: 100%;
    height: min(calc(53 / var(--vw-min) * 100vw),53px);
    position: absolute;
}
@media screen and (max-width:768px){
    .deco__fusen {
        height: calc(53 / var(--vw-min) * 100vw);
    }
}
.deco__fusenLink {
    width: 100%;
    height: 100%;
    display: block;
   
}
.deco__fusen.--sns {
    top: 0;
    background: url(../img/common/deco/deco_fusen-sns.svg)no-repeat center/contain;
}
.deco__fusen.--official-x {
    bottom: 0;
    background: url(../img/common/deco/deco_fusen-x.svg)no-repeat center/contain;
    transition: .3s var(--cubic-bezier03);

}
.deco__panTxt {
    width: min(calc(215 / var(--vw-min) * 100vw),215px);
    height: min(calc(599 / var(--vw-min) * 100vw),599px);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: url(../img/common/deco/deco_panTxt.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .deco__panTxt {
        width: calc(317 / var(--vw-min) * 100vw);
        height: calc(117 / var(--vw-min) * 100vw);
        top: unset;
        background-image: url(../img/common/deco/deco_panTxt-s.svg);
    }
}
@media (hover: hover) and (pointer: fine){
    .deco__fusen.--official-x:hover {
        transform: translateY(-3px) rotateZ(2deg);
    }
}
/**
* deco
**/
.pan_01 {
    width: min(calc(200 / var(--vw-min) * 100vw),200px);
    height: min(calc(200 / var(--vw-min) * 100vw),200px);
    position: absolute;
    top: max(calc(-122 / var(--vw-min) * 100vw),-122px);
    right: min(calc(75 / var(--vw-min) * 100vw),75px);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .pan_01 {
        width: calc(117 / var(--vw-min) * 100vw);
        height: calc(160 / var(--vw-min) * 100vw);
        top: calc(-84 / var(--vw-min) * 100vw);
        right: 0;
    }
}
.pan_01::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/common/pan/pan_1.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .pan_01::before {
        width: calc(160 / var(--vw-min) * 100vw);
        height: calc(160 / var(--vw-min) * 100vw);
    }
}
.pan_02 {
    width: min(calc(168 / var(--vw-min) * 100vw),168px);
    height: min(calc(168 / var(--vw-min) * 100vw),168px);
    position: absolute;
    bottom: max(calc(-95 / var(--vw-min) * 100vw),-95px);
    left: min(calc(38 / var(--vw-min) * 100vw),38px);
    z-index: 2;
    overflow: hidden;
    transform: rotate(25.15deg);
}
@media screen and (max-width:768px){
    .pan_02 {
        width: calc(107 / var(--vw-min) * 100vw);
        height: calc(142 / var(--vw-min) * 100vw);
        bottom: calc(-45 / var(--vw-min) * 100vw);
        left: 0;
        transform: rotate(0deg);
    }
}
.pan_02::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/common/pan/pan_2.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .pan_02::before {
        width: calc(140 / var(--vw-min) * 100vw);
        height: calc(140 / var(--vw-min) * 100vw);
        transform: rotate(25.15deg);
    }
}
/*-----------------------------------------------
 * INTRODUCTION / STAFF
-------------------------------------------------*/
.introStaff {
    position: relative;
    padding: 0 0 min(calc(130 / var(--vw-min) * 100vw),130px);
}
@media screen and (max-width:768px){
    .introStaff {
        padding: 0 0 calc(80 / var(--vw-min) * 100vw);
    }
}
.introStaffWrap {
    position: relative;
    width: min(100vw,1366px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .introStaffWrap {
        width: 100%;
    }
}
/**
* introduction
**/
.introduction {
    padding-top: min(calc(135 / var(--vw-min) * 100vw),135px);
}
@media screen and (max-width:768px){
    .introduction  {
        padding-top: calc(80 / var(--vw-min) * 100vw);
    }
}
.introCont {
    width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
    position: relative;
    margin: 0 auto;
    padding-top: min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .introCont {
        width: 100%;
        display: flex;
        flex-direction: column-reverse;
        padding: calc(40 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0 calc(20 / var(--vw-min) * 100vw);
    }
}
.intro__txt {
    width: min(calc(719 / var(--vw-min) * 100vw),719px);
    margin-left: auto;
}
@media screen and (max-width:768px){
    .intro__txt {
        width: calc(338 / var(--vw-min) * 100vw);
    }
}
.intro__txt img {
    width: 100%;
    pointer-events: none;
}
/**
* deco
**/
.intro__decoBg {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: 1;
    pointer-events: none;
}
.intro__decoBg::before,
.intro__decoBg::after {
    content: "";
    width: 100%;
    height: min(calc(30 / var(--vw-min) * 100vw),30px);
    display: block;
    position: absolute;
    -webkit-mask: url(../img/common/deco/deco_wave.svg)repeat-x center/min(calc(300 / var(--vw-min) * 100vw),300px) min(calc(30 / var(--vw-min) * 100vw),30px);
    mask: url(../img/common/deco/deco_wave.svg)repeat-x center/min(calc(300 / var(--vw-min) * 100vw),300px) min(calc(30 / var(--vw-min) * 100vw),30px);
    background-color: var(--color-yellowFFD);
}
.intro__decoBg::before {
    top: max(calc(-2 / var(--vw-min) * 100vw),-2px);
}
.intro__decoBg::after {
    bottom: max(calc(-2 / var(--vw-min) * 100vw),-2px);
    transform: scale(1,-1);
}
@media screen and (max-width:768px){
    .intro__decoBg::before,
    .intro__decoBg::after {
        height: calc(12 / var(--vw-min) * 100vw);
        -webkit-mask-size: calc(120 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
        mask-size: calc(120 / var(--vw-min) * 100vw) calc(12 / var(--vw-min) * 100vw);
    }
    .intro__decoBg::before {
        top: calc(-1 / var(--vw-min) * 100vw);
    }
    .intro__decoBg::after {
        bottom: calc(-1 / var(--vw-min) * 100vw);
    }
}
/**
* staff
**/
.staff {
    padding-top: min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
    .staff {
        padding-top: calc(110 / var(--vw-min) * 100vw);
    }
}
.staff .cont-titWrap {
    align-items: flex-start;
}
@media screen and (max-width:768px){
    .staff .cont-titWrap {
        padding-left: calc(20 / var(--vw-min) * 100vw);
    }
}
.staff .cont-titWrap.--r .cont-tit-ja::after {
    background-color: var(--color-blue1D7);
}
.staffWrap {
    width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .staffWrap {
        width: 100%;
    }
}
.staffCont {
    padding-top: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .staffCont {
        padding: calc(28 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0;
    }
}
.staff__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .staff__lists {
        row-gap: calc(24 / var(--vw-min) * 100vw);
        column-gap: calc(15 / var(--vw-min) * 100vw);
    }
}
.staff__item {
    width: calc((100% - min(calc(80 / var(--vw-min) * 100vw),80px)) / 3);
    display: flex;
    flex-direction: column;
    align-items: center;
}
@media screen and (max-width:768px){
    .staff__item {
        width: calc((100% - calc(15 / var(--vw-min) * 100vw)) / 2);
    }
}
.staff__item-dt {
    font-size: min(calc(18 / var(--vw-min) * 100vw),18px);
    color: #fff;
    font-weight: 700;
    line-height: 1.67;
    letter-spacing: 0em;
    text-align: center;
    width: 100%;
    border-radius: min(calc(30 / var(--vw-min) * 100vw),30px);
    background-color: var(--color-orangeE94);
    margin-bottom: min(calc(13 / var(--vw-min) * 100vw),13px);
}
@media screen and (max-width:768px){
    .staff__item-dt {
        font-size: calc(13 / var(--vw-min) * 100vw);
        line-height: 1;
        padding: calc(6 / var(--vw-min) * 100vw) 0;
        margin-bottom: calc(6 / var(--vw-min) * 100vw);
    }
}
.staff__item-dd {
    font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: 0em;
    text-align: center;
}
@media screen and (max-width:768px){
    .staff__item-dd {
        font-size: calc(20 / var(--vw-min) * 100vw);
        line-height: 1.3;
    }
}
.staff__item-dd.--small {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    line-height: 1.3;
    display: flex;
    flex-direction: column;
    margin-top: min(calc(2 / var(--vw-min) * 100vw),2px);
}
@media screen and (max-width:768px){
    .staff__item-dd.--small {
        font-size: calc(18 / var(--vw-min) * 100vw);
        margin-top: calc(2 / var(--vw-min) * 100vw);
    }
}
.staff__item-dd.--small small {
    font-size: min(calc(16 / var(--vw-min) * 100vw),15px);
    line-height: 1.2;
}
@media screen and (max-width:768px){
    .staff__item-dd.--small small  {
        font-size: calc(14 / var(--vw-min) * 100vw);
    }
}
.staff__item-ddLink {
    display: flex;
    align-items: center;
    text-decoration: none;
    transition: .3s var(--cubic-bezier02);
}
.staff__item-ddLink::after {
    content: "";
    width: min(calc(12 / var(--vw-min) * 100vw),12px);
    height: min(calc(12 / var(--vw-min) * 100vw),12px);
    display: block;
    -webkit-mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow2.svg)no-repeat center/contain;
    background-color: var(--color-brown5A2);
    margin-left: min(calc(12 / var(--vw-min) * 100vw),12px);
    transition: .3s var(--cubic-bezier02);
}
@media screen and (max-width:768px){
    .staff__item-ddLink::after {
        width: calc(12 / var(--vw-min) * 100vw);
        height: calc(12 / var(--vw-min) * 100vw);
        margin-left: calc(12 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .staff__item-ddLink:hover {
        color: var(--color-orangeE94);
    }
    .staff__item-ddLink:hover::after {
        transform: translate(3px,-3px);
        background-color: var(--color-orangeE94);
    }
}
.staff__item.--w100 {
    width: 100%;
}
.staff__item.--w100 .staff__item-dt {
    width: min(calc(346 / var(--vw-min) * 100vw),346px);
}
@media screen and (max-width:768px){
    .staff__item.--w100 .staff__item-dt {
        width: calc(160 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.pan_03 {
    width: min(calc(184 / var(--vw-min) * 100vw),184px);
    height: min(calc(184 / var(--vw-min) * 100vw),184px);
    position: absolute;
    top: max(calc(-105 / var(--vw-min) * 100vw),-105px);
    right: max(calc(-60 / var(--vw-min) * 100vw),-60px);
    overflow: hidden;
    transform: rotate(-30deg);
}
@media screen and (max-width:768px){
    .pan_03 {
        width: calc(100 / var(--vw-min) * 100vw);
        height: calc(133 / var(--vw-min) * 100vw);
        top: unset;
        right: 0;
        bottom: calc(-90 / var(--vw-min) * 100vw);
        transform: unset;
    }
}
.pan_03::before {
   content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/common/pan/pan_3.png)no-repeat center/contain;
    animation: rotate1 5s ease-in-out infinite;
}
@media screen and (max-width:768px){
    .pan_03::before {
        width: calc(131 / var(--vw-min) * 100vw);
        height: calc(131 / var(--vw-min) * 100vw);
        transform: rotate(-30deg);
    }
}
.pan_04 {
    width: min(calc(200 / var(--vw-min) * 100vw),200px);
    height: min(calc(200 / var(--vw-min) * 100vw),200px);
    position: absolute;
    bottom: max(calc(-226 / var(--vw-min) * 100vw),-226px);
    left: max(calc(-62 / var(--vw-min) * 100vw),-62px);
    z-index: 2;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .pan_04 {
        width: calc(110 / var(--vw-min) * 100vw);
        height: calc(160 / var(--vw-min) * 100vw);
        bottom: calc(-172 / var(--vw-min) * 100vw);
        left: 0;
    }
}
.pan_04::before {
   content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/common/pan/pan_4.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .pan_04::before {
        width: calc(160 / var(--vw-min) * 100vw);
        height: calc(160 / var(--vw-min) * 100vw);
    }
}
.pan_04.--animate::before {
    animation: shake1 1.8s ease-in-out;
}
.pan_dorobo {
    width: min(calc(400 / var(--vw-min) * 100vw),400px);
    height: min(calc(423 / var(--vw-min) * 100vw),423px);
    position: absolute;
    top: min(calc(72 / var(--vw-min) * 100vw),72px);
    left: max(calc(-63 / var(--vw-min) * 100vw),-63px);
    overflow: hidden;
    transform: translateX(-200%) translateY(0) rotate(10deg);
}
@media screen and (max-width:768px){
    .pan_dorobo {
        width: calc(256 / var(--vw-min) * 100vw);
        height: calc(270 / var(--vw-min) * 100vw);
        position: relative;
        top: unset;
        left: unset;
        margin: 0 0 calc(26 / var(--vw-min) * 100vw) calc(27 / var(--vw-min) * 100vw);
    }
}
.pan_dorobo::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/common/pan/pandorobo.png)no-repeat center/contain;
}
/*-----------------------------------------------
 * BOOKS
-------------------------------------------------*/
.books {
    padding: min(calc(110 / var(--vw-min) * 100vw),110px) 0 min(calc(80 / var(--vw-min) * 100vw),80px);
}
@media screen and (max-width:768px){
    .books {
        padding: calc(60 / var(--vw-min) * 100vw) 0 calc(40 / var(--vw-min) * 100vw);
    }
}
.booksWrap {
    width: min(100vw,1366px);
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .booksWrap {
        width: 100%;
    }
}
.booksCont {
    width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
    position: relative;
    margin: 0 auto;
    padding-top: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
    .booksCont {
        width: 100%;
        padding: calc(40 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) 0; 
    }
}
.books__lists {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    row-gap: min(calc(35 / var(--vw-min) * 100vw),35px);
    column-gap: min(calc(53 / var(--vw-min) * 100vw),53px);
}
@media screen and (max-width:768px){
    .books__lists {
        gap: calc(15 / var(--vw-min) * 100vw);
    }
}
.books__item {
    width: calc((100% - min(calc(159 / var(--vw-min) * 100vw),159px)) / 4);
}
@media screen and (max-width:768px){
    .books__item {
        width: calc((100% - calc(16 / var(--vw-min) * 100vw)) / 2);
    }
}
.books__link {
    text-decoration: none;
}
.books__imgIn {
    width: 100%;
    position: relative;
}
.books__img {
    width: 100%;
    position: relative;
    border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .books__img {
        border-radius: calc(10 / var(--vw-min) * 100vw);
    }
}
.books__img img {
    width: 100%;
    pointer-events: none;
    transition: transform .3s var(--cubic-bezier03);
}
/**
* arrow
**/
.books__arrow {
    width: min(calc(50 / var(--vw-min) * 100vw),50px);
    height: min(calc(50 / var(--vw-min) * 100vw),50px);
    position: absolute;
    right: max(calc(-15 / var(--vw-min) * 100vw),-15px);
    bottom: max(calc(-15 / var(--vw-min) * 100vw),-15px);
    border-radius: 50%;
    border: min(calc(6 / var(--vw-min) * 100vw),6px) solid var(--color-yellowFFD);
    background-color: var(--color-orangeE94);
}
@media screen and (max-width:768px){
    .books__arrow {
        width: calc(34 / var(--vw-min) * 100vw);
        height: calc(34 / var(--vw-min) * 100vw);
        right: calc(-10 / var(--vw-min) * 100vw);
        bottom: calc(-10 / var(--vw-min) * 100vw);
        border-width: calc(4 / var(--vw-min) * 100vw);
    }
}
.books__arrow::after {
    content: "";
    width: min(calc(16 / var(--vw-min) * 100vw),16px);
    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;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .books__arrow::after {
        width: calc(11 / var(--vw-min) * 100vw);
        height: calc(9 / var(--vw-min) * 100vw);
    }
}
.books__tit {
    font-size: min(calc(22 / var(--vw-min) * 100vw),22px);
    font-weight: 400;
    line-height: 1.18;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
    .books__tit {
        font-size: calc(16 / var(--vw-min) * 100vw);
        line-height: 1.13;
        letter-spacing: 0.04em;
        margin-top: calc(6 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.pan_05 {
    width: min(calc(196 / var(--vw-min) * 100vw),196px);
    height: min(calc(196 / var(--vw-min) * 100vw),196px);
    position: absolute;
    top: max(calc(-143 / var(--vw-min) * 100vw),-143px);
    right: max(calc(-105 / var(--vw-min) * 100vw),-105px);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .pan_05 {
        width:calc(83 / var(--vw-min) * 100vw);
        height: calc(116 / var(--vw-min) * 100vw);
        top: calc(-67 / var(--vw-min) * 100vw);
        right: 0;
    }
}
.pan_05::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/common/pan/pan_9.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .pan_05::before {
        width: calc(116 / var(--vw-min) * 100vw);
        height: calc(116 / var(--vw-min) * 100vw);
    }
}
.pan_06 {
    width: min(calc(176 / var(--vw-min) * 100vw),176px);
    height: min(calc(176 / var(--vw-min) * 100vw),176px);
    position: absolute;
    bottom: max(calc(-128 / var(--vw-min) * 100vw),-128px);
    left: max(calc(-76 / var(--vw-min) * 100vw),-76px);
    overflow: hidden;
}
@media screen and (max-width:768px){
    .pan_06 {
        width: calc(86 / var(--vw-min) * 100vw);
        height: calc(130 / var(--vw-min) * 100vw);
        bottom: calc(-70 / var(--vw-min) * 100vw);
        left: 0;
    }
}
.pan_06::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../img/common/pan/pan_6.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .pan_06::before {
        width: calc(130 / var(--vw-min) * 100vw);
        height: calc(130 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .books__link:hover span::after {
        transform: translateY(3px);
        opacity: 0;
    }
    .books__link:hover img {
        transform: scale(1.1);
    }
}
/*-----------------------------------------------
 * MOVIE
-------------------------------------------------*/
.movie {
    padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(180 / var(--vw-min) * 100vw),180px);
}
@media screen and (max-width:768px){
    .movie {
        padding: calc(40 / var(--vw-min) * 100vw) 0 calc(117 / var(--vw-min) * 100vw);
    }
}
.movie .cont-titWrap {
    width: min(calc(1120 / var(--vw-min) * 100vw),1120px);
    align-items: flex-start;
    margin: auto;
}
@media screen and (max-width:768px){
    .movie .cont-titWrap {
        width: 100%;
        padding-left: calc(20 / var(--vw-min) * 100vw);
    }
}
.movieCont {
    padding-top: min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
    .movieCont {
        padding-top: calc(48 / var(--vw-min) * 100vw);
    }
}
.movieSwiperWrap {
    overflow: hidden;
}
.movieSwiperWrap.slideNone .movie__arrowWrap {
    display: none;
}
.movieSwiperWrap.slideNone .movie__lists {
    justify-content: center;
    padding-bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}
.movieSwiper {
    width: min(calc(880 / var(--vw-min) * 100vw),880px);
    overflow: visible;
}
@media screen and (max-width:768px){
    .movieSwiper {
        width: calc(335 / var(--vw-min) * 100vw);
    }
}
.movie__item {
    width: min(calc(420 / var(--vw-min) * 100vw),420px);
    position: relative;
    margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .movie__item {
        width: calc(260 / var(--vw-min) * 100vw);
        margin-right: calc(6 / var(--vw-min) * 100vw);
    }
}
.movie__item::before {
    content: "";
    width: 100%;
    height: min(calc(444 / var(--vw-min) * 100vw),444px);
    display: block;
    position: relative;
    background: url(../img/common/bg/bg_pan.png)no-repeat center/contain;
}
@supports (background-image: url(../img/common/bg/bg_pan.webp)){
    .movie__item::before {
        background-image: url(../img/common/bg/bg_pan.webp);
    }
}
@media screen and (max-width:768px){
    .movie__item::before {
        height: calc(275 / var(--vw-min) * 100vw);
    }
}
.movie__itemIn {
    width: min(calc(322 / var(--vw-min) * 100vw),322px);
    height: min(calc(372 / var(--vw-min) * 100vw),372px);
    padding-top: 0;
    position: absolute;
    top: min(calc(55 / var(--vw-min) * 100vw),55px);
    left: min(calc(16 / var(--vw-min) * 100vw),16px);
    -webkit-mask: url(../img/common/deco/deco_panBg-m.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_panBg-m.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .movie__itemIn {
        width: calc(200 / var(--vw-min) * 100vw);
        height: calc(232 / var(--vw-min) * 100vw);
        top: calc(34 / var(--vw-min) * 100vw);
        left: calc(10 / var(--vw-min) * 100vw);
    }
}
.movie__tit {
    font-size: min(calc(24 / var(--vw-min) * 100vw),24px);
    color: #fff;
    font-weight: 400;
    line-height: 1.08;
    letter-spacing: 0.1em;
    text-align: center;
    display: inline-block;
    position: absolute;
    bottom: max(calc(-20 / var(--vw-min) * 100vw),-20px);
    left: min(calc(7 / var(--vw-min) * 100vw),7px);
    border-radius: min(calc(6 / var(--vw-min) * 100vw),6px);
    background-color: var(--color-black353);
    transform: skewX(-10deg);
    padding: min(calc(12 / var(--vw-min) * 100vw),12px) min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(32 / var(--vw-min) * 100vw),32px) min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
    .movie__tit {
        font-size: calc(16 / var(--vw-min) * 100vw);
        line-height: 1.5;
        bottom: calc(-11 / var(--vw-min) * 100vw);
        left: calc(7 / var(--vw-min) * 100vw);
        border-radius: calc(6 / var(--vw-min) * 100vw);
        padding: calc(6 / var(--vw-min) * 100vw) calc(20 / var(--vw-min) * 100vw) calc(15 / var(--vw-min) * 100vw);
    }
}
.movie__tit::before,
.movie__tit::after {
    content: "";
    width: min(calc(6 / var(--vw-min) * 100vw),6px);
    height: min(calc(6 / var(--vw-min) * 100vw),6px);
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    border-radius: 50%;
    background-color: var(--color-yellowFFD);
}
@media screen and (max-width:768px){
    .movie__tit::before,
    .movie__tit::after {
        width: calc(4 / var(--vw-min) * 100vw);
        height: calc(4 / var(--vw-min) * 100vw);
    }
}
.movie__tit::before {
    left: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
    .movie__tit::before {
        left: calc(8 / var(--vw-min) * 100vw);
    }
}
.movie__tit::after {
    right: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
    .movie__tit::after {
        right: calc(8 / var(--vw-min) * 100vw);
    }
}
.movie__tit span {
    position: relative;
}
.movie__tit span::before {
    content: "";
    width: min(calc(151 / var(--vw-min) * 100vw),151px);
    height: min(calc(13 / var(--vw-min) * 100vw),13px);
    position: absolute;
    bottom: max(calc(-15 / var(--vw-min) * 100vw),-15px);
    left: max(calc(-23 / var(--vw-min) * 100vw),-23px);
    -webkit-mask: url(../img/common/deco/deco_line-wabe.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_line-wabe.svg)no-repeat center/contain;
    background-color: var(--color-yellowFFD);
}
@media screen and (max-width:768px){
    .movie__tit span::before {
        width: calc(105 / var(--vw-min) * 100vw);
        height: calc(8 / var(--vw-min) * 100vw);
        bottom: calc(-10 / var(--vw-min) * 100vw);
        left: calc(-17 / var(--vw-min) * 100vw);
        -webkit-mask-image: url(../img/common/deco/deco_line-wabe.svg);
        mask-image: url(../img/common/deco/deco_line-wabe.svg);
    }
}
.movie__numWrap {
    color: var(--color-yellowFFEE);
    font-weight: 400;
    letter-spacing: 0em;
    display: flex;
    flex-direction: column;
    position: absolute;
    right: min(calc(30 / var(--vw-min) * 100vw),30px);
    bottom: min(calc(80 / var(--vw-min) * 100vw),80px);
    opacity: .8;
    transform: rotateY(-43deg) skewY(-35deg);
}
@media screen and (max-width:768px){
    .movie__numWrap {
        right: calc(14 / var(--vw-min) * 100vw);
        bottom: calc(42 / var(--vw-min) * 100vw);
    }
}
.movie__numTit {
    font-size: min(calc(26 / var(--vw-min) * 100vw),26px);
    line-height: 1;
}
@media screen and (max-width:768px){
    .movie__numTit {
        font-size: calc(18 / var(--vw-min) * 100vw);
    }
}
.movie__num {
    font-size: min(calc(34 / var(--vw-min) * 100vw),34px);
    line-height: 0.76;
}
@media screen and (max-width:768px){
    .movie__num {
        font-size: calc(22 / var(--vw-min) * 100vw);
    }
}
.movie .swiper__arrowWrap {
    margin-top: min(calc(53 / var(--vw-min) * 100vw),53px);
}
@media screen and (max-width:768px){
    .movie .swiper__arrowWrap {
        margin-top: calc(30 / var(--vw-min) * 100vw);
    }
}
/**
* deco
**/
.deco_tong {
    width: min(100vw,1366px);
    padding-top: 36.6032%;
    position: absolute;
    top: max(calc(-200 / var(--vw-min) * 100vw),-200px);
    right: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
}
@media screen and (max-width:768px){
    .deco_tong {
        width: calc(240 / var(--vw-min) * 100vw);
        padding-top: 0;
        height: calc(321 / var(--vw-min) * 100vw);
        top: calc(-100 / var(--vw-min) * 100vw);
        left: unset;
    }
}
.deco_tong span  {
    width: min(calc(568 / var(--vw-min) * 100vw),568px);
    height: min(calc(499 / var(--vw-min) * 100vw),499px);
    display: block;
    position: absolute;
    top: 0;
    right: max(calc(-90 / var(--vw-min) * 100vw),-90px);
    z-index: 2;
    background: url(../img/common/deco/deco_tong.png)no-repeat center/contain;
    animation: hesitate 4s ease-in-out infinite;
}
@media screen and (max-width:768px){
    .deco_tong span {
        width: calc(365 / var(--vw-min) * 100vw);
        height: calc(321 / var(--vw-min) * 100vw);
        right: unset;
        left: 0;
    }
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
.section.is-ani .--in.pan_01 {
    transition-delay: .2s;
}
.section.is-ani .--in.pan_02,
.section.is-ani .--in.pan_03,
.section.is-ani .--in.pan_05{
    transition-delay: .5s;
}
.section.is-ani .--lx.deco_tong {
    transition-delay: .6s;
}
.section.is-ani .pan_dorobo {
    animation: walkRight 2.8s linear forwards, bounce 4s infinite ease-in-out; 
    animation-delay: .5s, 3.3s; 
}
/*-----------------------------------------------
 * 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-yellowFFD);
}
.loadingWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    inset: 0;
    margin: auto;
    opacity: 1;
    transition: .5s var(--cubic-bezier01);
}
.loading__parts {
    width: calc(200 / var(--vw-min) * 100vw);
    height: calc(200 / var(--vw-min) * 100vw);
    position: relative;
    border-radius: 50%;
    background-color: var(--color-yellpwFFF5);
}
.loading__part {
    position: absolute;
    top: calc(30 / var(--vw-min) * 100vw);
    right: 0;
    left: 0;
    margin: auto;
    opacity: 1;
}
.loading__part.--active {
  opacity: 1;
  transform: scale(1.05) translateY(-2px);
}
.loading__part:nth-child(1) {
    width: calc(152 / var(--vw-min) * 100vw);
    height: calc(161 / var(--vw-min) * 100vw);
    background: url(../img/common/pan/pandorobo.png)no-repeat center/contain;
	animation: panLoading1 3s infinite linear;
}
.loading__part:nth-child(2) {
    width: calc(156 / var(--vw-min) * 100vw);
    height: calc(156 / var(--vw-min) * 100vw);
    background: url(../img/common/pan/pan_17.png)no-repeat center/contain;
	animation: panLoading2 3s infinite linear;

}
.loading__part:nth-child(3) {
    width: calc(150 / var(--vw-min) * 100vw);
    height: calc(150 / var(--vw-min) * 100vw);
    background: url(../img/common/pan/pan_12.png)no-repeat center/contain;
	animation: panLoading3 3s infinite linear;

}
.loading__part:nth-child(4) {
    width: calc(152 / var(--vw-min) * 100vw);
    height: calc(152 / var(--vw-min) * 100vw);
    top: calc(22 / var(--vw-min) * 100vw);
    background: url(../img/common/pan/pan_11.png)no-repeat center/contain;
	animation: panLoading4 3s infinite linear;

}
.loading__part:nth-child(5) {
    width: calc(160 / var(--vw-min) * 100vw);
    height: calc(160 / var(--vw-min) * 100vw);
    top: calc(22 / var(--vw-min) * 100vw);
    background: url(../img/common/pan/pan_4.png)no-repeat center/contain;
	animation: panLoading5 3s infinite linear;

}
.loading__txt {
    font-size: calc(32 / var(--vw-min) * 100vw);
    font-weight: 400;
    line-height: 1;
    letter-spacing: 0.1em;
    text-align: center;
    margin-top: calc(20 / var(--vw-min) * 100vw);
    opacity: 0;
	animation: loadfade .3s forwards;
    animation-delay: .6s;
}
.loading__txt span {
  display: inline-block;
}
.loading__txt span:nth-child(1) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0s;
}
.loading__txt span:nth-child(2) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.08s;
}
.loading__txt span:nth-child(3) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.16s;
}
.loading__txt span:nth-child(4) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.24s;
}
.loading__txt span:nth-child(5) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.32s;
}
.loading__txt span:nth-child(6) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.4s;
}
.loading__txt span:nth-child(7) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.48s;
}
.loading__txt span:nth-child(8) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.56s;
}
.loading__txt span:nth-child(9) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.64s;
}
.loading__txt span:nth-child(10) {
    animation: loader 1.4s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite 0.72s;
}

body.--is-loading .loadingWrap{
    transform: scale(50%);
    opacity: 0;
}
.visualImageWrap {
    transform: translateY(-100%) scale(1.2);
    opacity: 0;
    transition: .5s cubic-bezier(0.22, 1.7, 0.36, 1);
}
body.--downVisual .visualImageWrap {
    transform: translateY(0) scale(1);
    opacity: 1;
}
.fv__pan {
    transform: translateY(-100%);
    opacity: 0;
    transition: opacity .3s ease, transform .5s ease;
}
body.--downpan .fv__pan {
    transform: translateY(0);
    opacity: 1;
}
.--panGroup1{
    transition-delay: .3s;
}
.--panGroup2{
    transition-delay: .45s;
}
.--panGroup3{
    transition-delay: .6s;
}
.fv__logo,
.fv__onair,
.fv__catch,
.movieArea,
.header__navBtnWrap {
    opacity: 0;
    transition: opacity 1s var(--cubic-bezier01);
}
body.--is-loaded .fv__logo,
body.--is-loaded .fv__onair,
body.--is-loaded .fv__catch,
body.--is-loaded .movieArea,
body.--is-loaded .header__navBtnWrap {
    opacity: 1;
}
@keyframes panLoading1 {
    0%   { opacity: 0;}
    5%  { opacity: 1;}
    15%  { opacity: 1;}
    20%  { opacity: 0;}
    100% { opacity: 0;}
}
@keyframes panLoading2 {
    0%   { opacity: 0;}
    15%   { opacity: 0;}
    20%  { opacity: 1;}
    35%  { opacity: 1;}
    40%  { opacity: 0;}
    100% { opacity: 0;}
}
@keyframes panLoading3 {
    0%   { opacity: 0;}
    35%   { opacity: 0;}
    40%  { opacity: 1;}
    55%  { opacity: 1;}
    60%  { opacity: 0;}
    100% { opacity: 0;}
}
@keyframes panLoading4 {
    0%   { opacity: 0;}
    55%   { opacity: 0;}
    60%  { opacity: 1;}
    75%  { opacity: 1;}
    80%  { opacity: 0;}
    100% { opacity: 0;}
}
@keyframes panLoading5 {
    0%   { opacity: 0;}
    75%   { opacity: 0;}
    80%  { opacity: 1;}
    95%  { opacity: 1;}
    100% { opacity: 0;}
}
@keyframes loader {
    0% {
        transform: translateY(0);
    }
    5% {
        transform: translateY(-2px);
        -webkit-filter: blur(0.1px);
        filter: blur(0.1px);
    }
    10% {
        transform: translateY(2px);
        -webkit-filter: blur(0.1px);
        filter: blur(0.1px);
    }
    15% {
        transform: translateY(-8px);
        -webkit-filter: blur(0.3px);
        filter: blur(0.3px);
    }
    22% {
        transform: translateY(-16px);
        -webkit-filter: blur(0.2px);
        filter: blur(0.2px);
    }
    29% {
        transform: translateY(-8px);
        -webkit-filter: blur(0.3px);
        filter: blur(0.3px);
    }
    34% {
        transform: translateY(0);
        -webkit-filter: blur(0.2px);
        filter: blur(0.2px);
    }
    40% {
        transform: translateY(2px);
        -webkit-filter: blur(0.1px);
        filter: blur(0.1px);
    }
    43% {
        transform: translateY(0);
        -webkit-filter: blur(0px);
        filter: blur(0px);
    }
    100% {
        transform: translateY(0);
    }
}