/*-----------------------------スローガン------------------------------*/
.slogan {
    overflow: hidden;
    position: relative;
    margin-left: 10px;
}

.slogan::before {
    animation: img-wrap 3.5s cubic-bezier(0.4, 0, 0.2, 1) forwards;
    background: #fff;
    content:'';
    inset: 0;
    pointer-events: none;
    position: absolute;
}

@keyframes img-wrap {
    100% {
        transform: translateX(100%);
    }
}

.div_top_img {
    max-width: none;
    width: 100%;
    height: auto;
    z-index: 2;
    margin-left: -100px;
    margin-top: 25px;
}

.top_img {
    max-width: none;
    width: 100%;
    height: auto;
}

@media(max-width: 960px){
    .div_top_img {
        width: 100%;
        margin: 0;
        z-index: 1;
    }
}