.reservation {
  padding: 64px 0 60px;
  background: #FFFFFF;
  color: #333333;
  font-family: "Noto Sans JP", "Yu Gothic", "Meiryo", sans-serif;
  text-align: center;
}
.reservation__heading { margin: 0; color: #C58A5B; }
.reservation__english { display: block; font-family: Arial, sans-serif; font-size: 40px; font-weight: 700; line-height: 1.2; letter-spacing: 0.04em; }
.reservation__japanese { display: block; margin-top: 4px; font-size: 16px; line-height: 1.5; }
.reservation__illustration { display: block; width: 108px; height: 126px; margin: 44px auto 32px; color: #C58A5B; }
.reservation__catch { margin: 0 20px; font-size: 21px; font-weight: 700; line-height: 1.6; }
.reservation__description { width: 88%; margin: 14px auto 24px; font-size: 13px; line-height: 1.9; text-wrap: pretty; }
.reservation__demo { width: 78%; margin: 0 auto; }
.reservation__button { box-sizing: border-box; display: block; padding: 15px 10px; border-radius: 999px; background: #C58A5B; color: #FFFFFF; font-size: 16px; font-weight: 700; line-height: 1.5; list-style: none; cursor: pointer; }
.reservation__button::-webkit-details-marker { display: none; }
.reservation__button:focus-visible { outline: 2px solid #C58A5B; outline-offset: 4px; }
.reservation__message { margin: 18px 0 0; font-size: 13px; line-height: 1.9; text-align: left; }
.reservation__note { width: 84%; margin: 24px auto 0; font-size: 11px; line-height: 1.8; }
@media (max-width: 380px) {
  .reservation__english { font-size: 34px; }
  .reservation__catch { font-size: 18px; }
  .reservation__demo { width: 84%; }
  .reservation__button { font-size: 13px; }
}