.lp { font-family: "Hiragino Sans", "Yu Gothic", sans-serif; color: #2b2b2b; line-height: 1.7; }
.hero { padding: 48px 24px; text-align: center; color: #fff; border-radius: 12px; background: #8a6d3b url("../images/bg.svg") center / cover no-repeat; }
.hero__label { margin: 0; font-size: 12px; letter-spacing: .2em; }
.hero__title { margin: 8px 0; font-size: 28px; }
.hero__text { margin: 0; font-size: 14px; }
.items { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 24px 0; padding: 0; list-style: none; }
.item { padding: 20px; text-align: center; border: 1px solid #e3ddd3; border-radius: 12px; background: #faf8f4; }
.item h3 { margin: 8px 0 4px; font-size: 18px; }
.item p { margin: 0; font-size: 13px; color: #666; }
.cta { text-align: center; }
.cta__button { display: inline-block; padding: 14px 40px; color: #fff; font-weight: bold; text-decoration: none; border-radius: 999px; background: #c0392b; }
@media (max-width: 639px) {
  .hero { padding: 32px 16px; }
  .hero__title { font-size: 22px; }
  .items { grid-template-columns: 1fr; }
}