@charset "utf-8";

.hdbox {
    position: relative;
    width: 100%;
    height: 500px;
    bottom: 0;
}

    .hdbox .sw-illust {
        position: absolute;
        background-repeat: no-repeat;
        background-position: center bottom;
        background-size: contain;
        top: 0;
        opacity: 0;
        -webkit-transform-style: preserve-3d;
        animation: bgAnime 0.8s ease 0.2s forwards;
    }


@keyframes bgAnime {
    0% {
        transform: translateY(-80px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}

.sw-main-visual .sw-visual .sw-illust {
    position: absolute;
    width: 100% !important;
    height: 500px !important;
}
.sw-main-visual .sw-visual .sw-illust img {
    width: 100%;
}