/**
 * ヘッダー配色オーバーライド（反転テーマ）
 * 背景 #222、トーン調整。style.css の後に読み込むこと。
 */

/* ===== ページ読み込みアニメーションの背景 #222 ===== */
.loading,
.loading div.cover01 {
  background: #222 !important;
}

/* ロゴ表示後のスライドカバーも #222 に（白ロゴとの整合） */
.load_logo:after {
  background: #222 !important;
}

/* ===== ヘッダー背景 #222 ===== */
.header__inner,
.header__logo {
  background: #222 !important;
}

.header.scroll-down,
.header.scroll-up,
.header:has(.header-nav.is-active) {
  background: #222 !important;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
}

@media only screen and (max-width: 1024px) {
  .header.scroll-down {
    background: #222 !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.35);
  }
}

/* ===== ハンバーガー（やや明るめで押し心地） ===== */
.header__toggle {
  background: #333 !important;
}

.header__hamburger span {
  border-color: rgba(255, 255, 255, 0.9) !important;
}

.header__hamburger.is-active span {
  border-color: #fff !important;
  background: #fff !important;
}

/* ===== SPメニュー開時も #222 で統一 ===== */
@media only screen and (max-width: 1024px) {
  .header-nav {
    background: linear-gradient(180deg, #222 0%, #1a1a1a 100%) !important;
  }
}

/* ===== ナビリンク：明るいトーン ===== */
.header-nav__link {
  color: #e8e8e8 !important;
}

.header-nav__link:hover {
  color: #fff !important;
}

.header-nav__link:before {
  background: linear-gradient(#74DB9F, #74DB9F) 100% 100%/0 1px no-repeat !important;
}

/* サブ（コーポレート・お問い合わせ）リンク */
.header-nav__sub li a {
  color: #c0c0c0 !important;
}

.header-nav__sub li a:hover {
  color: #fff !important;
}

/* ===== ドロップダウン（メンバー／募集要項）：暗いトーンで統一 ===== */
.header-sub {
  background: linear-gradient(180deg, #2a2a2a 0%, #252525 100%) !important;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.45);
}

.header-sub .title01 {
  color: #e8e8e8 !important;
  border-right-color: #444 !important;
}

.header-sub .title01 span {
  color: #999 !important;
}

.header-sub__list li a {
  color: #d0d0d0 !important;
}

.header-sub__list li a:hover {
  color: #fff !important;
}

@media only screen and (max-width: 1024px) {
  .header-sub__list {
    border-left-color: #444 !important;
  }

  .header-sub__list li a {
    color: #c0c0c0 !important;
  }
}

/* ===== 募集要項・ENTRYボタン ===== */
/* 募集要項ボタン：#74DB9F、光彩・シャドウは黒系 */
.header-nav__app > a {
  background: #74DB9F !important;
  color: #fff !important;
  border: none !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
}

.header-nav__app > a:hover {
  background: #85e0ab !important;
}

/* 募集要項ボタン内アイコン（:after）の光彩を黒系に */
.header-nav__app > a:after {
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
  -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.4) !important;
}

/* ENTRYボタン：グラデーション廃止・マットな単色 #53C29D、光彩・シャドウは黒系 */
.header-nav__entry > a {
  background: #53C29D !important;
  color: #fff !important;
  border: none !important;
  filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
  -webkit-filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.35)) !important;
}

.header-nav__entry > a:hover {
  background: #65cba8 !important;
}

/* ===== ヘッダー内 join-us（SP）：背景を暗く ===== */
@media only screen and (max-width: 1024px) {
  .header .join-us__gr {
    background: #222 url(../img/common/join-us_bg.svg) no-repeat center/cover !important;
  }

  .header .join-us__subtit,
  .header .join-us__subtit span {
    color: #ffffff !important;
  }

  .header .join-us__list li a {
    color: #e8e8e8 !important;
  }

  .header .join-us__list li a:hover {
    color: #fff !important;
  }
}