/**
 * header-align.css
 * skillupaiヘッダーに合わせるための最小オーバーライド（skillupai_pt用）
 */

/* お問い合わせボタン hover */
header .header-nav-item-link.button.contact-button:hover {
  background: #f4faff;
  transition: background 0.2s;
}

/* プライマリナビ リンク幅 */
header .primary-nav-list .header-nav-item-link {
  min-width: auto;
}

/* メガメニュー背景 */
header .dropdown.mega {
  padding: 30px 0 30px;
  background: #F4FAFF;
}

header .primary-nav.pc .mega-inner.inner {
  max-width: 880px;
  padding-inline: 0;
}

header .mega-grid {
  max-width: 840px;
  justify-content: flex-start;
  gap: 30px;
}

header .mega-col {
  gap: 15px;
  flex: 0 0 auto;
}

header .mega-item {
  width: 260px;
  height: 42px;
  border-bottom: 1px solid #d9d9d9;
  font-size: 15px;
  font-weight: 400;
}

header .mega-item::after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 10px;
  background: url("https://www.skillupai.com/wp-content/themes/skillupai/assets/img/common/icon_arrow_right_blue.svg") no-repeat center/contain;
}

/* 外部リンクの場合は矢印を非表示（外部リンクアイコンのみ表示） */
header .mega-item.external-link {
  justify-content: flex-start;
  gap: 10px;
}

header .mega-item.external-link svg {
  flex-shrink: 0;
  margin-left: 0;
}

header .mega-item.external-link::after {
  display: none;
}

/* SPメニュー：外部リンクの矢印を非表示 */
header .sp-header-nav-item-link.external-link::after {
  display: none;
}

header .sub-menu-resources .item-2 .sp-header-nav-item-link.external-link::after {
  display: none;
}

header .mega-item::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background: #1956b5;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

header .primary-nav .mega-item:hover,
header .mega-grid .mega-item:hover {
  color: #003FAB;
  border-bottom-color: #003FAB;
  transform: none;
  background: transparent;
}

header .primary-nav .mega-item:hover::before,
header .mega-grid .mega-item:hover::before {
  width: 100%;
}