@charset "UTF-8";

div.article{
    margin: 1em 0 0 0;
}

div.article-piece{
    /* display: flex;
    justify-content: space-between; */
    margin: 0 0 4em 0;
}

img.article-piece-photo{
    /* width: calc(100% - 480px); */
    width: 330px;
    aspect-ratio: 4 / 3;
    object-fit: cover;
}

div.article-piece-main-content{
    margin: 1em 1.5em;
    padding: 0.2em 0 0.2em 1em;
    border-left: 1px solid var(--gray_color);
}

/* ul.article-piece-main-content li{
    padding-bottom: 0.2em;
} */