/**
 * 企業一覧ページのメインCSSファイル
 * このファイルは他のすべてのCSSファイルをインポートし、適切な順序で読み込む役割を持ちます
 */

/* ベース（共通）スタイル */
@import '../base/reset.css';
@import '../base/typography.css';
@import '../base/colors.css';
@import '../base/layout.css';

/* コンポーネント別スタイル */
@import '../components/companies-header.css';
@import '../components/companies-search.css';
@import '../components/companies-filter.css';
@import '../components/company-section.css';
@import '../components/company-table.css';
@import '../components/site-footer.css';

/* デバイス別スタイル（PC優先アプローチ） */
@import '../devices/companies-pc.css';

/* モバイル・タブレット用スタイル（メディアクエリの前にインポート） */
@import '../devices/companies-mobile.css';
@import '../devices/companies-tablet.css';

/* メディアクエリで制御（インポートではなく適用制御） */
@media (max-width: 768px) {
  /* モバイル用スタイルの適用制御 */
  /* すでにインポート済みのcompanies-mobile.cssが適用されます */
}

@media (min-width: 769px) and (max-width: 1024px) {
  /* タブレット用スタイルの適用制御 */
  /* すでにインポート済みのcompanies-tablet.cssが適用されます */
}