.header_sp {
  height: 50px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
width: 100%; margin-bottom: 5px;
}

.logo_sp {  font-weight: 700;  padding-left: 14px; margin-top: -10px;}
.hamburger-menu {
  width: 50px;
  height: 50px;
  position: relative;
  border: none;
  background: transparent;
  appearance: none;
  padding: 0;
  cursor: pointer;
}
.hamburger-menu__bar {
  display: inline-block;
  width: 44%;
  height: 2px;
  background: #242424;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: .5s;
}
.hamburger-menu__bar:first-child {  top: 16px;}
.hamburger-menu__bar:nth-child(2) {  top: 24px;}
.hamburger-menu__bar:last-child {  top: 32px;}
.hamburger-menu--open .hamburger-menu__bar {  top: 50%;}
.hamburger-menu--open .hamburger-menu__bar:first-child {
  transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.hamburger-menu--open .hamburger-menu__bar:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(-45deg);}
.hamburger-menu--open .hamburger-menu__bar:nth-child(2) {  display: none;}

.navigation {  display: none;  background: #002149;  position: absolute;  top: 55px;  width: 100%;  z-index: 9999; opacity: 0.85;}
.navigation__list {  text-align: center;  list-style: none;  padding: 0;  margin: 0; font-size: 13px;}
.navigation__list-item {  border-bottom: solid 1px #3B6FAF;}
.navigation__list-item:first-child {  border-top: solid 1px #444b9e;}
.navigation__link {  color: #fff;  font-weight: 700;  text-decoration: none;  display: block;  padding: 14px 0;  transition: .5s;}

@media (hover: hover) and (pointer: fine) {
.navigation__link:hover {    background: #222222; text-decoration: none; color: #ffffff;}
}



.f_under { overflow: hidden; background: #043C9D;}
.und input {    display: none;}
.menu {    max-width: 600px;  text-align: left;}
.menu a {    display: block;    padding: 13px 10px 10px 20px;    text-decoration: none;    color: #000; border-top: 1px solid #01256A;}
.und label {    display: block;	font-size: 13px; line-height: 18px; color :#fff; 
    background-repeat: repeat;    cursor :pointer;
    margin: 0px;    padding : 12px 12px 12px 20px;	border-top: 1px solid #3877C4; }
	
.menu ul {    margin: 0px;    padding: 0px;    background :#ffffff;    list-style: none;}
.menu li {    height: 0;    overflow: hidden; font-size: 13px; line-height: 18px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
#menu_bar01:checked ~ #links01 li,
#menu_bar02:checked ~ #links02 li,
#menu_bar03:checked ~ #links03 li,
#menu_bar04:checked ~ #links04 li,
#menu_bar05:checked ~ #links05 li {
    height: 45px;
    opacity: 1;}
#links05 { border-bottom: 1px solid #3877C4;}