/* ---------- Intro Box ---------- */
.intro-box {
  background: var(--light-green);
  padding: clamp(10px, 4vw, 30px);
  text-align: center;
  margin: 0 auto;
  max-width: 882px;
  width: 100%;
}

.intro-box p {
  max-width: 550px;
  width: 100%;
  text-align: center;
  font-size: clamp(14px, 1.5vw, 16px);
  margin: 0 auto clamp(10px, 3vw, 20px);
}
.intro-box p:last-child {
  margin: 0 auto 0px;
}

/* ---------- Phone Box ---------- */
.phone-box {
  border: 3px solid var(--green);
  border-radius: 15px;
  padding: clamp(10px, 1.5vw, 16px);
  display: inline-block;
  margin-top: clamp(10px, 3vw, 20px);
}

.phone-box .label {
  font-size: clamp(12px, 1vw, 16px);
}

.phone-number {
  font-size: clamp(20px, 10vw, 38px);
  color: var(--green);
  font-weight: bold;
}

.phone-time {
  font-size: clamp(12px, 1vw, 16px);
}

.contat-us-form-wrap {
  max-width: 882px;
  width: 100%;
  margin: 0 auto;
}

/* reservation */
.form-section {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: clamp(20px, 2.5vw, 26px);
  font-weight: 700;
  color: var(--text-color);
  margin: clamp(32px, 6vw, 48px) 0 clamp(20px, 4vw, 28px);
}

/* Green vertical bar */
.form-section .section-bar {
  display: block;
  width: 6px;
  height: 1.4em;
  background: var(--brand);
  flex-shrink: 0;
}

/*  */

.san-radio {
  padding: 10px;
  margin-top: 5px;
  display: flex;
  background: var(--light-gray);
}

.san-radio span {
  width: 100%;
}
.san-radio span label {
  display: flex;
}
.san-radio span label input {
  width: 20px;
  margin-right: 10px;
}