@charset "UTF-8";

@media screen and (min-width: 769px) {
  header:not(.on) {
    padding-top: 24px;
  }
  header .leftBox {
      width: 216px;
  }
  header .rightBox{
    transition: padding-bottom ease .3s;
  }
  header:not(.on) .rightBox{
    padding-bottom: 6px;
  }
  body.lower:not(.bodyLogin) header {
    padding-top: 23px;
    padding-bottom: 26px;
  }
}
body.bodyLogin header .leftBox .leadWireTab{
  display: none;
}
header .leftBox .leadWireTab {
  width: 216px;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
  flex-direction: row;
  margin-bottom: 21px;
}
header .leftBox .leadWireTab__list{
  width: 50%;
}
header .leftBox .leadWireTab__list.portal {
  border-radius: 20px 0 0 20px;
}
header .leftBox .leadWireTab__list.portal .leadWireTab__tab {
  border-radius: 20px 0 0 20px;
}
header .leftBox .leadWireTab__list.ec {
  border-radius: 0 20px 20px 0;
}
header .leftBox .leadWireTab__list.ec .leadWireTab__tab {
  border-radius: 0 20px 20px 0;
}
header .leftBox .leadWireTab__tab {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  height: 20px;
  font-size: 11px;
  line-height: 1;
  position: relative;
  padding-bottom: 1px;
}
header .leftBox .leadWireTab a {
  background-color: #fff;
  color: #182e69;
  transition: color ease 0.3s, border-color ease 0.3s, background-color ease 0.3s;
}
.lower header .leftBox .leadWireTab a {
  background-color:#ebeff3;
}
@media screen and (min-width: 769px) {
  .lower header .leftBox .leadWireTab a:hover,
  header .leftBox .leadWireTab a:hover {
    background-color: #182e69;
    color: #fff;
  }
}
header .leftBox .leadWireTab span {
  background-color: #182e69;
  color: #fff;
}
header .leftBox .leadWireTab span::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 5px 0 5px;
  border-color: #182e69 transparent transparent transparent;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  bottom: -8px;
}
header.on .leftBox .leadWireTab {
  display: none;
}

















@media screen and (max-width: 48em){
  body:not(.bodyLogin) {
    padding-top: 90px;
  }
  body:not(.bodyLogin) header:not(.on){
    padding-top: 46px;
    height: 90px;
  }
  body.lower:not(.bodyLogin) header:not(.on){
    padding-top: 46px;
  }
  footer .bottomBlock .leftBox ul {
    max-width: none;
  }
  footer .bottomBlock .leftBox ul li {
    margin-right: 15px;
  }
  header .leftBox .leadWireTab {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    margin-bottom: 0;
  }
  header .leftBox .leadWireTab__list.portal {
    border-radius: 0;
  }
  header .leftBox .leadWireTab__list.portal .leadWireTab__tab {
    border-radius: 0;
  }
  header .leftBox .leadWireTab__list.ec {
    border-radius: 0;
  }
  header .leftBox .leadWireTab__list.ec .leadWireTab__tab {
    border-radius: 0;
  }
  header .leftBox .leadWireTab__tab {
    height: 25px;
    font-size: 11px;
  }
  header .leftBox .leadWireTab a {
    background-color: #eff0f1;
    color: #023f98;
  }
  header .leftBox .leadWireTab span {
    background-color: #eaf5fb;
    color: #023f98;
  }
  body.lower header .leftBox .leadWireTab span {
    background-color: #fff;
  }
  header .leftBox .leadWireTab span::after {
    content: none;
  }
}