#body_wrap { z-index: 10;}
.l-header__inner { height: 100%;}
.home .l-content { margin: 0;}
.home .l-container { max-width: none; padding: 0;}
.l-header__logo { margin: 0;}
.l-fixHeader__inner { justify-content: center; align-items: center;}
.l-footer__foot, .l-footer__widgetArea { padding-bottom: 0;}
.c-gnav {
    display: block;
    height: auto;
    text-align: left;
}
.c-gnav {
  width: max-content;
  max-width: 100%;
  background-color: #F6EEEAE0;
  position: absolute;
  top: var(--header-height);
  right: -100%;
  padding: 40px 32px 60px;
  transition: .5s all ease;
}
.c-gnav > .menu-item > a .ttl {
    display: block;
    font-size: inherit;
}
.c-gnav .ttl {
    color: inherit;
    line-height: 1.6;
    position: static;
}
.c-gnav.active { right: 0; transition: .5s all ease;}
.c-gnav > .menu-item > a {
  height: auto;
  display: block;
  font-family: var(--font-maru);
  font-size: 18px;
  font-weight: var(--bold);
  white-space: normal;
  padding: 12px 2em 12px 0;
  border-bottom: 1px solid var(--text);
  position: relative;
}
.c-gnav > .menu-item:last-of-type a { border: none;}
.c-gnav>.menu-item>::before,
.c-gnav>.menu-item>::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.c-gnav>.menu-item>::before {
  width: 24px;
  height: 24px;
  background-color: var(--main);
  border-radius: 50%;
  right: 0;
}
.c-gnav > .menu-item > a::after {
  background: none;
  width: 5px;
  height: 5px;
  border-top: 1px solid var(--white);
  border-right: 1px solid var(--white);
  transform: rotate(45deg);
  right: 10px;
  left: auto;
}
.menu-item a:hover { opacity: 1; background-color: var(--white);}
.l-topTitleArea {
  background: var(--bg) url(../img/kv.jpg) no-repeat top right;
  background-size: auto 100%;
  font-family: var(--font-maru);
}
.l-topTitleArea img { display: none;}
.l-topTitleArea__body { color: var(--text); font-size: 28px; line-height: 1.5; text-shadow: none;}
.page-title-sub { font-size: 25px;}
.-frame-on .p-breadcrumb, .c-infoBar+.p-breadcrumb, .c-infoBar+[data-barba=container]>.p-breadcrumb, .l-topTitleArea+.p-breadcrumb {
  background: var(--main) !important;
  color: var(--white);
  padding-top: 4px;
}
.p-breadcrumb { padding: 4px 0;}
@media (min-width: 600px) {
  .l-topTitleArea {
    height: 300px;
    padding: 0;
  }
  .p-breadcrumb__list {
    font-size: 12px;
  }
}
@media (min-width: 960px) {
  .-series-right .l-header__inner { justify-content: center; align-items: center;}
  .-series .l-header__logo { margin-right: 12px;}
  .l-header__menuBtn.sp_ { display: block !important;}
}
@media (max-width: 959px) {
  .l-header__inner { justify-content: center;}
  .c-gnav { top: var(--header-height-sp);}
  .l-topTitleArea {
    height: auto !important;
    background-image: none;
    flex-direction: column;
    padding: 0;
  }
  .l-topTitleArea__body {
    height: 180px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .l-topTitleArea::after {
    content: "";
    display: block;
    width: 100%;
    height: 226px;
    background: var(--bg) url(../img/kv-sp.jpg) no-repeat top right;
    background-size: cover;
  }
  .l-topTitleArea__body { text-align: center;}
}