@charset "UTF-8";

.fv {
    background: url(../../reservation/img/fv-bg.webp) no-repeat center center / cover;
    padding-block: 50px;
}
.fv__hgroup {
    background: rgba(255, 255, 255, 30%);
    width: 80%;
    margin: 0 auto;
    border-radius: 30px;
    padding: 30px;
}


.reservation__content {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    justify-content: center;
}

.reservation__link {
    height: 80px;
}
.reservation__link__item {
    min-width: 300px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 340px;
    width: 100%;
}
.reservation__text {
    text-align: center;
}
.btn__sns {
    padding-right: 30px;
    padding-left: 30px;
}
.btn__sns:hover {
    opacity: 0.8;
}
.btn__sns__text {
    width: 100%;
    text-align: center;
    color: var(--white-color);
}
.reservation__tel {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 20px;
    background: linear-gradient(90deg, #ffde59, #ff914d);
}
.reservation__tel:hover {
    opacity: 0.8;
}

.reservation__tel__icon {
    width: 40px;
}

.reservation__tel__text {
    color: var(--white-color);
    width: 100%;
    text-align: center;
    font-size: 1.125rem;
}

.btn__instagram-bg {
    background: linear-gradient(90deg, #ff5757, #8c52ff);
}