@media screen and (max-width: 960px) {
    .page--home .wrap h1.logo.sp {
        left: 6vw;
        top: 3vw;
        justify-content: flex-start;
        align-items: flex-start;
    }
.page--home .section--hero-img {
    align-items: flex-start;
}
    .page--home .section--hero-img {
        background: #23211dcc;
    }

.page--home .section--hero-img .block--login .g-nav--item__login::before {
    background: #e4e3d9;
}
        .page--home .container .view__area .section--hero-img .block--hero-img img {
        max-width: none;
        max-height: none;
        width: 200vw;
        position: absolute;
        left: 0;
        top: 0;
    }
}




@media screen and (min-width: 961px) {

.page--home .section--hero-img {
    margin-bottom: 0px;
}
    .page--home .section--banner {
        margin-top: 0px;
    }
    .wrap >.bg {
         display: block !important; 
    }
    .page--home .block--content-wrap {
        background: #252525;
    }
        .page--home .section--hero-img .block--hero-img img {
        object-fit: contain !important;
}
}