@charset "UTF-8";

.article-column {
    background-color: #eef8ff;
    padding: 1.8rem;
    border-radius: 5px;
}

.c-img--l2 img {
    width: 500px;
}

.c-img--l3 img {
    width: auto;
    max-width: 600px;
    max-height: 590px;
}


@media screen and (max-width : 767px) {
    .c-img--l2 img {
        max-width: 100%;
    }

    .c-img--l3 img {
        max-width: 100%;
    }
}

@media screen and (max-width : 1024px) {
    .l-img{
        flex-direction: column;
    }
    .l-img .l-img__img {
        text-align: center;
    }
}