/* ===== 工務店Naviとは（ページ固有） ===== */
    .about-intro { text-align: center; }
    .about-intro__en { font-family: var(--font-en); font-weight: 500; font-size: clamp(28px, 3.6vw, 46px); line-height: 1.1; letter-spacing: -.01em; }
    .about-intro__jp { margin-top: 18px; font-size: clamp(19px, 2.2vw, 26px); font-weight: 700; letter-spacing: .03em; }
    .about-intro__lead { margin: 20px auto 0; max-width: 680px; color: var(--ink-soft); font-size: 14px; line-height: 2; }
    .about-intro__btn { margin-top: 32px; display: flex; justify-content: center; }

    .strengths { display: flex; flex-direction: column; gap: clamp(28px, 3.4vw, 52px); }
    .strength { display: grid; grid-template-columns: 1fr clamp(300px, 42%, 560px); gap: clamp(24px, 3.4vw, 56px); align-items: center; }
    .strength__num { font-family: var(--font-en); font-size: 14px; font-weight: 600; color: var(--brown); letter-spacing: .08em; }
    .strength__title { margin: 10px 0 16px; font-size: clamp(19px, 2.1vw, 26px); font-weight: 700; line-height: 1.5; color: var(--ink); }
    .strength__text { font-size: 13.5px; line-height: 2; color: var(--ink-soft); }
    .strength__img { overflow: hidden; aspect-ratio: 4 / 3; }
    .strength__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s var(--ease-out); }
    .strength:hover .strength__img img { transform: scale(1.04); }

    .recommend { background: var(--brown-dark); color: #fff; text-align: center; }
    .recommend__inner { max-width: 820px; margin: 0 auto; padding: clamp(48px, 6vw, 84px) 0; }
    .recommend__label { font-size: 13px; letter-spacing: .14em; color: rgba(255,255,255,.75); }
    .recommend__title { margin: 16px 0 22px; font-size: clamp(21px, 2.8vw, 34px); font-weight: 700; line-height: 1.55; letter-spacing: .02em; }
    .recommend__text { font-size: 13.5px; line-height: 2.1; color: rgba(255,255,255,.82); text-align: left; }

    .company { max-width: 760px; margin: 0 auto; }
    .policy { max-width: 760px; margin: 0 auto; }

    @media (max-width: 768px) {
      .strength { grid-template-columns: 1fr; gap: 16px; }
      .strength__img { order: -1; }
      .recommend__text { font-size: 13px; line-height: 2; }
    }