@charset "utf-8";

/*----- グロナビPC -----*/
.gnav {
  font-size: 85%;
  display: flex;
  height: 5rem;
  margin: 0 auto;
  /*
  min-width: 1200px;*/
  width: 100%;
}

@media (max-width: 1100px) {
  .gnav {
    font-size: 75%;
  }
}
.gnav > li {
  /*親階層のみ幅を25%にする*/
  width: 14.28%;
}

/*全てのリスト・リンク共通*/
.gnav li {
  list-style: none;
  position: relative;
  z-index: 1000;
}

.gnav li a,
.gnav li.bunkakouenkai span,
.gnav li.dokusyotaikenki span,
.gnav li.bijyutu span,
.gnav li.zaidan span,
.gnav li.jyouhou span {
  color: #fff;
  display: block;
  height: 5rem;
  line-height: 5rem;
  text-align: center;
  text-decoration: none;
  width: 100%;
}

.gnav li.bunkakouenkai a,
.gnav li.bunkakouenkai span {
  background: #c95045 !important;
  border-bottom: 1px solid #962f26;
}

.gnav li.bunkakouenkai a:hover {
  background: #962f26 !important;
}

.gnav li.dokusyotaikenki a,
.gnav li.dokusyotaikenki span {
  background: #c99345 !important;
  border-bottom: 1px solid #af792c;
}

.gnav li.dokusyotaikenki a:hover {
  background: #af792c !important;
}

.gnav li.bijyutu a,
.gnav li.bijyutu span {
  background: #6ca033 !important;
}

.gnav li.bijyutu a:hover {
  background: #588b1f !important;
}

.gnav li.kouen a {
  background: #3ca483 !important;
  border-bottom: 1px solid #248667;
}

.gnav li.kouen a:hover {
  background: #248667 !important;
}

.gnav li.zaidan a,
.gnav li.zaidan span {
  background: #3c80a4 !important;
  border-bottom: 1px solid #276b8e;
}

.gnav li.zaidan a:hover {
  background: #276b8e !important;
}

.gnav li.jyouhou a,
.gnav li.jyouhou span {
  background: #3c46a4 !important;
  border-bottom: 1px solid #27318b;
}

.gnav li.jyouhou a:hover {
  background: #27318b !important;
}

.gnav li.otoiawase a {
  background: #ac4db5 !important;
}

/*子階層以降共通*/
.gnav li li {
  height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.4s;
}

.gnav li li a {
  font-size: 0.8rem;
  padding: 0 1rem;
  text-align: left;
}

@media (max-width: 1100px) {
  .gnav li li a {
    font-size: 0.6rem;
  }
}

.gnav li li a.l2 {
  line-height: 1.5rem;
  padding: 1rem;
  text-align: left;
}

.gnav li:hover > ul > li {
  height: 5rem;
  opacity: 1;
  overflow: visible;
}

/*----- グロナビSP -----*/

.nav_logo {
  width: 95%;
  display: block;
  margin: 100px auto 0;
}

.fat-nav__wrapper ul {
  margin: 0 auto;
  width: 90%;
}

.fat-nav__wrapper ul li {
  text-align: left;
  background: url(../img/arrow2.svg) no-repeat center right 0/24px;
  padding: 0.5rem 1.5rem;
  margin: 2px 0;
}

.fat-nav__wrapper ul li a {
  display: block;
  padding: 0.5rem 0.7rem 0.5rem 0;
}

.fat-nav__wrapper ul li.ttl {
  padding: 0.5rem 1rem;
  background: none;
}

.fat-nav__wrapper ul li.ttl2 {
  background: url(../img/arrow2.svg) no-repeat center right 0/24px;
  padding: 0.5rem 1rem;
}

.fat-nav__wrapper ul .bunkakouenkai {
  border-left: 8px solid #b8584b;
}

.fat-nav__wrapper ul .dokusyotaikenki {
  border-left: 8px solid #bf9553;
}

.fat-nav__wrapper ul .bijyutu {
  border-left: 8px solid #799f44;
}

.fat-nav__wrapper ul .kouen {
  border-left: 8px solid #5fa285;
}

.fat-nav__wrapper ul .zaidan {
  border-left: 8px solid #517fa1;
}

.fat-nav__wrapper ul .jyouhou {
  border-left: 8px solid #3f479f;
}

.fat-nav__wrapper ul .otoiawase {
  border-left: 8px solid #9e54b0;
}