/* =========================================================
   sl-megamenu.css
   出所: WP「追加CSS」1〜94行（事業案内メガメニュー復元）
   Phase1: DB → 子テーマファイル化。ルールは原文のまま。
   ========================================================= */
@media screen and (min-width:1024px){

/* メガメニュー全体の枠 */
.sl-megamenu.p-megamenu01{
  background:#fff;
  padding:50px 0;
  box-shadow:0 10px 20px rgba(0,0,0,.08);
}

/* 4列グリッドの土台 */
.sl-megamenu__grid{
  display:flex;
  justify-content:space-between;
  flex-wrap:nowrap;
  width:1180px;
  margin:0 auto;
  gap:40px;
}

/* 各列 */
.sl-megamenu .sl-mm-col{
  width:25%;
  margin:0;
}

/* 列のタイトル */
.sl-megamenu .sl-mm-title{
  font-size:18px;
  line-height:28px;
  font-weight:bold;
  color:#d90000;
  padding-left:12px;
  margin-bottom:18px;
  position:relative;
}
.sl-megamenu .sl-mm-title::before{
  content:'';
  width:4px;
  height:20px;
  background:#d90000;
  position:absolute;
  top:4px;
  left:0;
}
.sl-megamenu .sl-mm-title a{
  color:#d90000;
}
.sl-megamenu .sl-mm-title a:hover{
  text-decoration:underline;
}

/* リンクのリスト */
.sl-megamenu .sl-mm-list{
  margin:0;
  padding:0;
  list-style:none;
}
.sl-megamenu .sl-mm-list li{
  position:relative;
  padding-left:14px;
  margin-bottom:10px;
  font-size:14px;
  line-height:22px;
  list-style:none;
}
.sl-megamenu .sl-mm-list li::before{
  content:'\f105';
  font-family:fontawesome;
  position:absolute;
  top:1px;
  left:0;
  font-size:12px;
  color:#999;
}
.sl-megamenu .sl-mm-list li a{
  color:#333;
  display:inline-block;
}
.sl-megamenu .sl-mm-list li a:hover{
  color:#d90000;
  text-decoration:underline;
}

/* 準備中ラベル */
.sl-megamenu .sl-mm-prep{
  color:#999;
}
.sl-megamenu .sl-mm-prep small{
  font-size:12px;
}

}