/* お店のやり方: 番号つきの4項目を2列に並べる */
.points__body { max-width: 1000px; margin: 0 auto; }
.points .title { text-align: center; }
.points .title::after { margin-left: auto; margin-right: auto; }
.points__list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 4rem; margin-top: 3rem; counter-reset: point; }
.points__list > div { position: relative; padding: 2rem 0 2rem 4.2rem; border-top: 1px solid var(--line); counter-increment: point; }
.points__list > div:nth-last-child(-n+2) { border-bottom: 1px solid var(--line); }
.points__list > div::before { content: "0" counter(point); position: absolute; left: 0; top: 1.7rem; font-family: var(--en-min); font-style: italic; font-size: 2rem; line-height: 1.4; color: var(--accent); }
.points__list dt { font-size: var(--pow1); letter-spacing: .04em; line-height: 1.7; }
.points__list dd { margin-top: .4em; font-size: calc(var(--pow0) - 1px); letter-spacing: .02em; line-height: 1.9; color: var(--ink-sub); }
@media (max-width: 680px) {
  .points__body { padding: 0 7.5%; }
  .points .title { text-align: left; }
  .points .title::after { margin-left: 0; }
  .points__list { grid-template-columns: minmax(0, 1fr); margin-top: 1.5rem; }
  .points__list > div { padding: 1.4rem 0 1.4rem 3.4rem; }
  .points__list > div::before { top: 1.2rem; font-size: 1.9rem; }
  .points__list > div:nth-last-child(2) { border-bottom: 0; }
}
.points__list dt, .points__list dd { word-break: auto-phrase; text-wrap: balance; }
