/* CLS (Cumulative Layout Shift - JS実行完了までの縦方向の意図しない画面移動) 防止 */

.header-area {
  min-height: calc(122px + 25.5px);
  margin-bottom: 10px;
}
.footer-area {
  height: 56px;
}

/* ヘッダーグローバルナビゲーション部分 JIS X 8341-3:2016 1.4.3対応用 改修CSS */
#navi.navi-bg {
  background-image: none;
  color: #ffffff;
  background-color: #181F65;
}
#navi.navi-bg li {
  position: relative;
}
#navi.navi-bg li a {
  height: 1.85em;
  border: none;
  border-left: 1px solid #E6EEFF;
}
#navi.navi-bg li:last-child a {
  border-right: 1px solid #E6EEFF;
}
#navi.navi-bg li:hover a, #navi.navi-bg li a:hover, #navi.navi-bg li a.activ{
  padding-top: 0.9em;
  background-image: none;
  color: #181F65;
  background-color: #E6EEFF;
  & span {
    color: #181F65;
  }
}
#navi.navi-bg li:hover:after {
  position: absolute;
  border-bottom: 5px solid #fbc100;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  bottom: 0.2em;
  translate: -5px 0;
  content: "";
  margin: auto;
  position: absolute;
}