/* =========================================================
   company_pc_v3.css  (PC最終版 / min-width:1025px)
   目的:
   - スマホ用メニューをPCで完全非表示
   - パンくずとタイトル帯の間を詰める（密着）
   - H1帯は全幅 #DAEBF7、H1画像は左揃えで本文幅(960px) ※サイドバー右端まで
   - H2バー: 幅328px、白線(左端0/太さ1mm/長さ3mm) + 右にタイトル
   - 本文(700px)とサイド(220px)は上マージン28pxで揃える
   - フッター: 全域薄グレー / 列順 1=会社情報 2=営業案内 3=新着情報 / 列間隔を狭く
   - copy帯: 背景 青(#127CB8)・文字 白、白背景の混入を強制遮断
   ========================================================= */
@media (min-width:1025px){

/* PCではスマホメニュー類を必ず隠す（パンくず内の "メニュー" も） */
.sp-menu-btn,
[aria-label="スマホメニュー"],
#pan_area .pan-inner a[href$="spmenu.html"],
#pan_area .pan-inner a[href*="/spmenu"],
#pan_area .pan-inner a[href*="menu"]{
  display:none !important; visibility:hidden !important;
}

/* レイアウト基礎 */
#contents{ width:960px !important; margin:0 auto !important; box-sizing:border-box !important; }
#page{ width:960px !important; margin:0 auto !important; }
#main{ float:left !important; width:700px !important; margin-top:28px !important; }
#lmenu{ float:right !important; width:220px !important; margin-top:28px !important; }

/* パンくず：全幅青＆右寄せ。下余白ゼロ（タイトル帯と密着） */
#pan_area{ background:#027ACA !important; color:#fff !important; margin:0 !important; padding:0 !important; }
#pan_area .pan-inner{ width:960px !important; margin:0 auto !important; padding:6px 12px !important; text-align:right !important; box-sizing:border-box !important; }
#pan_area a{ color:#fff !important; text-decoration:none !important; }
#pan_area a:hover{ text-decoration:underline !important; }

/* H1帯：ページ全幅 #DAEBF7。H1画像は左揃えで960px（=本文+サイドの幅） */
#title_box{ background:#DAEBF7 !important; width:100% !important; margin:0 0 28px 0 !important; padding:0 !important; }
#title_box .title-inner{ width:960px !important; margin:0 auto !important; padding:0 !important; }
#title_box h1{ margin:0 !important; padding:0 !important; text-align:left !important; background:none !important; }
#title_box h1 img{ display:block !important; width:960px !important; max-width:960px !important; height:auto !important; margin:0 !important; }

/* 一覧(H2バーと画像幅合わせ・白線) */
#main>ul.indexmenu{
  list-style:none !important; margin:0 !important; padding:0 !important;
  display:grid !important; grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  column-gap:24px !important; row-gap:32px !important;
}
#main>ul.indexmenu>li{ margin:0 !important; padding:0 !important; float:none !important; }
#main>ul.indexmenu h2{
  position:relative !important; width:328px !important;
  margin:0 !important; padding:8px 12px 8px 10px !important;
  background:#127CB8 !important; color:#fff !important; line-height:1.3 !important; box-sizing:border-box !important;
}
#main>ul.indexmenu h2::before{
  content:"" !important; position:absolute !important; left:0 !important; top:50% !important; transform:translateY(-50%) !important;
  width:3mm !important; height:1mm !important; background:#fff !important;
}
#main>ul.indexmenu .pic img{ display:block !important; width:328px !important; height:auto !important; }

/* フッター: 全域薄グレー（住所+3列メニュー） */
footer, #footer_box, #footer_menuArea{
  background:#f0f0f0 !important; color:#333 !important; text-align:left !important;
}
#footer_box{
  /* 既存の float レイアウトを無効化しつつ横並びを堅牢に */
  display:flex !important; align-items:flex-start !important;
  gap:16px !important;  /* ← 列間隔を狭く */
  padding:24px 0 !important; box-sizing:border-box !important; clear:both !important;
}
#footer_box address{
  /* 既存 common.css の address float/width を上書き */
  float:none !important; flex:0 0 300px !important; width:300px !important; margin:0 !important; padding:0 !important;
}
#footer_menuArea{
  /* 3列を強制（1=会社, 2=営業, 3=新着）＆折返しにくく */
  float:none !important; width:auto !important; margin:0 !important; padding:0 !important;
  display:flex !important; flex-wrap:nowrap !important; gap:12px !important;
  justify-content:space-between !important; align-items:flex-start !important;
}
#footer_menuArea .footer_menuBox{ flex:1 1 0 !important; min-width:200px !important; margin:0 !important; padding:0 !important; }
#footer_menuArea .footer_menuBox:nth-child(1){ order:1 !important; } /* ▼会社情報 */
#footer_menuArea .footer_menuBox:nth-child(2){ order:2 !important; } /* ▼営業案内 */
#footer_menuArea .footer_menuBox:nth-child(3){ order:3 !important; } /* ▼新着情報 */
#footer_menuArea ul{ margin:0 !important; padding:0 !important; list-style:none !important; }
#footer_menuArea li{ line-height:1.7 !important; }
#footer_menuArea a{ color:#333 !important; text-decoration:none !important; }
#footer_menuArea a:hover{ text-decoration:underline !important; }

/* copy帯：青地＋白文字。白/グレーの混入をブロック */
#copy_area{
  background:#127CB8 !important; color:#fff !important; width:100% !important;
  margin:0 !important; padding:12px 0 !important; text-align:center !important;
}
#copy_box{
  width:960px !important; max-width:100% !important; margin:0 auto !important;
  background:transparent !important; height:auto !important; float:none !important; display:block !important;
}
#copy{ float:none !important; width:auto !important; color:#fff !important; }
#copy_area, #copy_area *{ color:#fff !important; }
#copy_area a{ color:#fff !important; text-decoration:none !important; }
#copy_area a:hover{ text-decoration:underline !important; }

} /* /@media */
