/* ================================
   OUTLINE：バナー画像調整
================================ */

/* 団体概要ページのバナー画像を左右反転 */
.page-org 
.c-page-hero__img--flip {
  /* 位置系 */
  transform-origin: center;

  /* 装飾系：左右反転 */
  transform: scaleX(-1);
}
/* ================================
   OUTLINE：SP 目次1カラム縦並び
================================ */
@media (max-width: 767.98px) {

  /* 3カラム → 1カラムに変更 */
  .page-org 
  .l-toc-3col {
    display: flex;
    flex-direction: column;
    gap: 0.4rem; /* ←余白は好みで調整OK */
  }

  /* 各目次ブロックの余白リセット */
  .page-org 
  .c-toc__title {
    display: flex;
    align-items: center;
    width: 100%;

    /* ボックス系：高さ圧縮 */
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
  }

  /* 代表メッセージも含め全タイトルの文字サイズを統一 */
  .page-org 
  .c-toc__title-text {
    font-size: 1.125rem; /* ←「他と同じ」標準サイズ（common.css準拠） */
    white-space: normal; /* ← 途中改行OKに戻す */
  }

}
/* ================================
   OUTLINE：導入リード中央寄せ
================================ */

.org-intro__lead {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 2rem;
  margin-left: auto;

  /* ボックス系 */
  max-width: 40rem; /* 読みやすい幅に制限 */
  
  /* タイポ系 */
  text-align: center;
}

/* ================================
   団体概要：法人概要（OUTLINE）
================================ */

/* セクション全体（上下余白） */
.org-outline {
  /* 位置系 */
  margin-top: 3.5rem;
  margin-right: 0;
  margin-bottom: 3.5rem;
  margin-left: 0;
}

/* 表ラッパー（横幅と余白） */
.org-outline__table {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 0;
  margin-left: auto;

  /* ボックス系 */
  max-width: 860px;
}

/* dlの余白リセット */
.org-outline__list {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;
}

/* 1行ぶん（SPは縦並び） */
.org-outline__row {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 1.4rem;
  margin-left: 0;

  /* ボックス系 */
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 0.35rem;
}

/* 左ラベル */
.org-outline__label {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* タイポ系 */
  font-weight: 700;

  /* 色/装飾系 */
  color: var(--hero-gray);
}

/* 右の値 */
.org-outline__value {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;
}

/* PCは2カラム（左固定・右可変） */
@media (min-width: 768px) {
  .org-outline__row {
    /* ボックス系 */
    grid-template-columns: 160px 1fr;
    column-gap: 2.25rem;
    align-items: start;
  }
}

/* ================================
   団体概要：スマホのみ中央配置
================================ */

/* スマホ：テキスト中央寄せ */
@media (max-width: 767px) {

  /* 1行全体を中央寄せ */
  .org-outline__row {
    /* タイポ系 */
    text-align: center;
  }

  /* ラベル・値どちらも中央 */
  .org-outline__label,
  .org-outline__value {
    /* 位置系 */
    margin-right: auto;
    margin-left: auto;
  }
}
/* ================================
   団体概要：ラベル色調整
================================ */

/* 各項目名（名称・住所など）をオレンジ */
.org-outline__label {
  /* 色装飾系 */
  color: var(--hero-orange);
}

/* ================================
   団体概要：論文リンクは黒文字
================================ */

/* 論文リンク文字色を黒に */
.org-outline__row a {
  /* 色装飾系 */
  color: var(--hero-black);
}

/* ホバー時のみオレンジに（任意・おすすめ） */
.org-outline__row a:hover {
  /* 色装飾系 */
  color: var(--hero-orange);
}

/* ================================
   団体概要：決算情報（Financial Reports）
================================ */

/* セクション全体（余白） */
.org-finance {
  /* 位置系 */
  margin-top: 3.5rem;
  margin-right: 0;
  margin-bottom: 3.5rem;
  margin-left: 0;
}

/* リード文（中央） */
.org-finance__lead {
  /* 位置系 */
  margin-top: 1rem;
  margin-right: 0;
  margin-bottom: 2.2rem;
  margin-left: 0;

  /* タイポ系 */
  text-align: center;
}

/* 本年度ブロック */
.org-finance__current {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.8rem;
  margin-left: auto;

  /* ボックス系 */
  max-width: 860px;
}

/* 本年度の見出し */
.org-finance__current-title {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.8rem;
  margin-left: 0;

  /* タイポ系 */
  font-weight: 700;

  /* 色装飾系 */
  color: var(--hero-orange);
}

/* リスト共通（ul） */
.org-finance__list {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  padding-left: 0;

  /* 装飾系 */
  list-style: none;
}

/* 1行（期＋リンク） */
.org-finance__item {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0.9rem;
  margin-left: 0;

  /* ボックス系 */
  display: grid;
  grid-template-columns: 86px 1fr;
  column-gap: 1rem;
  align-items: start;
}

/* 「第◯期」 */
.org-finance__term {
  /* タイポ系 */
  font-weight: 700;
}

/* リンク（黒＋下線） */
.org-finance__link {
  /* 色装飾系 */
  color: var(--hero-black);
  text-decoration: underline;
}

