/**
 * Service Page CSS
 * サービス一覧ページ専用スタイル
 * 高橋運輸興業 Webサイトリニューアル
 *
 * このファイルは service/index.html ページ専用のスタイルです。
 * メインサービスの特殊なレイアウトを定義します。
 */

/* ===================================
   メインサービスカード
   精密機器輸送セクションの特殊カード
   =================================== */

.main-service-card-gradient {
  background: linear-gradient(135deg, #e8ebf9, #ffffff);
  border-radius: 15px;
  padding: 3rem;
  margin-bottom: 3rem;
}

/* ===================================
   特徴セクション
   サービスの特徴を表示するセクション
   =================================== */

.service-features-section {
  margin-top: 3rem;
  background: linear-gradient(135deg, #ffffff, #f8f9fa);
  padding: 2rem;
  border-radius: 10px;
}

/* ===================================
   グループサービス案内ボックス
   人材派遣・業務請負サービスの案内
   =================================== */

.group-service-box {
  text-align: center;
  background: var(--light-blue);
  padding: 2.5rem;
  border-radius: 10px;
  margin-top: 2rem;
  border: 2px solid var(--secondary-blue);
}

/* ===================================
   レスポンシブ対応
   =================================== */

@media (max-width: 768px) {
  .main-service-card-gradient {
    padding: 2rem;
  }

  /* 精密機器輸送のグリッドを1カラムに */
  .main-service-content {
    grid-template-columns: 1fr !important;
  }

  /* 車両ラインナップの外側グリッドを1カラムに（カードが全幅表示） */
  .content-section > .grid--cols-2 {
    grid-template-columns: 1fr !important;
  }

  .service-features-section {
    padding: 1.5rem;
  }

  .group-service-box {
    padding: 1.5rem;
  }
}