@charset "utf-8";

/* ============================================================
   下層ページ（量産 14 枚）の共通スタイル
   2026-10-16 追記  担当：森田

   ここから下は、下層ページで共通して使うものだけを書いています。
   ページごとの調整は assets/css/<スラッグ>.css に書いています。

   ※ コーダーさんが追記される場合は、このブロックの下に
   　 別のコメントで区切って書いていただけると助かります。
   ============================================================ */

/* ------------------------------------------------------------
   FV のひとこと説明
   Figma のデザインに合わせた仮の実装です。
   common.css 側で正式に対応いただいたら、ここは削除します。
   ------------------------------------------------------------ */

  /* 2026-10-16 追記 太田（コーダー）
   common.css へ移動したため、削除しました。 */

/* ------------------------------------------------------------
   番号付きリスト（bl_numList）の中に置くボックス
   外側のボックスの色に合わせて、中の色が変わる
   - 白い bl_colorBox の中   → 薄いベージュ
   - 水色の bl_colorBox__2 の中 → 白
   ------------------------------------------------------------ */
.bl_innerBox {
  border-radius: 12px;
  padding: 24px 32px;
  margin: 24px 0;
  background: var(--color-beige-500);
}

.bl_colorBox.bl_colorBox__2 .bl_innerBox {
  background: var(--color-white);
}

/* ------------------------------------------------------------
   イラスト（SVG）を、ベージュの背景の中央に置く
   写真の「小」と同じ大きさ。中の画像サイズはページごとに指定する
   ------------------------------------------------------------ */
.bl_media_img.bl_media_img__illust {
  display: grid;
  place-items: center;
  width: 300px;
  aspect-ratio: 4 / 3;
  background: var(--color-beige-500);
}

@media (max-width: 767px) {

  .bl_innerBox {
    padding: 20px;
    margin: 16px 0;
  }

  .bl_media_img.bl_media_img__illust {
    width: 100%;
  }
}