@charset "UTF-8";
/*=======================================
グローバルナビ
=======================================*/
@media (min-width: 1201px) {
  /* ロゴ行＋メニュー行の2行構成で 100px を超えるため、帯の高さを中身に合わせる
     （固定だと帯の下とサブメニューの間にすき間ができる） */
  .header-bar {
    height: auto;
    min-height: 100px;
  }

  ul.menu {
    display: flex;
    align-items: center;
  }

  .global-nav>ul>li {
    float: none !important;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
  }

  .global-nav>ul>li>a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 3rem;
    text-align: center;
    line-height: 1.6;
    font-weight: bold;
    color: #000 !important;
    font-family: var(--font-mincho);
  }

  .global-nav>ul>li>a:hover {
    color: #783992 !important;
  }
}

@media (max-width: 1200px) {
  .global-nav>ul>li>a:before {
    top: .8rem;
  }

  .global-nav a {
    height: auto;
    border-bottom: 1px solid #fff;
    background: #783992 !important;
  }

  .global-nav>ul>li>a {
    padding-block: 10px;
    line-height: 1.4rem;
  }

  .global-nav .sub-menu {
    position: unset;
    width: 100%;
  }

  .global-nav .sub-menu a {
    padding: 0px 20px 0 50px;
    background: #b991ca !important;
  }

  .global-nav .sub-menu a::before {
    content: "ー ";
  }

}