/* ============================================================
   共通ヘッダー適用ページ用の互換CSS

   各ページに残っている旧 header.css は
   「.navArea .navList li ...」のような子孫セレクタを使っており、
   共通ヘッダー(/common/header.shtml)のメガメニュー内の li / a に
   まで効いてレイアウトが崩れるため、より高い詳細度で打ち消す。
   /css/header.css の直後に読み込むこと。
   ============================================================ */

.navArea .navList li .megaMenu li {
  height: auto;
  display: block;
  position: static;
  opacity: 1;
  margin: 0 0 14px;
}
.navArea .navList li .megaMenu li:first-child {
  margin-top: 0;
}
.navArea .navList li .megaMenu li:last-child {
  margin-bottom: 0;
}
.navArea .navList li .megaMenu li > a {
  height: auto;
  padding: 0;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  color: #323232;
}
.navArea .navList li .megaMenu li > a:hover {
  color: #005CD9;
}
.navArea .navList li .megaMenu li > a::before,
.navArea .navList li .megaMenu li > a::after {
  content: none;
  animation: none;
}

/* AIコンピューティング側の汎用button装飾を共通ヘッダー内では無効化 */
.ai-computing .navArea .navMegaTrigger {
  width: auto;
  height: 100%;
  background: none;
  clip-path: none;
  white-space: normal;
}

@media (max-width: 1023px) {
  .navArea .navList li .megaMenu li {
    margin-bottom: 0;
  }
  .navArea .navList li .megaMenu li > a {
    display: block;
    padding: 12px 0 12px 14px;
  }
}