/* ===========================
   INFO HUB Section - SP Styles
   INFOHUBセクション SP専用スタイル
   適用条件: 959px以下
   =========================== */

/* SP対応：モバイルでは固定背景を無効化 */
  .ptlHub {
    min-height: auto; /* SP: 固定高さ解除、コンテンツベースに */
    max-height: none; /* 最大高さ制限も解除 */
    padding: 0; /* パディング削除（カード側で管理） */
    display: block; /* flex解除、通常フローに */
    overflow: hidden;
  }
  
  /* コンテンツエリア - SP調整 */
  .ptlHub .ptl-section__inner {
    position: static; /* 通常フローに戻す */
    padding: 0 20px;
    padding-top: 0; /* セクション上余白削除 */
    padding-bottom: 0; /* style.css (SP section)で統一管理 */
  }
  
  /* カード余白削除（グリッドのgapで管理） */
  .ptlHub__card {
    margin: 0; /* カード個別のmargin削除 */
  }
  
  /* グリッドレイアウト - タブレット */
  .ptlHub__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px; /* カード間の余白 */
    margin: 0; /* グリッド外側のmargin削除 */
  }
  
  /* ヘッダー余白調整 */
  .ptlHub__header {
    margin-top: 0;
    margin-bottom: 32px; /* ヘッダーとグリッド間 */
  }
  
  /* コンテンツパディング調整 */
  .ptlHub__content {
    padding: 30px 8px 36px 8px;
  }
  
  /* セクション余白 - SP設定 */
  #section-infohub,
  .ptlHub {
    margin-bottom: 60px;
  }

/* モバイルレイアウト */
  .ptlHub .ptl-section__inner {
    padding: 32px 16px; /* モバイル: 上下左右余白削減 */
  }
  
  .ptlHub__grid {
    grid-template-columns: 1fr;
    gap: 16px; /* カード間の余白 */
    margin: 0;
  }
  
  .ptlHub__header {
    margin-top: 0;
    margin-bottom: 24px;
  }