/* コース・料金（よもぎ色の面に、白い角丸のカードを5つ） */
.menu__inner { width: 90%; max-width: 1320px; margin: 0 auto; }
.menu__txt { margin-bottom: 56px; line-height: 1.75; letter-spacing: 0.03em; text-align: center; }
.menu__list { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); column-gap: 2.2727%; }
.menu__card {
  display: grid;
  align-content: start;
  padding: 2.375rem 1.25rem 2.25rem;
  border-radius: 1rem;
  background: var(--white);
  text-align: center;
}
.menu__name { margin-bottom: 0.15em; font-size: 1.5rem; font-weight: 700; line-height: 1.54; letter-spacing: 0.12em; }
.menu__price {
  font-family: var(--f-en);
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: 0.06em;
  color: var(--beni);
}
.menu__price span { margin-right: 0.5em; font-family: var(--f-jp); font-size: 0.8125rem; font-weight: 700; color: var(--ink); }
.menu__note { margin-top: 10px; font-size: 0.8125rem; line-height: 1.7; letter-spacing: 0.02em; }
.menu__foot { margin-top: 32px; font-size: 0.875rem; text-align: center; }

@media (max-width: 1400px) {
  .menu__name { font-size: 1.375rem; letter-spacing: 0.1em; }
}
@media (max-width: 1180px) {
  .menu__name { font-size: 1.25rem; letter-spacing: 0.12em; }
  .menu__card { padding-left: 0.75rem; padding-right: 0.75rem; }
}
@media (max-width: 1023px) {
  .menu__list { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
}
@media (max-width: 767px) {
  .menu__inner { width: 86%; }
  .menu__txt { margin-bottom: 32px; text-align: left; }
  .menu__list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
  .menu__card { padding: 2rem 0.75rem 2rem; }
  .menu__name { font-size: 1.2857rem; letter-spacing: 0.08em; }
  .menu__note { font-size: 0.8571rem; }
  .menu__foot { text-align: left; }
}