/* お取り置きの案内。お店のことの面と同じ型を、右端まで届く向きで使う */
.reserve { margin-top: 150px; }
.reserve__panel {
  margin-left: var(--gut);
  border-radius: var(--r-l) 0 0 var(--r-l);
  background: var(--surface);
}
.reserve__inner {
  display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 40px;
  max-width: 1360px;
  padding: 70px var(--gut) 70px 80px;
}
.reserve__title { font-family: var(--ff-mincho); font-size: 32px; font-weight: 400; line-height: 1.5; letter-spacing: .1em; color: var(--ink-head); }
.reserve__body { margin-top: 20px; font-size: 16px; line-height: 2; }
.reserve__btns { display: grid; gap: 14px; width: 320px; }

@media (max-width: 1099px) {
  .reserve__inner { padding-left: 50px; }
  .reserve__title { font-size: 28px; }
  .reserve__btns { width: 280px; }
}
@media (max-width: 899px) {
  .reserve__panel { margin: 0 var(--gut); border-radius: var(--r-l); }
  .reserve__inner { display: block; padding: 60px 30px 50px; }
  .reserve__text { padding: 0 15px; }
  .reserve__title { font-size: 26px; }
  .reserve__body { font-size: 14px; }
  .reserve__btns { width: auto; max-width: 420px; margin: 34px auto 0; }
}