/* ============================================================
   みつわクラブ (houjin-mitsuwa.html) — 設計PDF「04-みつわクラブ」完全再現
   設計実測: 1000pt幅ラスタ2084px ÷1.5 = CSS(PC基準幅1389px)
   帯: green #D5EAD4 1枚 → 波 → 白(フッター)
   本文文字色は設計実測で純黒 (#000)
   ============================================================ */

/* ---------- 帯 (ヘッダーは hj-hdr が absolute で被る) ---------- */
.hjm-band{padding-bottom:63px}

/* ---------- ページタイトル (glyph top=270 / fs29 / pitch実測33.7px→ls.16em) ---------- */
.hjm-title{
  margin:0;padding-top:268px;
  font-family:var(--font-r);color:#000;font-weight:600;
  font-size:29px;line-height:1;letter-spacing:.16em;text-indent:.16em;
  text-align:center;
}

/* ---------- 外観写真 (実測 601x404 / r40 / 中央) ---------- */
.hjm-photo{
  margin:64px auto 0;width:601px;max-width:92%;
  border-radius:40px;overflow:hidden;line-height:0;
}
.hjm-photo img{display:block;width:100%;height:auto;aspect-ratio:1202/808;object-fit:cover}

/* ---------- 点線セパレータ (実測: x163-1257 w1094 / dot d4 pitch11.9) ---------- */
.hjm-dots{
  height:6px;margin:48px 0 0 163px;width:1094px;max-width:calc(100% - 200px);
  background-image:radial-gradient(circle,#000 2px,transparent 2.2px);
  background-size:11.9px 6px;background-position:left center;background-repeat:round;
}

/* ---------- リード文 (実測: x349 w690 / fs20 lh31 ls.045em / 設計は細身=regular400) ---------- */
.hjm-lead{
  margin:33px auto 0;width:690px;max-width:92%;
  font-family:var(--font-g);color:#000;font-weight:300; /* 設計=GShinMGoPro-Light */
  font-size:20px;line-height:31px;letter-spacing:.045em;text-align:left;
}

/* ---------- 所在地ボックス (実測: 691x192 r16 白 / pad-left38) ---------- */
.hjm-info{
  margin:37px auto 0;width:691px;max-width:92%;
  background:#fff;border-radius:16px;
  padding:26px 38px 26px 38px;box-sizing:border-box;
  font-family:var(--font-g);color:#000;text-align:left;
}
.hjm-info__cap{font-size:19px;line-height:19px;font-weight:700;letter-spacing:.06em}
.hjm-info__addr{margin:14px 0 0;font-size:19px;line-height:19px;font-weight:300;letter-spacing:.06em}
.hjm-info__tel{margin:13px 0 0;font-size:19px;line-height:19px;font-weight:300;letter-spacing:.06em;display:flex;align-items:center;gap:3px}
/* margin 15→13 / .hjm-map 23→17: 数字行のラインボックスが19→23pxに増えた分を相殺 (設計 btn top=1116.7 / card h=192.7) */
.hjm-info__tel svg{width:18px;height:18px;flex:none;color:#000}
.hjm-info__tel a{color:#000;text-decoration:none}
/* 数字部 (設計実測: 桁高16.7px / 桁ピッチ16.9px / 細身=light300。
   実レンダ逆算で fs22+ls.19em → 住所行 全幅419-423px / 電話行 アイコン+数字198.7px) */
.hjm-num{font-weight:300;font-size:22px;letter-spacing:.19em;line-height:1}
.hjm-nw{white-space:nowrap} /* SPで「24」が孤立折返ししないよう番地を nowrap */
.hjm-map{
  display:block;margin-top:17px;width:239px;height:30px;border-radius:15px;
  background:#8FD1E1;color:#fff;text-decoration:none;
  font-family:var(--font-r);font-size:17.5px;font-weight:500;letter-spacing:.24em;text-indent:.24em;
  text-align:center;line-height:30px;
  transition:background .3s var(--ease-soft);
}
.hjm-map:hover{opacity:.75}

/* ---------- 基本情報ボタン (実測: 543x47 r24 #A4C2B8 / fs26 ls.46em) ---------- */
.hjm-btn{
  display:block;margin:80px auto 0;width:543px;max-width:86%;height:47px;border-radius:24px;
  background:var(--hj-box);color:#fff;text-decoration:none;
  font-family:var(--font-r);font-size:26px;font-weight:500;letter-spacing:.46em;text-indent:.46em;
  text-align:center;line-height:47px;
  transition:background .3s var(--ease-soft);
}
.hjm-btn:hover{background:var(--hj-box-h)}
/* PDF後送: リンク先未定の間はクリック無効化はせず見た目どおり (href="#") */

/* ---------- 波じまい (薄緑→白) + フッター前余白 ---------- */
.hjm-wavesec{background:#fff;padding-bottom:23px}

/* ============================================================
   SP (〜859px): 配色・書体・素材を維持したモバイル最適化リフロー
   ============================================================ */
@media (max-width:859px){
  .hjm-band{padding-bottom:34px}
  .hjm-title{padding-top:120px;font-size:22px}
  .hjm-photo{margin-top:32px;width:min(86%,340px);border-radius:22px}
  .hjm-dots{margin:30px auto 0;width:86%;max-width:none}
  .hjm-lead{margin-top:24px;width:86%;font-size:15px;line-height:1.75;letter-spacing:.03em}
  .hjm-info{margin-top:26px;width:86%;padding:20px 22px;border-radius:14px}
  .hjm-info__cap{font-size:16px}
  .hjm-info__addr,.hjm-info__tel{font-size:15px;margin-top:10px}
  .hjm-num{font-size:17px;letter-spacing:.19em} /* PC比率(22/19)を維持して縮小 */
  .hjm-info__tel svg{width:15px;height:15px}
  .hjm-info__tel a{padding:14px 6px;margin:-14px -6px} /* タップ領域44px以上確保 (見た目不変・fs17 lh1 + 28 = 45px) */
  .hjm-map{margin-top:16px;width:200px;height:44px;line-height:44px;border-radius:22px;font-size:15px}
  .hjm-btn{margin-top:44px;width:86%;height:52px;line-height:52px;border-radius:26px;font-size:19px;letter-spacing:.3em;text-indent:.3em}
  .hjm-wavesec{padding-bottom:16px}
}