.art .navigation-top {
  position: relative;
  z-index: 97 !important;
  background-color: #222;
  border: none;
  top: -2px;
}
.art .navigation-top a {
  color: #fff;
}
.art .navigation-top.site-navigation-fixed {
  position: fixed;
  top: 5.3vw;
}
@media screen and (max-width: 1000px) {
  .art .navigation-top.site-navigation-fixed {
    margin-top: 5.1rem;
  }
}
.art.has-header-image .custom-header-media img {
  position: relative;
}
.art.has-header-image.twentyseventeen-front-page .custom-header {
  height: auto;
  display: block;
}
.art.twentyseventeen-front-page.has-header-image .custom-header-media {
  height: auto;
  position: relative;
}
.art.colors-dark .main-navigation > div > ul {
  text-align: center;
}
.art .menu-toggle {
  color: #fff;
}
.art .main-navigation ul {
  background: #222;
  border: none;
}
.art .main-navigation ul li {
  border: none;
  text-align: left;
}
@supports (-webkit-touch-callout: none) {
  @media screen and (min-width: 48em) {
    .art .background-fixed .panel-image {
      background-size: cover;
      height: auto;
      background-attachment: scroll;
    }
  }
}
.art .navigation-top .wrap {
  max-width: 80rem;
}
.art .navigation-top, .art .main-navigation ul, .art .colors-dark .navigation-top, .art .colors-dark .main-navigation ul, .art .colors-custom .navigation-top, .art .colors-custom .main-navigation ul {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.art .st-Header a {
  font-family: vdl-gigamaru, sans-serif !important;
}
.art .st-Header a:hover {
  color: inherit !important;
}
.art-fv {
  margin-top: 5.2vw;
}
@media screen and (max-width: 1000px) {
  .art-fv {
    margin-top: 5.1rem;
  }
}
.art .l-flex {
  display: flex;
  justify-content: space-between;
}
.art .l-flex > div {
  width: 48%;
}
.art .center {
  text-align: center;
}
.art .w100p {
  width: 100%;
}