/* ============================================================
   法人概要 (houjin-gaiyo.html) — 設計PDF「02-法人概要.pdf」再現
   設計実測: 1000pt幅ラスタ2084px ÷1.5 = CSS(PC基準幅1389px)
   ページ全体 = ペール帯 #EBF5F0 → 波形 → 白フッター
   実測色: 表の緑行 #E0F0E2 / 罫線 #000 (1px) / 本文 ink #1F211F
   ============================================================ */

/* ---------- 帯・ページ骨格 ---------- */
.hjg-band{
  font-family:var(--font-g);color:var(--hj-ink);
  padding-top:257px; /* 実測: 法人概要 ink top 271 (box top 257) */
}

/* ページタイトル直下の点線のみ間隔広め (実測: 見出しbox下端→点線 25px)
   点線幅はこのページのみ 1094px (設計実測 1093。TOPの1000より広い) */
.hjg-band .hj-dots{margin-top:20px;max-width:1094px}
.hjg-band .hjg-dots-first{margin-top:25px}

/* ---------- 旧園舎写真 (設計実測 601x404・角丸40) ---------- */
.hjg-photo{
  width:601px;margin:54px auto 0;
  border-radius:40px;overflow:hidden;
}
.hjg-photo img{width:100%;height:auto;display:block}

/* ---------- 見出し間隔 (実測) ---------- */
.hjg-h-aisatsu{margin-top:77px}   /* 写真下端 798.7 → 見出し box top 876 */
.hjg-h-sec{margin-top:92px}       /* 本文最終行 box 下端 → 見出し box top (理念/ミッション/ビジョン/概要 共通リズム) */
.hjg-greet + .hjg-h-sec{margin-top:63px} /* あいさつ署名 → 理念 のみ間隔狭め (実測 62.7) */

/* ---------- 理事長あいさつ ---------- */
.hjg-greet{
  position:relative;max-width:1389px;margin:43px auto 0;
}
.hjg-greet__photo{
  /* 設計実測: 縦長 185x224、左176、上端=リード文1行目 (ページY≈1002) に揃う */
  position:absolute;left:176px;top:0;
  width:185px;height:224px;object-fit:cover;display:block;
}
.hjg-greet__body{
  margin-left:386px;width:813px;
  /* 2026-07-27 修正: 設計ラスタとのインク量実測 (同一9行: 設計21031/kpx vs w300 14156/kpx = 33%細)
     → w400 で再実測し設計と一致を確認。kozgo-regular.woff2 (400) は style.css で収録済 */
  font-size:19px;font-weight:300;line-height:27.5px; /* 設計=GShinMGoPro-Light */
  letter-spacing:.152em;text-align:justify;  /* G新ゴ+約物ツメ下で設計の改行位置に一致 */
  /* 設計(InDesign)は約物をツメて組んでいる。書体をG新ゴに是正したので
     ブラウザ側でも約物ツメを有効にして設計と同じ字面・改行位置にする */
  font-feature-settings:"palt" 1;
}
.hjg-greet__body p + p{margin-top:28px}
   設計と同じ書体・字送りになったので自然折返しで設計の改行位置に一致する */
.hjg-greet__lead{
  font-size:23px;line-height:26.7px;letter-spacing:.133em;
}
.hjg-greet__body .hjg-greet__lead + p{margin-top:27px}
.hjg-greet__sign{text-align:right;letter-spacing:.1em}

/* ---------- 理念 / ミッション / ビジョン 本文 ---------- */
.hjg-creed{
  max-width:1389px;margin:42px auto 0;
  padding-left:231px;padding-right:186px; /* 本文列 972px (設計実測: justify右端=箱右端・38字/行を保証) */
  font-size:23px;font-weight:300;line-height:28.7px; /* 設計=GShinMGoPro-Light */
  letter-spacing:.146em;text-align:justify;
  font-feature-settings:"halt" 1; /* 約物半角化 = InDesign設計の約物ツメと同じ改行位置を再現 */
}

/* ---------- 概要表 ---------- */
.hjg-table{
  width:1094px;max-width:calc(100% - 48px);
  margin:73px auto 0;
  border-collapse:collapse;
  border-top:1px solid #000;border-bottom:1px solid #000;
  font-weight:300;
}
.hjg-table tr{border-bottom:1px solid #000}
.hjg-table tr:nth-child(even){background:#E0F0E2}
.hjg-table th{
  width:244px;border-right:1px solid #000;
  font-family:var(--font-g);font-weight:500;color:var(--hj-ink);
  font-size:19px;letter-spacing:.06em;line-height:30px;
  text-align:right;vertical-align:middle;
  padding:33px 25px 33px 10px;
}
.hjg-table td{
  font-size:19px;letter-spacing:.09em;line-height:30px;color:var(--hj-ink);
  text-align:left;vertical-align:middle;
  padding:33px 20px 33px 25px;
}
.hjg-table a{color:inherit;text-decoration:none}
.hjg-nowrap{white-space:nowrap} /* 番地「2丁目14-1」の途中折返し防止 (SPで「1」孤立対策) */

/* ---------- 帯下端 → 波形 → フッター ---------- */
/* 確定 (2026-08-12): 140px。
   設計はページ3アートボード下部に表の後 332px の pale 余白があるが、これはアートボード都合
   (他ページ境界 1/2・2/3 でも同種の余りが出ることを実証済) で意図値ではない。
   実測で本文末尾→波形の距離は 法人概要 108px / 法人のあゆみ 105px と一致しており、
   サイト内で揃っている。332px を採ると隣ページの約3倍になり不揃いになるため採用しない。 */
.hjg-tail{padding-bottom:140px}
.hjg-wave-foot{background:#fff}
.houjin .hj-foot__nav{padding-top:53px} /* 実測: 波形下端→ナビ1段目 ink 201.3 */

/* ============================================================
   SP (〜859px): モバイル最適化リフロー (配色・書体・素材は維持)
   ============================================================ */
@media (max-width:859px){
  .hjg-band{padding-top:112px}
  .hjg-band .hj-dots{margin-top:10px}
  .hjg-band .hjg-dots-first{margin-top:12px}

  .hjg-photo{width:min(86%,340px);margin-top:30px;border-radius:14px}

  .hjg-h-aisatsu{margin-top:56px}
  .hjg-h-sec{margin-top:56px}

  .hjg-greet{margin-top:26px;padding:0 20px}
  .hjg-greet__photo{position:static;margin:0 auto;width:150px;height:182px}
  .hjg-greet__body{
    margin:22px 0 0;width:auto;
    font-size:15px;line-height:1.85;letter-spacing:.06em;
  }
  .hjg-greet__lead{font-size:16.5px;line-height:1.7;letter-spacing:.04em}
  .hjg-greet__lead br{display:none} /* PC設計の改行位置はSPでは不自然なため自然折返しに */
  .hjg-greet__body p + p{margin-top:18px}
  .hjg-greet__body .hjg-greet__lead + p{margin-top:18px}

  .hjg-creed{
    margin:24px 0 0;max-width:none;padding:0 20px;
    font-size:16px;line-height:1.85;letter-spacing:.05em;
  }

  .hjg-table{
    width:auto;max-width:none;margin:28px 16px 0;
  }
  .hjg-table th{
    width:96px;font-size:13.5px;letter-spacing:.03em;line-height:1.6;
    padding:15px 12px 15px 6px;
  }
  .hjg-table td{
    font-size:14px;letter-spacing:.03em;line-height:1.7;
    padding:15px 10px 15px 14px;
  }
  /* 電話・メールはタップ領域を確保 (BRIEF 基準: 44px以上。24px行 + 上下11px = 46px) */
  .hjg-table a{display:inline-block;padding:11px 0;min-height:24px}

  .hjg-tail{padding-bottom:56px}
  .houjin .hj-foot__nav{padding-top:40px}
}

/* 1259px以下 (SP含む): 設計行組の固定を解除して自然折返しに戻す */
@media (max-width:1259px){
  .hjg-p-pin{text-align-last:auto}
  .hjg-p-pin .hjg-last{display:inline;width:auto}
}

/* 中間幅 (860〜1259px): 固定オフセットの列がはみ出さないよう縮小 */
@media (min-width:860px) and (max-width:1259px){
  .hjg-greet{padding:0 24px}
  .hjg-greet__photo{left:24px}
  .hjg-greet__body{margin-left:248px;width:auto;max-width:810px}
  .hjg-creed{padding:0 24px}
  .hjg-photo{max-width:86%}
}