@charset "utf-8";
/*-----------------------------------------------
 * COMMON
 * FV
 * STAFF
-------------------------------------------------*/
/*-----------------------------------------------
 * COOMON
-------------------------------------------------*/
.section {
    position: relative;
}
.cont-titWrap {
    position: relative;
}
.cont-tit-ja {
    width: min(calc(40 / var(--vw-min) * 100vw),40px);
    display: block;
    position: relative;
    z-index: 1;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .cont-tit-ja {
        width: calc(48 / var(--vw-min) * 100vw);
    }
}
.cont-tit-en {
    width: min(calc(83 / var(--vw-min) * 100vw),83px);
    display: block;
    position: absolute;
    top: max(calc(-80 / var(--vw-min) * 100vw),-80px);
    left: min(calc(20 / var(--vw-min) * 100vw),20px);
    z-index: 1;
    mix-blend-mode: soft-light;
}
@media screen and (max-width:768px){
    .cont-tit-en {
        width: calc(74 / var(--vw-min) * 100vw);
        top: calc(-48 / var(--vw-min) * 100vw);
        right: calc(-48 / var(--vw-min) * 100vw);
        left: unset;
    }
}
.cont-tit-enIn {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    z-index: 2;
    background-color: #fff;
}
/*-----------------------------------------------
 * FV
-------------------------------------------------*/
.fv {
    position: relative;
    padding: calc(40 / var(--vw-min) * 100vw) 0 calc(80 / var(--vw-min) * 100vw);
}
@media screen and (max-width:768px){
    .fv {
        padding: calc(48 / var(--vw-min) * 100vw) 0 calc(290 / var(--vw-min) * 100vw);
    }
}
.fvWrap {
    position: relative;
}
/**
* visual
**/
.visualImageWrap {
    width: calc(1120 / var(--vw-min) * 100vw);
    height: calc(672 / var(--vw-min) * 100vw);
    position: relative;
    -webkit-mask: url(../img/common/bg/bg_fv.png)no-repeat center/contain;
    mask: url(../img/common/bg/bg_fv.png)no-repeat center/contain;
    margin: 0 auto;
    overflow: hidden;
}
@media screen and (max-width:768px){
    .visualImageWrap {
        width: calc(654 / var(--vw-min) * 100vw);
        height: calc(916 / var(--vw-min) * 100vw);
        -webkit-mask-image: url(../img/common/bg/bg_fv-s.png);
        mask-image: url(../img/common/bg/bg_fv-s.png);
    }
}
.visualImageWrap::before {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: auto;
    pointer-events: none;
    background-image: radial-gradient(transparent 70%, #000000);

}
.fv__visual img {
    width: 100%;
    pointer-events: none;
}
/**
* onair
**/
.fv__onair {
    width: calc(696 / var(--vw-min) * 100vw);
    position: absolute;
    bottom: calc(80 / var(--vw-min) * 100vw);
    right: 0;
    left: 0;
    margin: auto;
    -webkit-filter: drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)); 
    filter: drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6));
}
@media screen and (max-width:768px){
    .fv__onair {
        width: calc(439 / var(--vw-min) * 100vw);
        height: calc(76 / var(--vw-min) * 100vw);
        bottom: calc(73 / var(--vw-min) * 100vw);
    }
}
.fv__onair img {
    width: 100%;
    pointer-events: none;
}
/**
* logo
**/
.fv__logo {
    width: calc(120 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(120 / var(--vw-min) * 100vw);
    right: calc(120 / var(--vw-min) * 100vw);
    z-index: 1;
     -webkit-filter: drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)); 
        filter: drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6)) drop-shadow(0px 0px 10px rgba(41, 41, 70, .6));
}
@media screen and (max-width:768px){
    .fv__logo {
        width: calc(144 / var(--vw-min) * 100vw);
        top: calc(270 / var(--vw-min) * 100vw);
        right: calc(96 / var(--vw-min) * 100vw);
    }
}
.fv__logo img {
    width: 100%;
    pointer-events: none;
}
/**
* catch
**/
.fv__catch {
    position: absolute;
    bottom: 0;
}
.fv__catch.--catch-woman {
    width: calc(416 / var(--vw-min) * 100vw);
    height: calc(56 / var(--vw-min) * 100vw);
    bottom: calc(-17 / var(--vw-min) * 100vw);
    left: 0;
    -webkit-mask: url(../img/top/fv_catch-woman.svg)no-repeat center/contain;
    mask: url(../img/top/fv_catch-woman.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .fv__catch.--catch-woman {
        width: calc(416 / var(--vw-min) * 100vw);
        height: calc(56 / var(--vw-min) * 100vw);
        bottom: calc(-153 / var(--vw-min) * 100vw);
        left: calc(-5 / var(--vw-min) * 100vw);
    }
}
.fv__catch.--catch-man {
    width: calc(490 / var(--vw-min) * 100vw);
    height: calc(55 / var(--vw-min) * 100vw);
    right: calc(-3 / var(--vw-min) * 100vw);
    bottom: calc(-17 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/top/fv_catch-man.svg)no-repeat center/contain;
    mask: url(../img/top/fv_catch-man.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .fv__catch.--catch-man {
        width: calc(486 / var(--vw-min) * 100vw);
        height: calc(55 / var(--vw-min) * 100vw);
        right: calc(-5 / var(--vw-min) * 100vw);
        bottom: calc(-240 / var(--vw-min) * 100vw);
    }
}
.fv__catch.--catch3 {
    width: calc(322 / var(--vw-min) * 100vw);
    height: calc(56 / var(--vw-min) * 100vw);
    right: 0;
    bottom: calc(-40 / var(--vw-min) * 100vw);
    left: 0;
    z-index: 1;
    margin: auto;
    -webkit-mask: url(../img/top/fv_catch3.svg)no-repeat center/contain;
    mask: url(../img/top/fv_catch3.svg)no-repeat center/contain;
    background-color: var(--color-redD12);
}
@media screen and (max-width:768px){
    .fv__catch.--catch3 {
        width: calc(324 / var(--vw-min) * 100vw);
        height: calc(56 / var(--vw-min) * 100vw);
        bottom: calc(-290 / var(--vw-min) * 100vw);
    }
}
.fv__catch.--cross {
    width: calc(55 / var(--vw-min) * 100vw);
    height: calc(55 / var(--vw-min) * 100vw);
    right: 0;
    bottom: calc(-17 / var(--vw-min) * 100vw);
    left: 0;
    margin: auto;
    -webkit-mask: url(../img/top/fv_catchCross.svg)no-repeat center/contain;
    mask: url(../img/top/fv_catchCross.svg)no-repeat center/contain;
    background-color: #fff;
}
@media screen and (max-width:768px){
    .fv__catch.--cross {
        width: calc(56 / var(--vw-min) * 100vw);
        height: calc(56 / var(--vw-min) * 100vw);
        bottom: calc(-200 / var(--vw-min) * 100vw);
        opacity: .4;
    }
}
.fv__M-catch {
    width: calc(40 / var(--vw-min) * 100vw);
    height: calc(442 / var(--vw-min) * 100vw);
    position: absolute;
    top: calc(80 / var(--vw-min) * 100vw);
    right: 0;
    left: 0;
    bottom: 0;
    margin: 0 auto;
    background: url(../img/top/fv_catchCenter.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__M-catch {
        width: calc(50 / var(--vw-min) * 100vw);
        height: calc(534 / var(--vw-min) * 100vw);
        top: calc(72 / var(--vw-min) * 100vw);
    }
}
/**
* txt
**/
.fv__txtWrap {
    width: 100%;
    height: calc(81 / var(--vw-min) * 100vw);
    position: absolute;
    top: 0;
    z-index: 1;
    mix-blend-mode: soft-light;
}
@media screen and (max-width:768px){
    .fv__txtWrap {
        height: calc(1020 / var(--vw-min) * 100vw);
    }
}
.fv__txt {
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #fff;
}
.fv__txt.--hotaru {
    width: calc(453 / var(--vw-min) * 100vw);
    left: 0;
    -webkit-mask: url(../img/common/txt/txt_hotaru.svg)no-repeat center/contain;
    mask: url(../img/common/txt/txt_hotaru.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__txt.--hotaru {
        width: calc(413 / var(--vw-min) * 100vw);
        height: calc(73 / var(--vw-min) * 100vw);
    }
}
.fv__txt.--no {
    width: calc(149 / var(--vw-min) * 100vw);
    left: calc(535 / var(--vw-min) * 100vw);
    -webkit-mask: url(../img/common/txt/txt_no.svg)no-repeat center/contain;
    mask: url(../img/common/txt/txt_no.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__txt.--no {
        width: calc(137 / var(--vw-min) * 100vw);
        height: calc(73 / var(--vw-min) * 100vw);
        left: calc(443 / var(--vw-min) * 100vw);
    }
}
.fv__txt.--yomeiri {
    width: calc(471 / var(--vw-min) * 100vw);
    right: 0;
    -webkit-mask: url(../img/common/txt/txt_yomeiri.svg)no-repeat center/contain;
    mask: url(../img/common/txt/txt_yomeiri.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .fv__txt.--yomeiri {
        width: calc(427 / var(--vw-min) * 100vw);
        height: calc(75 / var(--vw-min) * 100vw);
        top: unset;
        bottom: 0;
    }
}
/**
* deco
**/
.visual__frame,
.visual__line {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0;
    z-index: 1;
    margin: auto;
    pointer-events: none;
}
.visual__frame::before,
.visual__frame::after {
    content: "";
    width: calc(141 / var(--vw-min) * 100vw);
    height: calc(141 / var(--vw-min) * 100vw);
    display: block;
    position: absolute;
    -webkit-mask: url(../img/common/deco/deco_fv.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_fv.svg)no-repeat center/contain;
    background-color: var(--color-gold9B8);
}
@media screen and (max-width:768px){
    .visual__frame::before,
    .visual__frame::after {
        width: calc(171 / var(--vw-min) * 100vw);
        height: calc(171 / var(--vw-min) * 100vw);
    }
}
.visual__frame.--top::before {
    top: 0;
    left: 0;
    transform: scale(-1,1);
}
.visual__frame.--top::after {
    top: 0;
    right: 0;
}
.visual__frame.--bottom::before {
    bottom: 0;
    left: 0;
    transform: scale(-1,-1);
}
.visual__frame.--bottom::after {
    bottom: 0;
    right: 0;
    transform: scale(1,-1);
}
/** top bottom **/
.visual__line.--tb::before,
.visual__line.--tb::after {
     content: "";
     width: calc(1040 / var(--vw-min) * 100vw);
     height: calc(1 / var(--vw-min) * 100vw);
     position: absolute;
     right: 0;
     left: 0;
     margin: auto;
     background: var(--fvW-linear-gradient);
}
@media screen and (max-width:768px){
    .visual__line.--tb::before,
    .visual__line.--tb::after {
        width: calc(654 / var(--vw-min) * 100vw);
    }
}
.visual__line.--tb::before {
    top: 0;
}
.visual__line.--tb::after {
    bottom: 0;
}
/** left right **/
.visual__line.--lr::before,
.visual__line.--lr::after {
     content: "";
     width: calc(1 / var(--vw-min) * 100vw);
     height: calc(594 / var(--vw-min) * 100vw);
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     background: var(--fvH-linear-gradient);
}
@media screen and (max-width:768px){
    .visual__line.--lr::before,
    .visual__line.--lr::after {
        height: calc(916 / var(--vw-min) * 100vw);
    }
}
.visual__line.--lr::before {
    left: 0;
}
.visual__line.--lr::after {
    right: 0;
}

/*-----------------------------------------------
 * STAFF
-------------------------------------------------*/
.staff {
    padding: min(calc(80 / var(--vw-min) * 100vw),80px) 0 min(calc(190 / var(--vw-min) * 100vw),190px);
}
@media screen and (max-width:768px){
    .staff {
        padding: calc(96 / var(--vw-min) * 100vw) 0 calc(213 / var(--vw-min) * 100vw);
    }
}
.staffWrap {
    width: min(calc(880 / var(--vw-min) * 100vw),880px);
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    position: relative;
    margin: 0 auto;
}
@media screen and (max-width:768px){
    .staffWrap {
        width: 100%;
        padding: 0 calc(48 / var(--vw-min) * 100vw);
    }
}
.staff .cont-tit-en {
    height: min(calc(326 / var(--vw-min) * 100vw),326px);
}
@media screen and (max-width:768px){
    .staff .cont-tit-en {
        height: calc(296 / var(--vw-min) * 100vw);
    }
}
.staff .cont-tit-enIn {
    -webkit-mask: url(../img/common/tit/tit_staff-en.svg)no-repeat center/contain;
    mask: url(../img/common/tit/tit_staff-en.svg)no-repeat center/contain;
}
.staff .cont-tit-ja {
    height: min(calc(206 / var(--vw-min) * 100vw),206px);
    -webkit-mask: url(../img/common/tit/tit_staff-ja.svg)no-repeat center/contain;
    mask: url(../img/common/tit/tit_staff-ja.svg)no-repeat center/contain;
}
@media screen and (max-width:768px){
    .staff .cont-tit-ja {
        height: calc(248 / var(--vw-min) * 100vw);
    }
}
.staff .cont-tit-deco {
    width: min(calc(20 / var(--vw-min) * 100vw),20px);
    height: min(calc(24 / var(--vw-min) * 100vw),24px);
    display: block;
    position: absolute;
    bottom: max(calc(-5 / var(--vw-min) * 100vw),-5px);
    right: max(calc(-3 / var(--vw-min) * 100vw),-3px);
    -webkit-mask: url(../img/common/deco/deco_hotaru.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_hotaru.svg)no-repeat center/contain;
    background-color: var(--color-redBF2);
}
@media screen and (max-width:768px){
    .staff .cont-tit-deco {
        width: calc(24 / var(--vw-min) * 100vw);
        height: calc(28 / var(--vw-min) * 100vw);
        bottom: calc(-5 / var(--vw-min) * 100vw);
        right: 0;
    }
}
.staffCont {
    width: calc(100% - min(calc(40 / var(--vw-min) * 100vw),40px));
    padding: min(calc(40 / var(--vw-min) * 100vw),40px) min(calc(40 / var(--vw-min) * 100vw),40px) 0 0;
}
@media screen and (max-width:768px){
    .staffCont {
        width: calc(100% - calc(48 / var(--vw-min) * 100vw));
        padding: calc(48 / var(--vw-min) * 100vw) calc(48 / var(--vw-min) * 100vw) 0 0;
    }
}
.staff__item {
    display: flex;
    align-items: center;
}
@media screen and (max-width:768px){
    .staff__item {
        flex-wrap: wrap;
    }
}
.staff__item:not(:last-child) {
    margin-bottom: min(calc(35 / var(--vw-min) * 100vw),35px);
}
@media screen and (max-width:768px){
    .staff__item:not(:last-child) { 
        margin-bottom: calc(40 / var(--vw-min) * 100vw);
    }
}
.staff__item-dt {
    font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
    color: var(--color-gold9B8);
    line-height: min(calc(25 / var(--vw-min) * 100vw),25px);
    flex-shrink: 0;
    margin-right: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
    .staff__item-dt {
        font-size: calc(24 / var(--vw-min) * 100vw);
        line-height: calc(32 / var(--vw-min) * 100vw);
        margin-right: calc(20 / var(--vw-min) * 100vw);
    }
}
.staff__item-dd {
    font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
    line-height: min(calc(25 / var(--vw-min) * 100vw),25px);
}
@media screen and (max-width:768px){
    .staff__item-dd  {
        font-size: calc(28 / var(--vw-min) * 100vw);
        line-height: 1.6;
    }
}
.staff__item-dd:not(.--comment-link) {
    margin-right: min(calc(20 / var(--vw-min) * 100vw),20px);
}
@media screen and (max-width:768px){
    .staff__item-dd:not(.--comment-link) {
        margin-right: calc(20 / var(--vw-min) * 100vw);
    }
}
.staff__item-dd.--small {
    font-size: min(calc(12 / var(--vw-min) * 100vw),12px);
    margin-right: min(calc(15 / var(--vw-min) * 100vw),15px);
}
@media screen and (max-width:768px){
    .staff__item-dd.--small {
        font-size: calc(20 / var(--vw-min) * 100vw);
        margin-right: 0;
        order: 2;
        margin-left: calc(70 / var(--vw-min) * 100vw);
    }
}
.staff__item-dd.--comment-link {
    width: min(calc(37 / var(--vw-min) * 100vw),37px);
    height: min(calc(25 / var(--vw-min) * 100vw),25px);
    transition: .4s var(--cubic-bezier01);
}
@media screen and (max-width:768px){
    .staff__item-dd.--comment-link {
        width: calc(48 / var(--vw-min) * 100vw);
        height: calc(32 / var(--vw-min) * 100vw);
    }
}
.commentLink {
    width: 100%;
    height: 100%;
    display: block;
    --webkit-mask: url(../img/common/deco/icon_comment.svg)no-repeat center/contain;
    mask: url(../img/common/deco/icon_comment.svg)no-repeat center/contain;
    background-color: #fff;
}
.deco__light {
    position: absolute; 
    animation: firefly 6s var(--cubic-bezier01) infinite;
    transform-origin: center;
}
.deco__light.--light1 {
    width: min(calc(38 / var(--vw-min) * 100vw),38px);
    height: min(calc(38 / var(--vw-min) * 100vw),38px);
    position: absolute;
    top: max(calc(-198 / var(--vw-min) * 100vw),-198px); 
    right: max(calc(-70 / var(--vw-min) * 100vw),-70px);
    background: url(../img/common/deco/deco_light1.png)no-repeat center/contain;
    animation-duration: 5.5s;
    animation-delay: -2s;
}
@media screen and (max-width:768px){
    .deco__light.--light1 {
        width: calc(38 / var(--vw-min) * 100vw);
        height: calc(38 / var(--vw-min) * 100vw);
        top: calc(-480 / var(--vw-min) * 100vw);
        right: unset;
        left: calc(119 / var(--vw-min) * 100vw);
    }
}
.deco__light.--light2 {
    width: min(calc(154 / var(--vw-min) * 100vw),154px);
    height: min(calc(154 / var(--vw-min) * 100vw),154px);
    position: absolute;
    top: max(calc(-207 / var(--vw-min) * 100vw),-207px);
    left: max(calc(-120 / var(--vw-min) * 100vw),-120px);
    background: url(../img/common/deco/deco_light2.png)no-repeat center/contain;
    animation-duration: 7.2s;
    animation-delay: -4s;
}
@media screen and (max-width:768px){
    .deco__light.--light2 {
        width: calc(171 / var(--vw-min) * 100vw);
        height: calc(171 / var(--vw-min) * 100vw);
        top: calc(-376 / var(--vw-min) * 100vw);
        right: calc(48 / var(--vw-min) * 100vw);
        left: unset;
    }
}
.deco__light.--light3 {
    width: min(calc(298 / var(--vw-min) * 100vw),298px);
    height: min(calc(298 / var(--vw-min) * 100vw),298px);
    right: min(calc(10 / var(--vw-min) * 100vw),10px);
    bottom: max(calc(-265 / var(--vw-min) * 100vw),-265px);
    z-index: 1;
    background: url(../img/common/deco/deco_light3.png)no-repeat center/contain;
    animation-duration: 6.3s;
    animation-delay: -1s;
}
@media screen and (max-width:768px){
    .deco__light.--light3 {
        width: calc(331 / var(--vw-min) * 100vw);
        height: calc(331 / var(--vw-min) * 100vw);
        right: calc(100 / var(--vw-min) * 100vw);
        bottom: calc(-270 / var(--vw-min) * 100vw);
    }
}
@media (hover: hover) and (pointer: fine){
    .staff__item-dd.--comment-link:hover {
        transform: scale(0.95);
        -webkit-filter: var(--hover-filter);
        filter: var(--hover-filter);
    }
}
/*-----------------------------------------------
 * Loading
-------------------------------------------------*/
.loading {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 10000;
	min-height: 100vh;
	min-height: 100dvh;
	background: url(../img/common/bg/bg_main.jpg)no-repeat center/cover;
}
.loading__hotaruWrap {
  position: absolute;
  inset: 0;
  pointer-events: none;
}
.loading__hotaru {
  position: absolute;
  width: calc(6 / var(--vw-min) * 100vw);
  height: calc(6 / var(--vw-min) * 100vw);
  border-radius: 50%;
   background: radial-gradient(circle, #fff 0%, #ffd27a 60%, rgba(255,210,122,.4) 70%, transparent 100%);
  box-shadow:
    0 0 6px rgba(255,210,122,.6),
    0 0 12px rgba(255,210,122,.4),
    0 0 20px rgba(255,210,122,.2);
  opacity: 0;
  animation: firefly 5s ease-in-out infinite;
}
.loading__hotaru:nth-child(1){ top:40%; left:45%; animation-delay:0s; }
.loading__hotaru:nth-child(2){ top:55%; left:50%; animation-delay:.6s; }
.loading__hotaru:nth-child(3){ top:48%; left:38%; animation-delay:1.2s; }
.loading__hotaru:nth-child(4){ top:60%; left:46%; animation-delay:1.8s; }
.loading__hotaru:nth-child(5){ top:35%; left:55%; animation-delay:2.4s; }

@keyframes firefly {
  0% {
    opacity: 0;
    transform: translate(0, 0) scale(.7);
  }
  20% {
    opacity: .4;
  }
  50% {
    opacity: 1;
    transform: translate(8px, -14px) scale(1);
  }
  75% {
    opacity: .6;
    transform: translate(-6px, -6px) scale(.9);
  }
  100% {
    opacity: .3;
    transform: translate(0, 0) scale(.8);
  }
}

.loading__logo {
  width: calc(110 / var(--vw-min) * 100vw);
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  inset: 0;
  margin: auto;
  opacity: 0;
  filter: blur(12px);
  transform: scale(1.05);
  transition:opacity 1.2s cubic-bezier(.4,0,.2,1), filter 1.2s cubic-bezier(.4,0,.2,1), transform 1.2s cubic-bezier(.4,0,.2,1);
}
@media screen and (max-width:768px){
    .loading__logo {
        width: calc(200 / var(--vw-min) * 100vw);
    }
}
.loading__logo img {
    width: 100%;
    pointer-events: none;
}
body.--is-loading .loading__logo {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}
body.--is-loaded .loading {
  pointer-events: none;
}
.fv__logo,
.fv__onair,
.fv__M-catch {
    opacity: 0;
    transform: scale(1.05);
    transition:opacity 1.5s cubic-bezier(.4,0,.2,1), transform 1.5s cubic-bezier(.4,0,.2,1);
}
.fv__catch {
    opacity: 0;
    filter: blur(12px);
    transform: scale(1.05);
    transition:opacity 1.5s cubic-bezier(.4,0,.2,1), filter 1.5s cubic-bezier(.4,0,.2,1), transform 1.5s cubic-bezier(.4,0,.2,1);
}
.fv__logo.is-ani,
.fv__onair.is-ani,
.fv__M-catch.is-ani {
    opacity: 1;
    transform: scale(1);
}
.fv__catch.is-ani {
  opacity: 1;
  filter: blur(0);
  transform: scale(1);
}
.fv__visual {
    transform: scale(1.2);
    transition:transform 1.2s cubic-bezier(.4,0,.2,1);
}
.fv__visual.is-ani {
    transform: scale(1) rotate(0deg);
}
/*-----------------------------------------------
 * アニメーション
-------------------------------------------------*/
.section .--rx {
    opacity: 0;
    transform: translateX(-30%);
    transition: .3s ease;
}
.section .--lx {
    opacity: 0;
    transform: translateX(30%);
    transition: .3s ease;
}
.section .--by {
    opacity: 0;
    transform: translateY(30%);
    transition: .3s ease;
}
.section .--ty {
    opacity: 0;
    transform: translateY(-30%);
    transition: .3s ease;
}
.section .--in {
    opacity: 0;
    transition: .3s ease;
}
.section.is-ani .--rx,
.section.is-ani .--lx{
    opacity: 1;
    transform: translateX(0);
}
.section.is-ani .--by,
.section.is-ani .--ty {
    opacity: 1;
    transform: translateY(0);
}
.section.is-ani .--in {
    opacity: 1;
}