/* ==========================================================================
   役員・諮問委員ページ
   Figma: PC 1:1828(1280×3470) / SP 1:3135(750×7794)
   ========================================================================== */

.officer-page {
  background: var(--color-green-pale);
  color: var(--color-black);
  font-family: var(--font-sans);
}
.officer-page .inner { max-width: 1280px; margin: 0 auto; position: relative; }

/* --- ページタイトル帯 --- */
.page-title {
  margin-top: 59px; /* 固定ヘッダー分 */
  height: 282px;
  background: #232820; /* 緑_1+bk25%multiply 焼き込み */
  border-bottom: 1px solid var(--color-gold);
  position: relative;
  color: var(--color-green-pale);
}
.page-title .breadcrumb {
  position: absolute;
  left: 30px;
  top: 35.2px;
  font-size: 12px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.page-title h1 {
  position: absolute;
  left: 30px;
  top: 134.4px;
  font-family: var(--font-serif);
  font-weight: 400;
  font-size: 44px;
  line-height: 1;
  letter-spacing: 0;
}

/* --- 共通:セクション見出し --- */
.o-head {
  position: relative;
  padding: 65.4px 30px 0; /* キャップ上端 70px */
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 32px;
  line-height: 1;
  color: var(--color-green-dark);
}
.o-head-rule {
  margin-top: 26.6px; /* 罫線位置 133px */
  height: 1px;
  background: var(--color-green-dark);
  opacity: 0.4;
}
.o-subhead {
  padding: 36.6px 30px 0 60px; /* キャップが罫線+42px */
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 24px;
  line-height: 1;
  color: var(--color-green-dark);
}
.o-subhead-rule {
  margin: 20.4px 30px 0;
  height: 1px;
  background: var(--color-green-dark);
  opacity: 0.4;
}

/* --- 役員セル共通 --- */
.o-row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin: 0 30px;
}
.o-cell {
  position: relative;
  /* 上40px(罫線→写真) / 下69px(英字キャップ→次の罫線が 80px になる) → 行高 377px */
  padding: 40px 0 67.5px 40px;
}
.o-cell.bordered { border-left: 1px solid rgba(45, 52, 41, 0.4); }
/* 監事行の右端(早川セル)の縦罫線。Figma PC x639(1:1937) */
.o-cell.edge-right { border-right: 1px solid rgba(45, 52, 41, 0.4); }
.o-photo {
  width: 130px;
  height: 130px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  background: #b9c2a8;
}
.o-photo img { position: absolute; max-width: none; }
.o-role {
  margin-top: 37.1px; /* 写真下端→役職キャップ 50px */
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: var(--color-gold-deep);
  min-height: 27px;
}
.o-name {
  margin-top: 25.4px; /* 役職キャップ→名前キャップ 41px */
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.o-en {
  margin-top: 14px; /* 名前キャップ→英字キャップ 36px */
  font-family: var(--font-display-en);
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0;
  color: var(--color-black);
}
.o-row-rule {
  margin: 0 30px;
  height: 1px;
  background: var(--color-green-dark);
  opacity: 0.4;
}
.o-row-rule.full { margin: 0; }

/* --- 理事長行(1段目) --- */
.o-cell-chairman {
  grid-column: 1 / 3;
  display: flex;
  padding: 0;
  /* 1280px で左インセット 130px。狭幅ではブロック(382px)がはみ出さないよう縮む */
  padding-left: clamp(0px, calc(100% - 382px), 130px);
}
.o-cell-chairman .o-photo {
  width: 160px;
  height: 160px;
  margin-top: 108px; /* 罫線下 108px(Figma y583) */
  flex: none;
}
.o-cell-chairman .who {
  flex: none;
  width: 172px; /* サイン右端までのブロック幅(潰れ防止) */
  margin: 107.1px 0 0; /* 役職キャップを罫線下 120px(Figma y595)に */
  /* 写真との間隔は 1280px で 50px。768px まで縮めてセル内に収める */
  margin-left: clamp(22px, calc(100% - 332px), 50px);
}
.o-cell-chairman .o-role { margin-top: 0; }
.o-cell-chairman .o-sign {
  display: block;
  margin: 27.5px 0 0 -18px; /* 英字キャップ→サイン上端 40px(Figma y712) */
  width: 190px;
  height: 56px;
  max-width: none; /* base.css の img{max-width:100%} による圧縮を防ぐ */
}

/* --- 諮問委員 --- */
.adv-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  column-gap: 70px;
  margin: 64.4px 70px 0; /* 1行目キャップが罫線+71px */
}
.adv-row {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid rgba(45, 52, 41, 0.4);
  padding-bottom: 53px;
}
.adv-row.r2 { padding-top: 64.4px; }
.adv-row .who { width: 225px; flex: none; }
.adv-row .role {
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.03em;
  color: var(--color-gold-deep);
  margin-bottom: 14.9px;
}
.adv-row .name {
  font-family: var(--font-serif);
  font-weight: 500;
  font-size: 22px;
  line-height: 1;
  letter-spacing: 0.03em;
}
.adv-row .en {
  margin-top: 14.4px;
  font-family: var(--font-display-en);
  font-size: 14px;
  line-height: 1;
}
.adv-row .aff {
  flex: 1;
  font-size: 15px;
  line-height: 1.8;
  letter-spacing: 0.03em;
  margin-top: -6.6px; /* 所属1行目キャップを役職/名前キャップに揃える */
}
.officer-page .content-end { height: 90px; } /* 最下段罫線→フッターまで */

