.menu__list > li + li { margin-top: 40px; }
.menu__list h3 {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  margin: 16px 0 8px;
  font-size: 16.5px;
  font-weight: 400;
  letter-spacing: 1.5px;
  line-height: 1.85;
}
.menu__price { flex: none; font-size: 15px; letter-spacing: 1px; }
.menu__list p { font-size: 14px; line-height: 1.85; }

.menu__sub { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 50px; }
.menu__sub > li { width: calc((100% - 15px) / 2); }
.menu__sub h4 { margin-top: 7px; font-size: 15px; font-weight: 400; line-height: 1.8; }
.menu__sub-price { font-size: 14px; line-height: 1.6; color: var(--ink-sub); }

.menu__all { margin-top: 50px; padding: 26px 22px 22px; background: var(--surface); border-radius: 10px; }
.menu__all-title { font-family: var(--font-min); font-size: 16.5px; font-weight: 400; letter-spacing: 3px; text-align: center; }
.menu__rows { margin-top: 14px; }
.menu__rows > div { display: flex; align-items: baseline; gap: 10px; padding: 9px 0; border-bottom: 1px dotted var(--line); }
.menu__rows dt { flex: 1; font-size: 14px; line-height: 1.6; }
.menu__rows dd { flex: none; font-size: 14px; line-height: 1.6; }
.menu__note { margin-top: 14px; font-size: 11px; line-height: 1.6; color: var(--ink-sub); text-align: right; }

@media (max-width: 620px) {
  .menu__list p { line-height: 24px; }
}
