header {
  background-color: #2d4486; }
  @media screen and (max-width: 700px) {
    header {
      position: fixed;
      z-index: 9999;
      width: 100%;
      filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.47));
      -webkit-filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.47));
      -moz-filter: drop-shadow(0px 4px 7px rgba(0, 0, 0, 0.47)); } }
  header > .inner {
    max-width: 1000px;
    margin: auto;
    padding: 1em 1em;
    height: 63px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center; }
    header > .inner .header-logo a figure img {
      width: 40px;
      height: 31px; }
    header > .inner nav ul {
      display: inline;
      list-style: none; }
      header > .inner nav ul li {
        display: inline; }
      header > .inner nav ul li {
        padding: .5em; }
        @media screen and (min-width: 701px) {
          header > .inner nav ul li {
            font-size: 14px; } }
    @media screen and (max-width: 700px) {
      header > .inner nav.pc {
        display: none; } }
    @media screen and (min-width: 701px) {
      header > .inner nav.sp {
        display: none; } }
    header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch {
      width: 20px;
      height: 20px;
      display: inline-block;
      position: relative; }
      header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch span {
        transition: 0.3s;
        position: absolute;
        left: 0;
        display: inline-block;
        background: white;
        box-sizing: border-box;
        width: 20px;
        height: 2px;
        border-radius: 10px; }
        header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch span:nth-of-type(1) {
          top: 2.8333333333px; }
        header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch span:nth-of-type(2) {
          top: 8.5px; }
        header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch span:nth-of-type(3) {
          top: 14.1666666667px; }
      header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch.active span:nth-of-type(1) {
        -webkit-transform: translateY(5.6666666667px) rotate(-45deg);
        transform: translateY(5.6666666667px) rotate(-45deg); }
      header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch.active span:nth-of-type(2) {
        opacity: 0; }
      header > .inner nav.sp .hamberger-wrapper .inner #hamberger-toggle-switch.active span:nth-of-type(3) {
        -webkit-transform: translateY(-5.6666666667px) rotate(45deg);
        transform: translateY(-5.6666666667px) rotate(45deg); }
  header #sp-nav-body {
    display: none;
    text-align: right;
    padding: 0 1em;
    padding-bottom: 1em; }
    @media screen and (min-width: 701px) {
      header #sp-nav-body {
        display: none; } }
    header #sp-nav-body ul {
      list-style: none; }
  header a {
    color: white; }

/*# sourceMappingURL=header.css.map */