.bkn04 {
    gap: 26px;
}

.bkn04:has(> li:nth-child(-n + 2)) {
    display: flex;
    justify-content: center;
}

.bkn04:has(> li:nth-child(3)) {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bkn04__card {
    width: 557px;
    height: 100%;
    display: block;
    padding: 20px;
}

.bkn04__top {
    display: flex;
    margin-bottom: 10px;
    position: relative;
}

.bkn04__img {
    flex: 1;
    height: 193px;
}

.bkn04__madori {
    border: 1px solid #D4D4D4;
}

.bkn04 .bkn__label {
    position: absolute;
    top: 0;
    left: 0;
}

.bkn04 .bkn__favicon {
    position: absolute;
    top: -11px;
    right: -10px;
}