.m-images {
    position: relative;
    display: block;
    width: 100%;
    height: fit-content;
    padding: 0 var(--lateralMargin);
}

.m-images .m-images-inner {
    position: relative;
    display: flex;
    height: fit-content;
    width: 100%;
}

.m-images .m-images-inner.right {
    justify-content: flex-end;
}

.m-images .m-images-inner .inner {
    position: relative;
    display: flex;
    height: fit-content;
    width: calc( (100% / 12) *  10 );
    column-gap: 1.041vw; /*15px*/
}

.m-images .m-images-inner .left,
.m-images .m-images-inner .right {
    position: relative;
    display: inline-block;
    height: fit-content;
}

.m-images .m-images-inner.layout_01 .left,
.m-images .m-images-inner.layout_01 .right {
    width: 50%;
}

.m-images .m-images-inner.layout_02 .left {
    width: 60%;
}

.m-images .m-images-inner.layout_02 .right {
    width: 40%;
}

.m-images .m-images-inner .left .image,
.m-images .m-images-inner .right .image {
    position: relative;
    display: block;
    width: 100%;
}

.m-images .m-images-inner.layout_01 .left .image {
    height: 54.167vw; /*780px*/
}

.m-images .m-images-inner.layout_01 .right .image {
    height: 29.17vw; /*420px*/
}

.m-images .m-images-inner.layout_02 .left .image {
    height: 33.34vw; /*480px*/
}

.m-images .m-images-inner.layout_02 .right .image {
    height: 22.23vw; /*320px*/
}

.m-images .m-images-inner .right .text {
    position: relative;
    display: block;
    width: 100%;
    height: fit-content;
    padding: 6.41vw 3.525vw 0px; /*88px 45px 0px*/
}



@media screen and (max-width: 1440px) {
    .m-images .m-images-inner .inner {
        column-gap: 15px;
    }

    .m-images .m-images-inner.layout_01 .left .image {
        height: 780px
    }

    .m-images .m-images-inner.layout_01 .right .image {
        height: 420px;
    }

    .m-images .m-images-inner.layout_02 .left .image {
        height: 480px;
    }

    .m-images .m-images-inner.layout_02 .right .image {
        height: 320px;
    }

    .m-images .m-images-inner .right .text {
        padding: 88px 45px 0px;
    }
}


@media only screen and (max-width: 1100px) {
    .m-images .m-images-inner .inner {
        flex-flow: column;
        width: 100%;
    }

    .m-images .m-images-inner.left {
        margin-top: -18px;
        margin-bottom: 24px;
    }

    .m-images .m-images-inner.right {
        justify-content: flex-start;
        margin-top: -14px;
    }

    .m-images .m-images-inner.right.layout_01 {
        margin-bottom: 21px;
    }

    .m-images .m-images-inner.right.layout_02 .inner {
        row-gap: 15px;
    }

    .m-images .m-images-inner.layout_01 .left,
    .m-images .m-images-inner.layout_01 .right,
    .m-images .m-images-inner.layout_02 .left,
    .m-images .m-images-inner.layout_02 .right {
        width: 100%;
    }

    .m-images .m-images-inner.layout_01 .left .image {
        height: 97.674vw; /*420px*/
        width: 75.11vw; /*323*/
    }
    
    .m-images .m-images-inner.layout_01 .right .image {
        height: 51.16vw; /*220px*/
        width: 75.11vw; /*323*/
    }

    .m-images .m-images-inner.layout_01 .right {
        display: flex;
        align-items: flex-end;
    }

    .m-images .m-images-inner.layout_01.right .right {
        flex-flow: column-reverse;
    }

    .m-images .m-images-inner.layout_01.left .right {
        flex-flow: column;
    }

    .m-images .m-images-inner.right .right .text {
        padding: 38px calc(24.89vw - (var(--lateralMargin) * 2) ) 38px 0;
    }
    
    .m-images .m-images-inner.left .right .text {
        padding: 38px 0 38px calc(24.89vw - (var(--lateralMargin) * 2) );
    }

    .m-images .m-images-inner.left .inner {
        flex-flow: column-reverse;
        width: 100%;
    }
    
    .m-images .m-images-inner.layout_02 .right {
        display: flex;
        justify-content: flex-end;
    }

    .m-images .m-images-inner.layout_02 .left .image,
    .m-images .m-images-inner.layout_02 .right .image {
        height: 51.16vw; /*220px*/
        width: 75.11vw; /*323*/
    } 
}