@charset "UTF-8";
/* ==========================================================================
   t2-section-top.css ｜ T2 セクションTOP（子供クラスTOP／大人クラスTOP）
   --------------------------------------------------------------------------
   対象：/kids/ ・ /adults/ の2ページ
   出典：_docs/40_デザイン仕様.md 12章／原稿 _docs/31_原稿_子供クラス.md ①
   ルール：このファイルにはT2固有の「配置」だけを書く。
          部品そのものは components.css、数値は style.css。
   ========================================================================== */

/* セクションの縦リズム。交互に背景を敷いて、写真どうしの色差を目立たせない（40 9.5） */
.p-section-top .l-section + .l-section { border-top: 0; }

/* 共感導入の「720pxに絞った読み物」は、既存の .l-read で足ります（2026-09-21）。
   TOPでも同じ形を使うため、T2固有の別名を作らないことにしました。
   c-head と本文のあいだの余白は u-mt-m で取ります */

/* 「うちの子はどれ？」に3秒で答える図（10 5.5） */
.p-section-top__chart { margin-top: 40px; }
.p-section-top__chart + .c-table { margin-top: var(--gap-block); }

/* クラス一覧 */
.p-section-top__cards { margin-top: var(--gap-block); }
.p-section-top__cards-note { margin-top: 40px; display: flex; flex-direction: column; gap: 18px; align-items: flex-start; }

/* 週間スケジュール（抜粋） */
.p-section-top__schedule { margin-top: var(--gap-block); }
.p-section-top__schedule + p { margin-top: 24px; }

/* 講師：信頼の入口として3〜4行だけ。詳細は講師紹介ページへ */
.p-section-top__teacher .c-media { align-items: start; }

/* 保護者の声のグリッドは 2026-09-21 に .c-voices へ昇格（components.css）。
   配置は u-mt-block で行う */

/* --------------------------------------------------------------------------
   大人セクション（/adult/）
   骨格は子供と同じ。違いは①背景の温度（style.css の .p-adult）
   ②濃茶ベタの面積が多い ③写真ではなく表と図で見せる の3点だけ。
   -------------------------------------------------------------------------- */

/* 3クラスの比較表。原稿の表を縦横入れ替えて「1行＝1クラス」にしている。
   スマホでそのまま積めて、目で追う向きも縦に揃う。 */
.p-section-top__compare { margin-top: 40px; }
.p-section-top__compare th[scope="row"] { font-weight: 500; }

/* 「送迎の日に、もう1コマ」の時間割 */
.p-section-top__timeline { margin-top: 40px; }

/* 料金の注記は 2026-09-21（ロット4）に .c-note-box へ昇格。配置は u-mt-s で行う */

@media (max-width: 768px) {
  .p-section-top__cards { margin-top: 40px; }
}