@charset "utf-8";

.com-deco-right-center01 {
    width: 20%;
    top: 0;
}

.flow .com-deco-left-center01 {
    top: auto;
  	bottom: -20%;
}

.beginner-btn-box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 8px 3%;
}

.beginner-guide-slider-frame {
    overflow: hidden;
}

.beginner-guide-slider .slick-prev,
.beginner-guide-slider .slick-next {
    width: 32px;
    height: 32px;
    background: var(--primary);
}

.beginner-reservation-btn-box{
    gap: 10px;
}

.beginner-flow-step-box{
    aspect-ratio: 1/1;
}

.beginner-flow-item {
    gap: 10px;
}

.beginner-flow-right-box {
    gap: 20px;
}

.z-unset{
    z-index: unset !important;
}

.beginner-flow-inner{
    z-index: 5;
}

.beginner-guide-slider-img {
    aspect-ratio: 1040 / 780;
    background: var(--white);
}

.beginner-guide-slider-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 576px) {

    .beginner-btn-box {
        grid-template-columns: repeat(3, 1fr);
    }

}

/* min-width: 576px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
@media screen and (min-width: 1024px) {

    .beginner-guide-slider .slick-prev,
    .beginner-guide-slider .slick-next {
        width: 56px;
        height: 56px;
    }

    .beginner-guide-slider .slick-prev {
        left: 24px;
    }

    .beginner-guide-slider .slick-next {
        right: 24px;
    }

}

/* min-width: 1024px ここまで */
/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */