/* =========================================================
   理事紹介（houjin-riji）ページ固有CSS
   目的：
   1) 中央コンテンツ幅を他ページ（定款など）と同じにする
   2) テーブルが原因で横幅がオーバーしないようにする
   3) 改行が増える場合はフォントサイズで調整
   4) テーブルを見やすく装飾する
========================================================= */

/* 中央カラムがテーブルの最小幅に引っ張られないようにする（grid/flex対策） */
.layout-3col .center-col{
  min-width: 0;
}

/* カードがはみ出さないように（保険） */
.center-col .card{
  max-width: 100%;
  box-sizing: border-box;
}

/* 見出し・リード（定款ページ寄せの余白感） */
.riji-lead{
  margin: 0.25rem 0 0.25rem;
  line-height: 1.7;
}
.houjin-date{
  margin: 0.25rem 0 0;
  font-weight: 700;
}

/* セクション見出し（定款ページの雰囲気に寄せた控えめな設定） */
.riji-head{
  margin: 0 0 0.75rem;
  font-size: 1.05rem;
  font-weight: 800;
}

/* =========================
   テーブル：装飾＋横幅オーバー対策
========================= */

/* テーブル外枠（白背景・角丸・枠線・軽い影） */
.table-wrap{
  width: 100%;
  max-width: 100%;

  /* はみ出し対策（最終保険） */
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;

  /* 見た目 */
  background: rgba(255,255,255,.98);
  border: 1px solid rgba(0,0,0,.18);
  border-radius: 12px;
  box-shadow: 0 6px 18px rgba(0,0,0,.10);

  /* 角丸を効かせるためにクリップ */
  overflow: hidden;
}

/* テーブル自体は必ずカード幅内に収める */
.houjin-table{
  width: 100%;
  max-width: 100%;
  table-layout: fixed;              /* 列幅を固定して、親幅に収める */
  border-collapse: collapse;

  font-size: 0.95rem;               /* PCでも少し小さめで改行を減らす */
  line-height: 1.55;
}

/* ヘッダー（見やすく） */
.houjin-table thead th{
  text-align: center;
  font-weight: 800;
  color: #fff;
  background: linear-gradient(180deg, rgba(0,140,140,1) 0%, rgba(0,120,120,1) 100%);
  border: 1px solid rgba(0,0,0,.22);
  padding: 11px 8px;
}

/* セル共通 */
.houjin-table th,
.houjin-table td{
  border: 1px solid rgba(0,0,0,.18);
  padding: 10px 8px;
  vertical-align: middle;

  /* 基本は折返し許可（横幅オーバー防止） */
  white-space: normal;
  overflow-wrap: anywhere;
}

/* 1列目（区分）= 見出しセルを強調 */
.houjin-table th[scope="rowgroup"]{
  text-align: center;
  font-weight: 800;
  background: rgba(0,140,140,.08);
}

/* 列ごとの整列（読みやすさ） */
.houjin-table tbody td:nth-child(2),
.houjin-table tbody td:nth-child(3){
  text-align: center;
  white-space: nowrap;              /* 氏名・よみは短いので改行しない方が見やすい */
}
.houjin-table tbody td:nth-child(4){
  text-align: left;
}

/* ゼブラ（本文セルのみ薄く） */
.houjin-table tbody tr:nth-child(odd) td{
  background: rgba(0,0,0,.02);
}

/* ホバー（行が追いやすい） */
.houjin-table tbody tr:hover td{
  background: rgba(255,220,120,.22);
}
.houjin-table tbody tr:hover th[scope="rowgroup"]{
  background: rgba(255,220,120,.26);
}

/* =========================
   画面幅に応じてフォントサイズを調整
   （改行が気になる場合はここをさらに下げてOK）
========================= */
@media (max-width: 1100px){
  .houjin-table{
    font-size: 0.90rem;
  }
  .houjin-table th,
  .houjin-table td{
    padding: 9px 7px;
  }
}

@media (max-width: 900px){
  .houjin-table{
    font-size: 0.86rem;
  }
  .houjin-table th,
  .houjin-table td{
    padding: 8px 6px;
  }
}

@media (max-width: 700px){
  .houjin-table{
    font-size: 0.82rem;
  }

  /* スマホでさらに詰めたい時の保険（必要ならON） */
  /* .houjin-table thead th{ font-size: 0.80rem; } */
}

/* =========================
   PDFボタン（定款ページ風）
========================= */
.pdf-actions{
  margin-top: 0.5rem;
  text-align: center;
}

.pdf-btn{
  display: inline-block;
  padding: 10px 18px;
  border-radius: 10px;
  text-decoration: none;
  font-weight: 800;
  border: 1px solid rgba(0,0,0,.25);
}

.pdf-note{
  margin: 0.5rem 0 0;
  font-size: 0.92rem;
  opacity: 0.9;
}

.pdf-lead{
  margin: 0 0 0.25rem;
  line-height: 1.7;
}