.bkn02 {
    position: relative;
    border: 1px solid #707070;
    background: var(--white);
    padding: 30px 0 52px;
}

.bkn02__contents {
    margin: 0 auto;
}

.bkn02__items {
    margin-inline: 10px;
}

.bkn02__link {
    width: 800px;
    display: grid;
    gap: 13px;
    grid-template-columns: 320px minmax(0, 1fr);
    padding: 20px;
}

.bkn02__left {
    position: relative;
}

.bkn02__img {
    height: 240px;
}

.bkn02 .bkn__label {
    margin-bottom: 6px;
}

.bkn02 .bkn__name {
    font-size: var(--title-large);
}

.bkn02 .bkn__price span {
    font-size: var(--contet-ttl);
    color: var(--strong-color);
    line-height: 1.6;
}

.bkn02 .bkn__details {
    margin-bottom: 10px;
}

.bkn02 .slick-list {
    overflow: visible;
}

.bkn02 .slick-track {
    padding-block: 8px;
}

.swiper-container {
    display: flex;
    justify-content: center; /* スライダー全体の中央寄せ */
}

.swiper-wrapper {
    display: flex;
    align-items: center; /* 垂直方向の中央寄せ */
}

.swiper-slide {
    display: flex;
    justify-content: center; /* スライドのコンテンツを中央寄せ */
    width: auto; /* 自動で幅調整 */
}

.bkn02 .swiper-pagination {
    bottom: 23px;
    z-index: 1;
}

.bkn02 .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 1.5px;
    background: var(--main-color);
}

.bkn02 .swiper-pagination-bullets.swiper-pagination .swiper-pagination-bullet-active {
    background: var(--point-color);
}