/* One shared desktop navigation, based on the clinic information page. */
#navigation-wrap {
  min-height: 50px;
  margin-top: 2px;
}
#navigation-band {
  min-height: 50px;
  background: #244f98;
}
#navigation-inner {
  position: relative;
  left: 0;
  width: 1280px;
  margin-inline: auto;
}
#primary-navigation {
  display: flex;
  position: static;
  float: none;
  width: 1280px;
  height: 50px;
  margin: 0;
  border-left: 2px solid #fff;
  box-sizing: border-box;
}
#primary-navigation .nav-link {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1 1 0;
  min-width: 0;
  height: 50px;
  box-sizing: border-box;
  border: 0;
  border-right: 2px solid #fff;
  margin: 0;
  padding: 0;
  background: linear-gradient(to bottom, #3478d8, #17458c);
  color: #fff;
  font: 15px/18px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
  text-align: center;
  text-decoration: none;
  white-space: nowrap;
}
#primary-navigation .nav-link:hover {
  background: linear-gradient(to bottom, #fef3de, #ffefae);
  color: #01448a;
}
#primary-navigation .nav-link:active {
  background: linear-gradient(to bottom, #fef3de, #ffff00);
  color: #01448a;
}
#primary-navigation .nav-link.is-current {
  background: linear-gradient(to bottom, #def1fe, #31b9f1);
  color: #2c2e7e;
}
/* Draw the lower separator here; old page-specific negative margins varied. */
#navigation-band::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 9px;
  background: linear-gradient(to bottom,
    #fff 0 1px, #02c1ff 1px 4px, #0050a4 4px 9px);
}
/* Keep the two header separator bands at the same position on every page. */
#panel-004 {
  margin-top: 13px;
  height: 5px;
}
#panel-005 { height: 5px; }
#panel-006 {
  margin-top: -1px;
  margin-bottom: -1px;
  height: 3px;
}
#panel-007 { height: 3px; }