.default-list-item{
    max-width: 1440px;
    margin: 0 auto;
    min-height: 640px;
    padding-bottom: 40px;
    position: relative;
    z-index: 1;
    >.img{
        position: absolute;
        z-index: -1;
        bottom: 0;
        width: 75%;
        max-width: 810px;
        height: calc(100% - 100px);
        >img{
            width: 100%;
            height: 100%;
            min-height: inherit;
            object-fit: cover;
        }
    }
    >.content{
        width: 70%;
        max-width: 708px;
        padding: 100px 120px;
        background-color: white;
        >.en-h2{
            color: var(--color-primary-1);
            margin-bottom: 24px;
        }
        >p{
            white-space: pre-line;
            margin-top: 40px;
            margin-bottom: 40px;
        }
    }


    &.odd{
        >.img{
            left: 0;
        }
        >.content{
            margin-left: auto;
        }
    }
    &.even{
        >.img{
            right: 0;
        }
        >.content{
            margin-right: auto;
        }
    }
}

@media screen and (width < 1024px) {
    .default-list-item{
        min-height: 560px;
        > .content{
            padding: 60px;
        }
    }
}
@media screen and (width < 768px) {
    .default-list-item{
        min-height: 650px;
        > .content{
            max-width: initial;
            width: calc(100% - 24px);
            padding: 40px;
        }
        >.img{
            width: calc(100% - 24px);
            height: calc(100% - 60px);
        }
    }
}
@media screen and (width < 576px) {
    .default-list-item{
        min-height: initial;
        padding-bottom: 0;
        > .content{
            width: 100%;
            padding: 40px 24px;
            >.en-h2{
                margin-bottom: 12px;
            }
            >p{
                margin-top: 24px;
                margin-bottom: 24px;
            }
        }
        >.img{
            position: static;
            width: 100%;
            height: auto;
        }
    }
}