.blog02 {
    gap: 20px;
}

.blog02:not(:has( > li:only-child)) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.blog02:has( > li:only-child) {
    display: flex;
    justify-content: center;
}

.blog02__card {
    max-width: 560px;
    display: grid;
    gap: 0 10px;
    grid-template-columns: 255px minmax(0, 1fr);
    padding: 20px;
}

.blog02__img {
    height: 191px;
    grid-row: span 4;
}

.blog02 .blog__between {
    margin: 0 0 10px;
}

.blog02 .blog__line {
    margin-block: 5px 10px;
}

.blog02 .blog__text {
    -webkit-line-clamp: 5;
}