@media (min-width:1024px){
  /* クリック固定時 */
  .header-nav__item.is-mega-click-open .mega-menu{
    opacity:1 !important;
    pointer-events:auto !important;
    transition-delay:0s;
  }

  /* hoverと同じ表示状態にする */
  .header-nav__item.is-mega-click-open .mega-link-parent span{
    display:inline !important;
  }

  /* 黒オーバーレイを消す */
  html.is-  /* hoverと同じ表示状態にする */mega-click-mode .mega-overlay{
    opacity:0;
    pointer-events:none;
  }

}
/* ==================================================
 * トップページ初期状態（.header 単体）を青ヘッダーに統一
 * ================================================== */

/* 1. PC環境：ヘッダーのテキスト色・アイコン・ボタンを青ヘッダー仕様にする */
@media all and (min-width: 1024px) {
  .header:not(.is-scrolled):not(.is-white) .header-nav__link {
    color: #fff;
  }
  .header:not(.is-scrolled):not(.is-white) .header-search__btn svg * {
    stroke: #fff;
  }
  .header:not(.is-scrolled):not(.is-white) .header-nav__link--contact {
    --bg-opacity: 1;
    background-color: rgba(12, 0, 170, var(--bg-opacity));
  }
  .header:not(.is-scrolled):not(.is-white) .header-nav__link--contact:hover {
    --bg-opacity: 1;
    background-color: rgba(0, 0, 105, var(--bg-opacity));
  }
}

/* 2. ロゴ画像の反転（白抜き化） */
.header:not(.is-scrolled):not(.is-white) .header__logo img {
  filter: brightness(0) invert(1);
}

/* 3. ヘッダー自体の背景色を青にする（※背景が元から青要素で塗られていない場合の保険） */
.header:not(.is-scrolled):not(.is-white) {
  background-color: #0000FF;
}

/* ==================================================
 *Gナビの分割を変更
 * ================================================== */

  .mega-menu__col--1/6 {
    width: 16.66%;
  }

/* TOPへリンクがアクティブになった時の矢印アイコンを非表示にする */
.mega-tab-nav__link[data-mega-tab-nav="top"]::after,
.mega-tab-nav__link[data-mega-tab-nav="top"]::before {
  display: none !important;
}