.img_wrapper {
    display: flex;
    width: 100%;
    height: 100vh;
    margin: auto 0;
    align-items: center;
    background-image: linear-gradient(90deg, #d3ebf5, #b9f1ff);
}

.img_wrapper img {
    width: 100%;
    min-width:1920px;
}


.img_inner_pc {
    flex-grow: 1;
}

.img_inner_sp {
    display: none;
}
@media screen and (min-height:800px){
.img_wrapper{
    overflow-y: hidden;
}
}


@media screen and (max-width:1600px){
.img_wrapper.addClass img{
    width:100%;
    min-width:1280px;
}

.img_wrapper img {
    width: 100%;
   min-width:1280px;
}
}

@media screen and (max-width:768px) {

    .img_wrapper.addClass img{
    min-width:auto;
}

    .img_wrapper {
        height: 100svh;
    }

    .img_wrapper img {
    min-width:auto;
}

    .img_inner_sp {
        display: block;
        flex-grow: 1;
        z-index: 9999;
    }

    .img_inner_pc {
        visibility: hidden;
        display: none;
        z-index: -1;
    }

  body {
        background-image: linear-gradient(to bottom right, #d3ebf5, #c1effc);
    }

}