/* ==========================================================
   Lead Campus Corporate Site — About page (spec §5-2)
   - lc-styles.css を土台に About 専用コンポーネントを拡張
   - prefix: lc- / BEM風（lc-block__element--modifier）
   - トークンは lc-styles.css の :root を継承（navy / gold のみ）
   ========================================================== */

/* ----- ミッション／ビジョン（大型ステートメント＋本文・広々エディトリアル） ----- */
.lc-mission__grid{margin-top:56px}
.lc-mission__statement{font-family:var(--font-display);font-weight:700;
  font-size:clamp(28px,3.4vw,44px);line-height:1.5;letter-spacing:.04em;color:var(--lc-navy);
  max-width:20em;margin:0 0 52px;text-wrap:balance}
.lc-mission__statement em{font-style:normal;color:var(--lc-gold)}
.lc-mission__body{display:grid;grid-template-columns:1fr 1fr;gap:56px;
  color:var(--lc-text);font-size:16px;line-height:2.0}
.lc-mission__body p{margin:0}
/* 強み（中央寄せ導入＋3カード＋誘導） */
.lc-strengths{margin-top:88px}
.lc-strengths__lead{font-family:var(--font-display);font-weight:700;
  font-size:clamp(19px,2vw,24px);line-height:1.6;letter-spacing:.04em;
  color:var(--lc-navy);text-align:center}
.lc-strengths .lc-grid3{margin-top:40px}
.lc-strengths__more{margin-top:48px;text-align:center}
.lc-mission__pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:64px}
.lc-pillar{border-top:3px solid var(--lc-gold);padding:24px 0 0}
.lc-pillar__en{font-family:var(--font-display);font-weight:700;font-size:13px;
  letter-spacing:.18em;color:var(--lc-text-sub)}
.lc-pillar__name{font-family:var(--font-display);font-weight:700;font-size:21px;
  color:var(--lc-navy);margin:8px 0 12px}
.lc-pillar__text{font-size:14px;color:var(--lc-text-sub);line-height:1.85}

/* ----- About 追加セクション（強み・事業軸・価値観）3カラム ----- */
.lc-grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:44px}
.lc-feature__text strong{display:block;color:var(--lc-navy);font-weight:700;margin-bottom:6px}

/* ----- 代表メッセージ（顔写真＋引用） ----- */
.lc-message__grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:60px;align-items:start;
  margin-top:48px}
.lc-message__portrait{aspect-ratio:4/5;border-radius:var(--radius-card);overflow:hidden;
  box-shadow:var(--shadow-card)}
.lc-message__portrait .lc-ph{position:absolute;inset:0}
.lc-message__portrait>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 18%;background:#fff}
.lc-member__photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 15%;background:#fff}
.lc-message__portrait{position:relative}
.lc-message__quote{font-family:var(--font-display);font-weight:700;
  font-size:clamp(20px,2.3vw,26px);line-height:1.8;letter-spacing:.04em;color:var(--lc-navy);
  position:relative;padding-top:8px}
.lc-message__quote::before{content:"“";position:absolute;top:-26px;left:-6px;
  font-family:var(--font-display);font-size:80px;color:var(--lc-gold-soft);line-height:1;z-index:-1}
.lc-message__body{color:var(--lc-text);font-size:16px;line-height:1.95;margin-top:28px}
.lc-message__body p{margin-bottom:18px}
.lc-message__sign{display:flex;align-items:baseline;gap:14px;margin-top:30px;
  padding-top:24px;border-top:1px solid var(--lc-line)}
.lc-message__role{font-size:13.5px;color:var(--lc-text-sub);letter-spacing:.04em}
.lc-message__name{font-family:var(--font-display);font-weight:700;font-size:22px;
  letter-spacing:.08em;color:var(--lc-navy)}

/* ----- 経営チーム（カード） ----- */
.lc-team__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:48px}
.lc-member{background:#fff;border:1px solid var(--lc-line);border-radius:var(--radius-card);
  overflow:hidden;box-shadow:var(--shadow-card);transition:.3s;display:flex;flex-direction:column}
.lc-member:hover{transform:translateY(-6px);box-shadow:var(--shadow-card-hover)}
.lc-member__photo{position:relative;aspect-ratio:1/1}
.lc-member__photo .lc-ph{position:absolute;inset:0}
.lc-member__body{padding:22px 24px 26px}
.lc-member__role{font-family:var(--font-display);font-weight:700;font-size:12px;
  letter-spacing:.16em;color:var(--lc-gold);text-transform:uppercase}
.lc-member__name{font-family:var(--font-display);font-weight:700;font-size:21px;
  letter-spacing:.06em;color:var(--lc-navy);margin:10px 0 4px}
.lc-member__name small{display:block;font-size:12px;letter-spacing:.12em;
  color:var(--lc-text-sub);font-weight:500;margin-top:6px}
.lc-member__text{font-size:13.5px;color:var(--lc-text-sub);line-height:1.8;margin-top:14px}
.lc-team__note{margin-top:28px;font-size:12.5px;color:var(--lc-text-sub);letter-spacing:.02em}

/* ----- 会社概要（定義テーブル） ----- */
.lc-company__table{margin-top:44px;border-top:1px solid var(--lc-line)}
.lc-company__row{display:grid;grid-template-columns:200px 1fr;gap:24px;
  padding:22px 8px;border-bottom:1px solid var(--lc-line)}
.lc-company__key{font-weight:700;color:var(--lc-navy);font-size:15px;letter-spacing:.04em}
.lc-company__val{color:var(--lc-text);font-size:15px;line-height:1.85}

/* ----- 沿革（タイムライン） ----- */
.lc-history{position:relative;margin-top:48px;padding-left:4px}
.lc-history__item{position:relative;display:grid;grid-template-columns:150px 1fr;gap:32px;
  padding:0 0 40px 36px;border-left:2px solid var(--lc-line)}
.lc-history__item:last-child{padding-bottom:0}
.lc-history__item::before{content:"";position:absolute;left:-9px;top:4px;width:16px;height:16px;
  border-radius:50%;background:#fff;border:3px solid var(--lc-gold)}
.lc-history__year{font-family:var(--font-display);font-weight:700;font-size:22px;
  letter-spacing:.04em;color:var(--lc-navy)}
.lc-history__year small{display:block;font-size:12.5px;color:var(--lc-text-sub);
  font-weight:500;letter-spacing:.08em;margin-top:2px}
.lc-history__text{font-size:15px;color:var(--lc-text);line-height:1.85;padding-top:3px}
.lc-history__text .lc-tbd{margin-left:6px}

/* ==========================================================
   レスポンシブ
   ========================================================== */
@media (max-width:1024px){
  .lc-message__grid{grid-template-columns:1fr;gap:40px}
  .lc-mission__pillars{grid-template-columns:1fr;gap:18px}
  .lc-grid3{grid-template-columns:1fr 1fr}
  .lc-team__grid{grid-template-columns:1fr 1fr}
  .lc-message__portrait{max-width:380px}
}
@media (max-width:768px){
  .lc-mission__body{grid-template-columns:1fr;gap:24px}
  .lc-pagehero__inner{padding:60px 24px 56px}
  .lc-team__grid{grid-template-columns:1fr}
  .lc-company__row{grid-template-columns:1fr;gap:6px;padding:18px 4px}
  .lc-company__key{font-size:14px}
  .lc-history__item{grid-template-columns:1fr;gap:8px;padding-left:30px}
  .lc-grid3{grid-template-columns:1fr}
}