@media screen and (max-width: 1024px) {

/*ロゴ部分非表示*/

.header-container {
    display: none !important;
}

}




/* メニューリンク */
#navi .navi-in > ul > li > a{
    display: inline-flex;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    position: relative;
    padding-bottom: 8px;
}

/* 下線 */
#navi .navi-in > ul > li > a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 1px;
    background: #CB717F;
    transition: width .3s ease;
}

/* ホバー時 */
#navi .navi-in > ul > li > a:hover::after{
    width: 100%;
}

@media screen and (max-width: 1024px) {

  /* ロゴ部分を非表示 */
  .header-container {
    display: none !important;
  }

}


/* ==========================================
   グローバルメニュー
========================================== */

/* メニューリンク */
#navi .navi-in > ul > li > a {
  display: inline-flex;
  justify-content: center;
  width: fit-content;
  margin: 0 auto;
  position: relative;
  padding-bottom: 8px;
}

/* 下線 */
#navi .navi-in > ul > li > a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #CB717F;
  transition: width 0.3s ease;
}

/* ホバー時 */
#navi .navi-in > ul > li > a:hover::after {
  width: 100%;
}


/* ==========================================
   モバイルヘッダー：角丸のメニューアイコン
========================================== */

.mobile-header-menu-buttons .navi-menu-icon .fa-bars {
  position: relative;
  top: 2px; /* 3本線全体を下へ移動 */
  display: inline-block !important;
  width: 28px;
  height: 18px;
  font-size: 0 !important;
  line-height: 1 !important;
  background: none !important;
  transform: none !important;
}

/* 上下の線 */
.mobile-header-menu-buttons .navi-menu-icon .fa-bars::before,
.mobile-header-menu-buttons .navi-menu-icon .fa-bars::after {
  content: "" !important;
  position: absolute;
  left: 0;
  width: 100%;
  height: 1.5px;
  background-color: currentColor;
  border-radius: 999px;
}

/* 上の線 */
.mobile-header-menu-buttons .navi-menu-icon .fa-bars::before {
  top: 0;
  box-shadow: 0 8.25px 0 currentColor;
}

/* 下の線 */
.mobile-header-menu-buttons .navi-menu-icon .fa-bars::after {
  bottom: 0;
}

/* モバイルヘッダー：右側のメニューボタンだけ横幅を狭くする */
.mobile-header-menu-buttons > li.navi-menu-button {
  width: 60px !important;
  min-width: 60px !important;
  flex: 0 0 60px !important;
}

/* 「はじめての方へ」ボタンだけ横幅を広げる */
.mobile-header-menu-buttons > li.navi-menu-button:nth-child(2) {
  width: 80px !important;
  min-width: 80px !important;
  flex: 0 0 80px !important;
}

/* テキストを改行させない */
.mobile-header-menu-buttons > li.navi-menu-button:nth-child(2)
.custom-menu-caption {
  white-space: nowrap !important;
}