/* =========================================================
   Ochify Site — about ページ専用スタイル
   担当ターミナル: T2
   ---------------------------------------------------------
   ルール:
   - このファイルは about.html 担当のターミナルだけが編集する
   - 全ページ共通の見た目（カラー変数・ヘッダー/フッター・タイポ）を
     変えたいときは css/style.css へ。style.css は「共通CSS係」1人だけが触る
   - このファイルは style.css の後に読み込まれるので、ここの指定が優先される
   SHIMAYASU DESIGN / 2026-06-04
   ========================================================= */

/* ↓ about.html 固有の調整をここに書く */

/* 理念セクション：代表メッセージを写真＋言葉の2カラムに */
.philosophy .msg.with-photo{
  max-width: 60em; display:grid; grid-template-columns: 240px 1fr; gap:34px; align-items:start;
}
.philosophy .msg.with-photo .founder-photo{ margin:0; }
.philosophy .msg.with-photo .founder-photo img{
  width:100%; border-radius:12px; box-shadow:var(--shadow-sm); display:block;
}
.philosophy .msg.with-photo .founder-photo figcaption{
  margin-top:10px; font-size:11.5px; line-height:1.5; color:var(--ink-soft); text-align:center;
}
.philosophy .msg.with-photo .sign{ text-align:right; margin-top:18px; font-weight:700; color:var(--navy); }
@media(max-width:680px){
  .philosophy .msg.with-photo{ grid-template-columns:1fr; gap:22px; }
  .philosophy .msg.with-photo .founder-photo{ max-width:240px; margin:0 auto; }
}