/**調整用**/
.header-mag {
    margin-top: 5rem;
}

@media (min-width: 820px) {
    .header-mag {
        margin-top: 0;
    }
}

.mg-t-2 {
    margin-top: -2rem;
}

.mg-t-3 {
    margin-top: -3rem;
}

.t1 {
    top: 1rem;
}

.mg-b2 {
    margin-bottom: 2rem;
}

.top-und-text03-mov {
    color: #fff;
    background-color: #1f1f1f;
    text-align: center;
    font-size: 1.1rem;
    position: absolute;
    /*bottom: 14.3rem;*/
    bottom: 25.8rem;
    width: 100%;
}

.t-hibarai-box {
    position: relative;
}

.t-hibarai {
    position: absolute;
    top: 1.5rem;
    right: 0;
    z-index: 1;
    transform: translate3d(0, 0, 100px);
    opacity: 1;
    animation: boyoyon 700ms backwards;
}

.hibarai-img {
    width: 13rem;
    height: 13rem;
}

.fadein.show,
.fadein2.show2 {
    transform: translate(0);
    opacity: 1;
}




@keyframes boyoyon {

    0%,
    20%,
    40%,
    60%,
    80%,
    100% {
        animation-timing-function: cubic-bezier(0.1, 0.1, 0.1, 1);
    }

    0% {
        opacity: 0;
        transform: translate3d(0, 0, 100px) scale3d(5, 5, 5);
        /* 初めの位置（手前）で小さく */
    }

    20% {
        transform: translate3d(0, 0, 0) scale3d(1.5, 1.5, 1.5);
        /* バウンスのピーク（手前から奥に） */
    }

    40% {
        transform: translate3d(0, 0, 70px) scale3d(0.8, 0.8, 0.8);
        /* 中間の位置（手前に戻る） */
    }

    60% {
        opacity: 1;
        transform: translate3d(0, 0, 0) scale3d(1.1, 1.1, 1.1);
        /* バウンスのピーク（手前から奥に） */
    }

    80% {
        transform: translate3d(0, 0, 30px) scale3d(0.97, 0.97, 0.97);
        /* 中間の位置（手前に戻る） */
    }

    100% {
        transform: translate3d(0, 0, 0) scale3d(1, 1, 1);
        /* 最終位置（手前から奥に） */
    }
}
.pd-2 {
    padding: 2rem;
}

.t-hibarai-box {
    position: relative;

}