/*
 * custom.css - SP表示カスタマイズ用
 *
 * このファイルはビルド不要です。
 * XServerのファイルマネージャーで直接編集→即反映されます。
 *
 * 場所: /home/xs932555/repos/banban-keiji.jp/frontend/.output/public/custom.css
 *
 * 使い方:
 *   font-size の数値を変更して保存するだけ！
 *   例: 28px → 24px にすると文字が小さくなります
 *
 * !important が付いているのは、元のスタイルを上書きするためです。
 * 消さないでください。
 */

/* ========================================
   SP（スマホ）表示の調整
   max-width: 640px = スマホサイズ
   ======================================== */
@media (max-width: 640px) {

  /* --- キャッチコピーセクション（鬼商談の横） --- */
  /* 「全国888社が京都に集結！」 */
  .sp-catchcopy-heading {
    font-size: 28px !important;
  }
  /* 「探しているもの」と「提供できるもの」を... */
  .sp-catchcopy-body {
    font-size: 14px !important;
    line-height: 28px !important;
  }

  /* --- 開催概要セクション --- */
  /* 【第8回 京都大会開催概要】 */
  .sp-overview-heading {
    font-size: 22px !important;
  }

  /* --- CTA帯セクション --- */
  /* 「全国888社が京都に集結！」（黒背景） */
  .sp-cta-heading {
    font-size: 28px !important;
  }
  .sp-cta-body {
    font-size: 16px !important;
  }

  /* --- オプションカード --- */
  .sp-option-title {
    font-size: 24px !important;
  }
  .sp-option-body {
    font-size: 13px !important;
    line-height: 18px !important;
  }

  /* --- スケジュールセクション --- */
  .sp-schedule-date {
    font-size: 24px !important;
  }

}