/* ====================
汎用
==================== */
.js-fadeIn{
    transition: opacity 0.8s cubic-bezier(0.18, 0.06, 0.23, 1);
    opacity: 0;
}
.js-fadeIn.is-active{
    opacity: 1;
}

.js-fadeInUp{
    transition-property: opacity, translate;
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(0.18, 0.06, 0.23, 1);
    opacity: 0;
    translate: 0 40px;
}
.js-fadeInUp.is-active{
    opacity: 1;
    translate: 0 0;
}

.js-fadeInDown{
    transition-property: opacity, translate;
    transition-duration: 0.8s;
    transition-timing-function: cubic-bezier(0.18, 0.06, 0.23, 1);
    opacity: 0;
    translate: 0 -40px;
}
.js-fadeInDown.is-active{
    opacity: 1;
    translate: 0 0;
}

/* ====================
メインビジュアル
==================== */
.mv_logo{
    transition-delay: 0.8s;
}

/* ====================
ヘッダー
==================== */
.header{
    transition-delay: 0.8s;
}

/* ====================
フッター追従ボタン
==================== */
.btnFollow {
    transition-delay: 0.8s;
}
@media (min-width:600px) and (min-height: 600px){
    .btnFollow {
        translate: 40px 50%;
    }
    .btnFollow.is-active {
        translate: 0 50%;
    }
}