/* メニューの地を、後ろが透けてぼける形にする（2026-11-08 國塚さん指定・現場ロイドのメガメニューを手本にした。白の濃さは 11/8 に 75% から 55% へ薄くした）。
   ぼかしが効かないブラウザは白を濃くして読めるようにする。
   ※ .l-header にぼかしを掛けるのは PC 幅だけ。スマホ幅で掛けると、中の全画面メニュー（position: fixed）が枠の中に閉じ込められるため。 */
@media screen and (min-width: 1101px) {
  .l-header {
    background: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: blur(40px) saturate(1.5);
    backdrop-filter: blur(40px) saturate(1.5);
  }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .l-header { background: rgba(255, 255, 255, .95); }
  }
}
@media screen and (max-width: 1100px) {
  /* 上の白いバー */
  .l-header__head {
    background: rgba(255, 255, 255, .55);
    -webkit-backdrop-filter: blur(40px) saturate(1.5);
    backdrop-filter: blur(40px) saturate(1.5);
  }
  /* 開いたときの全画面メニュー（地の色はそのまま、少し透かしてぼかす） */
  .c-gnav {
    background: rgba(42, 49, 54, .78);
    -webkit-backdrop-filter: blur(40px) saturate(1.5);
    backdrop-filter: blur(40px) saturate(1.5);
  }
  @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))) {
    .l-header__head { background: rgba(255, 255, 255, .95); }
    .c-gnav { background: #2A3136; }
  }
}

/* 飾りの三角形の「色を掛け合わせる」重ね方（mix-blend-mode: multiply）がページ全体に及ぶと、
   ブラウザがメニューの後ろをぼかせなくなる（MISSION 欄などでぼけなかった原因・2026-11-08 実測）。
   掛け合わせを飾りの中だけに閉じ込める。三角形どうしの重なりの色は変わらない。 */
.c-polygonDeco svg,
.p-homeMv__deco svg { isolation: isolate; }

/* メニューが2段に折れる幅（PC 表示の 1101〜1440px あたり）をなくす（2026-11-08）。
   11/7 にメニューが1項目増えて（ビジョン・共創ストーリー）、この幅で収まらなくなっていた。
   この幅だけ文字と間隔を少し詰める。1501px 以上は元のまま。 */
@media screen and (min-width: 1101px) and (max-width: 1500px) {
  .l-header { padding: 0 32px; }
  .l-header__logo { width: 140px; flex-shrink: 0; }
  .c-gnav { gap: 18px; }
  .c-gnavLink__list { gap: 18px; flex-wrap: nowrap; }
  .c-gnavLink__item a { font-size: .875rem; letter-spacing: .06em; white-space: nowrap; }
  .c-gnavLink02__item a { padding: 10px 22px; white-space: nowrap; }
}
@media screen and (min-width: 1101px) and (max-width: 1200px) {
  .l-header { padding: 0 28px; }
  .l-header__logo { width: 124px; }
  .c-gnav { gap: 14px; }
  .c-gnavLink__list { gap: 14px; }
  .c-gnavLink__item a { letter-spacing: .02em; }
}