.sec-first { margin-top: 88px; }
.lead-after { margin-top: 16px; }
/* 患者様の声 → 本当に知りたいこと → こちらの答え、の順に読ませる */
.voice { margin-top: 24px; padding-top: 24px; border-top: 1px solid #E2DDD3; }
.voice p + p { margin-top: 12px; }

/* 8ページ：番号つきで2列に並べる。ページ名を主役に */
.pages { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 40px; border-top: 1px solid #E2DDD3; }
.pages li { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: baseline; padding: 20px 0; border-bottom: 1px solid #E2DDD3; }
.pages .no { font-family: 'Geist', sans-serif; font-weight: 600; font-size: 15px; color: #6E5A4E; }
.pages .name { display: block; font-weight: 700; }
.pages .note { display: block; font-size: 15px; color: #6E5A4E; }
.after-pages { margin-top: 24px; }

.after p + p { margin-top: 16px; }
.after .rows { margin-top: 32px; }

/* 安全の話は目立たせない。最後の導線の前に短く置く */
.quiet { margin-top: 120px; }
.quiet h2 { font-size: 22px; }
.quiet p { color: #6E5A4E; }

@media (max-width: 880px) {
  .sec-first { margin-top: 40px; }
  .sec-first h2 { margin-bottom: 16px; }
  .voice { margin-top: 20px; padding-top: 20px; }
  .pages { grid-template-columns: minmax(0, 1fr); }
  .pages li { grid-template-columns: 34px minmax(0, 1fr); padding: 16px 0; }
  .quiet { margin-top: 80px; }
  .quiet h2 { font-size: 19px; margin-bottom: 16px; }
}