.pricing-head { margin-bottom: clamp(32px, 4vw, 56px); }
.pricing-table { width: 100%; border-collapse: collapse; }
.pricing-table thead th { text-align: left; font-family: var(--font-sans); font-weight: 400; font-size: 0.75rem; letter-spacing: 0.16em; color: var(--muted); padding: 0 16px 12px 0; border-bottom: var(--rule-gold); }
.pricing-table tbody th, .pricing-table td { text-align: left; vertical-align: top; padding: 20px 16px 20px 0; border-bottom: var(--rule); font-size: var(--fs-small); line-height: 1.8; }
.pricing-table tbody th { width: 28%; font-family: var(--font-serif); font-weight: 500; font-size: 1rem; }
.pricing-table td:last-child { width: 18%; font-family: var(--font-serif); white-space: nowrap; color: var(--gold-deep); }
.pricing-table td:nth-child(2) { color: var(--muted); }
/* 長いサービス名（オリジナルナレッジ・専門スキル開発）と右の説明の間を空ける */
@media (min-width: 721px) {
  .pricing-table tbody th { width: 31%; padding-right: clamp(24px, 3vw, 48px); }
}
.pricing-cta { margin-top: clamp(40px, 5vw, 64px); display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 24px; }
.pricing-cta-text { font-family: var(--font-serif); font-size: 1.125rem; max-width: 30em; }
@media (max-width: 720px) {
  .pricing-table thead { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .pricing-table, .pricing-table tbody, .pricing-table tr, .pricing-table th, .pricing-table td { display: block; width: 100%; }
  .pricing-table tr { padding: 18px 0; border-bottom: var(--rule); }
  .pricing-table tbody th, .pricing-table td { padding: 0; border: 0; width: 100%; }
  .pricing-table td:last-child { width: 100%; margin-top: 6px; white-space: normal; }
  .pricing-table td:nth-child(2) { margin-top: 4px; }
}