/* 写真クロップ(Figma マスク実測・円中心基準) */
.p-kitamoto  img { left: -23.1px; top: -22.2px; width: 199.2px; height: 298.7px; }
.p-takezawa  img { left: -29.8px; top: -17.2px; width: 175px;   height: 262px;   transform: rotate(-0.77deg); }
.p-yamamoto  img { left: -19.1px; top: -36.7px; width: 154px;   height: 231px;   transform: rotate(2.08deg); }
.p-nakamura  img { left: -24.6px; top: -23px;   width: 179px;   height: 269px;   transform: rotate(2deg); }
.p-konno     img { left: -18px;   top: -29px;   width: 167px;   height: 250px; }
.p-isokawa   img { left: -31px;   top: -49px;   width: 188px;   height: 282px; }
.p-hanada    img { left: -37.4px; top: -47px;   width: 185px;   height: 277.4px; transform: rotate(-1deg); }
.p-takahashi img { left: -36px;   top: -22px;   width: 193px;   height: 289px; }
.p-hayakawa  img { left: -30.2px; top: -43.9px; width: 177.4px; height: 265.9px; transform: rotate(3.45deg); }

/* ================= SP ================= */
@media (max-width: 767px) {
  .page-title { margin-top: 56px; height: 178.5px; }
  .page-title .breadcrumb { left: 20px; top: 26.5px; font-size: 10px; }
  .page-title h1 { left: 15px; top: 79px; font-size: 28px; }

  .o-head { padding: 55.2px 20px 0; font-size: 24px; }
  .o-head-rule { margin-top: 25.3px; }
  .o-subhead { padding: 21px 20px 0 20px; font-size: 19px; } /* キャップ=前罫線+22.5px */
  .o-subhead-rule { margin: 16.5px 20px 0; } /* 罫線=前罫線+56.5px */

  .o-row { grid-template-columns: 1fr 1fr; margin: 0 20px; }
  .o-row-rule { margin: 0 20px; } /* SP は左右 20px インセット(Figma x40@750) */
  .o-cell { padding: 30px 0 33px 5px; border-left: none !important; border-right: none !important; } /* 行高 291px・右罫線はPCのみ */
  .o-cell.sp-right { border-left: 1px solid rgba(45, 52, 41, 0.4) !important; padding-left: 25px; }
  .o-photo { width: 100px; height: 100px; }
  .p-kitamoto  img { left: -18.1px; top: -17.4px; width: 155.6px; height: 233.3px; } /* 125px円 */
  .p-takezawa  img { left: -22.9px; top: -13.2px; width: 134.6px; height: 201.5px; transform: rotate(-0.77deg); }
  .p-yamamoto  img { left: -14.7px; top: -28.2px; width: 118.4px; height: 177.6px; transform: rotate(2.08deg); }
  .p-nakamura  img { left: -18.9px; top: -17.7px; width: 137.7px; height: 206.9px; transform: rotate(2deg); }
  .p-konno     img { left: -13.8px; top: -22.3px; width: 128.4px; height: 192.3px; }
  .p-isokawa   img { left: -23.8px; top: -37.7px; width: 144.6px; height: 216.9px; }
  .p-hanada    img { left: -28.8px; top: -36.1px; width: 142.3px; height: 213.4px; transform: rotate(-1deg); }
  .p-takahashi img { left: -27.7px; top: -16.9px; width: 148.4px; height: 222.3px; }
  .p-hayakawa  img { left: -23.2px; top: -33.8px; width: 136.4px; height: 204.5px; transform: rotate(3.45deg); }

  .o-role { margin-top: 28.8px; min-height: 23.4px; font-size: 13px; }
  .o-name { margin-top: 30.8px; font-size: 19px; }
  /* SP は枠の高さを固定しない。役職名のないセルは写真〜氏名の間隔を詰める
     (氏名キャップが写真下端 +40px = 役職ありセルの役職キャップと同じ位置) */
  .o-role:empty { margin-top: 0; min-height: 0; }
  .o-role:empty + .o-name { margin-top: 38.5px; }
  .o-en { margin-top: 15px; font-size: 11px; }

  .o-cell-chairman {
    grid-column: 1 / 3;
    display: flex;
    padding: 0 0 36px 5px; /* ブロック高 219px */
  }
  .o-cell-chairman .o-photo { width: 125px; height: 125px; margin: 40px 0 0; flex: none; }
  .o-cell-chairman .who { width: auto; flex: none; margin: 38.8px 0 0 37.5px; }
  .o-cell-chairman .o-name { margin-top: 20.8px; }
  .o-cell-chairman .o-en { margin-top: 10px; }
  .o-cell-chairman .o-sign { margin: 18.5px 0 0 -10px; width: 139px; height: 41.5px; }
  /* SP の折り返し位置に入る罫線(グリッド全カラムを跨ぐ) */
  .sp-row-rule {
    display: block;
    grid-column: 1 / -1;
    margin: 0;
    height: 1px;
    background: var(--color-green-dark);
    opacity: 0.4;
  }

  .adv-grid { display: block; margin: 40px 20px 0; }
  .adv-row { display: block; padding: 0 5px 25px; border-bottom: 1px solid rgba(45, 52, 41, 0.4); }
  .adv-row.r2 { padding-top: 35px; }
  .adv-row + .adv-row { padding-top: 35px; }
  .adv-row .who { width: auto; }
  .adv-row .role { font-size: 13px; margin-bottom: 12px; }
  .adv-row .name { font-size: 19px; }
  .adv-row .en { margin-top: 13.4px; font-size: 10.5px; }
  .adv-row .aff { margin: 15px 0 0; font-size: 12px; line-height: 1.7; }
  .officer-page .content-end { height: 75px; }
}