/* ホバー */
.org-finance__link:hover {
  /* 色装飾系 */
  color: var(--hero-orange);
}

/* ================================
   アコーディオン（決算情報）
================================ */

/* アコーディオン外枠 */
.org-finance__acc {
  /* 位置系 */
  margin-top: 0;
  margin-right: auto;
  margin-bottom: 1.2rem;
  margin-left: auto;

  /* ボックス系 */
  max-width: 860px;
}

/* 開閉ボタン */
.org-finance__acc-toggle {
  /* 位置系 */
  margin-top: 0;
  margin-right: 0;
  margin-bottom: 0;
  margin-left: 0;

  /* ボックス系 */
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.8rem;
  padding-top: 0.9rem;
  padding-right: 1rem;
  padding-bottom: 0.9rem;
  padding-left: 1rem;

  /* タイポ系 */
  text-align: left;

  /* 色装飾系 */
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 12px;

  /* その他 */
  cursor: pointer;
}

/* 左の▼ */
.org-finance__acc-mark {
  /* タイポ系 */
  font-weight: 700;

  /* 色装飾系 */
  color: var(--hero-orange);
}

/* タイトル（第◯期〜） */
.org-finance__acc-title {
  /* ボックス系 */
  flex: 1;

  /* タイポ系 */
  font-weight: 700;

  /* 色装飾系 */
  color: var(--hero-orange);
}

/* 右の「開く/閉じる」 */
.org-finance__acc-label {
  /* タイポ系 */
  font-weight: 700;

  /* 色装飾系 */
  color: var(--hero-orange);
}

/* 中身（初期は閉じる想定） */
.org-finance__acc-content {
  /* ボックス系 */
  padding-top: 1rem;
  padding-right: 0.5rem;
  padding-bottom: 0.2rem;
  padding-left: 0.5rem;
}

/* 開いてる時の▼を回転 */
.org-finance__acc.is-open .org-finance__acc-mark {
  /* ボックス系 */
  transform: rotate(180deg);
}

/* ================================
   決算情報：アコーディオン初期非表示（JS保険）
================================ */

/* 閉じた状態をデフォルトにする */
.js-accordion .js-accordion-content {
  /* ボックス系 */
  display: none;
}

/* 開いた時だけ表示 */
.js-accordion.is-open .js-accordion-content {
  /* ボックス系 */
  display: block;
}

/* ================================
   MESSAGE：代表メッセージ（最終統合版）
   仕様：
   ・見出し：白背景
   ・背景色：見出し下から幅いっぱい
   ・中身：常に中央寄せ（SPでもズレない）
================================ */

/* セクション自体には何も持たせない */
.page-org
.org-message {
  background-color: transparent;
}

/* ================================
   見出しエリア（白背景）
================================ */
.page-org
.org-message__head {
  width: 100%;
  padding-top: 3.5rem;
  background-color: #ffffff;
}

.page-org
.org-message__head-inner {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
}

/* ================================
   背景色エリア（幅いっぱい）
================================ */
.page-org
.org-message__bg {
  width: 100vw;                /* ← SPで効くポイント */
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  padding-top: 3rem;
  padding-bottom: 3.5rem;

  background-color: #fcede2;
}

/* 中身は中央固定 */
.page-org
.org-message__inner {
  max-width: 1100px;
  margin-right: auto;
  margin-left: auto;
  padding-right: 1.5rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
}

/* ================================
   レイアウト
================================ */
.page-org
.org-message__grid {
  display: grid;
  grid-template-columns: 1fr 460px;
  gap: 2.2rem;
  align-items: start;
}

.page-org
.org-message__body {
  display: grid;
  gap: 1rem;
}

.page-org
.org-message__media {
  margin: 0;
  width: 100%;
}

.page-org
.org-message__img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 16px;
}

.page-org
.org-message__caption {
  margin-top: 0.9rem;
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
}

/* ================================
   肩書・氏名サイズ
================================ */

/* PC：今の8割くらい */
.page-org
.org-message__org {
  font-size: 1.6rem;
  font-weight: 600;
  color: #333333;
}

.page-org
.org-message__name {
  font-size: 2.4rem;
  font-weight: 700;
  color: var(--hero-orange);
}

/* ================================
   SP調整
================================ */
@media (max-width: 767.98px) {

  .page-org
  .org-message__grid {
    grid-template-columns: 1fr;
  }

  .page-org
  .org-message__media {
    order: 1;
  }

  .page-org
  .org-message__body {
    order: 2;
  }

  /* SP：今の半分くらい */
  .page-org
  .org-message__org {
    font-size: 1.2rem;
  }

  .page-org
  .org-message__name {
    font-size: 1.6rem;
  }
}
/* ================================
   MESSAGE：写真下テキストを写真中央に
================================ */

/* 写真下の肩書・氏名 */
.page-org
.org-message__caption {
  /* ボックス系 */
  width: 100%;              /* 画像と同じ幅 */
  margin-top: 0.9rem;

  /* タイポ系 */
  text-align: center;       /* ←文字だけ中央 */
}