/* 2026-10-29: 男性向けの入口ページ (owner's test of the matching-app / profile-photo hook, outside the app) */
.mens-hero { max-width: 740px; margin: 34px auto 28px; text-align: left; }
.mens-hero h1 { font-size: 44px; line-height: 1.3; margin: 10px 0 18px; font-weight: 900; letter-spacing: .01em; }
.mens-lead { font-size: 16px; line-height: 2; margin: 0 0 18px; }
.mens-hero .trial-mini { text-align: left; margin: 0 0 14px; }
.mens-hero .guide-button { display: inline-block; }
.mens-grid { max-width: 740px; margin: 0 auto 40px; }
.mens-grid > div { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; }
.mens-grid img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; height: auto; border-radius: 2px; }
.mens-grid figcaption { font-size: 11px; color: var(--muted); text-align: center; margin-top: 8px; }
.mens-points { list-style: none; padding: 0 !important; display: grid; gap: 14px; }
.mens-points li { border: 1px solid var(--line); padding: 16px 18px; margin: 0 !important; line-height: 1.9; }
.mens-points b { display: block; font-size: 17px; margin-bottom: 4px; }
.mens-faq dt { font-weight: 700; margin-top: 18px; }
.mens-faq dd { margin: 4px 0 0; }
.mens-page .guide-join .guide-details { display: block; margin-top: 10px; }
@media (max-width: 600px) {
  .mens-hero { margin-top: 22px; }
  .mens-hero h1 { font-size: 34px; }
  .mens-lead { font-size: 15px; }
  .mens-grid > div { gap: 5px; }
}