#header_wrap {
  border-top: 5px solid #4fa7b2;
  background: #fff;
  /*height: 85px;*/
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 50;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); }
  #header_wrap > .inner {
    justify-content: space-between;
    align-items: center; }
    @media screen and (max-width: 768px) {
      #header_wrap > .inner {
        display: block; } }
    #header_wrap > .inner #header_logo {
      margin: 0; }
      @media screen and (max-width: 768px) {
        #header_wrap > .inner #header_logo {
          text-align: center;
          margin: 7px 0 0; } }
      #header_wrap > .inner #header_logo img {
        width: 200px; }
    #header_wrap > .inner #navi_wrap {
      padding: 0;
      width: 100%; }
      @media screen and (max-width: 1160px) {
        #header_wrap > .inner #navi_wrap {
          background: #fff;
          position: fixed;
          top: 61px;
          left: 0;
          right: 0;
          border-top: 1px solid #999;
          display: none; } }
      @media screen and (max-width: 768px) {
        #header_wrap > .inner #navi_wrap {
          top: 89px; } }
      #header_wrap > .inner #navi_wrap ul {
        padding: 0;
        margin: 0;
        justify-content: flex-end; }
        @media screen and (max-width: 1160px) {
          #header_wrap > .inner #navi_wrap ul {
            width: 100%;
            display: block; } }
        #header_wrap > .inner #navi_wrap ul li {
          list-style: none; }
          @media screen and (max-width: 1160px) {
            #header_wrap > .inner #navi_wrap ul li {
              border-bottom: 1px solid #999; } }
          #header_wrap > .inner #navi_wrap ul li a {
            color: #333;
            text-decoration: none;
            padding: 0 15px;
            border-right: 1px solid #aaa; }
            #header_wrap > .inner #navi_wrap ul li a:hover, #header_wrap > .inner #navi_wrap ul li a.active {
              color: #da6059; }
            #header_wrap > .inner #navi_wrap ul li a.unactive {
              color: #999; }
              #header_wrap > .inner #navi_wrap ul li a.unactive:hover {
                color: #999; }
            @media screen and (max-width: 1160px) {
              #header_wrap > .inner #navi_wrap ul li a {
                border-right: none;
                display: block;
                padding: 10px 29px; } }
          #header_wrap > .inner #navi_wrap ul li:last-child a {
            border: none; }
    #header_wrap > .inner nav .flex {
      align-items: center;
      justify-content: center;
      padding: 10px; }
      @media screen and (max-width: 768px) {
        #header_wrap > .inner nav .flex {
          display: block;
          text-align: center;
          position: relative;
          padding: 10px 10px 20px; } }
      #header_wrap > .inner nav .flex a {
        margin: 0 13px;
        font-size: 14px;
        font-weight: bold;
        color: #fff;
        text-decoration: none;
        border-radius: 50px;
        padding: 7px 40px;
        white-space: nowrap; }
        #header_wrap > .inner nav .flex a:first-child {
          background: #53a654; }
          #header_wrap > .inner nav .flex a:first-child:hover {
            background: #4fa7b2; }
        #header_wrap > .inner nav .flex a:nth-child(2) {
          background: #8800a0; }
          #header_wrap > .inner nav .flex a:nth-child(2):hover {
            background: #a93dbf; }
        @media screen and (max-width: 1160px) {
          #header_wrap > .inner nav .flex a {
            padding: 7px 25px; } }
    #header_wrap > .inner nav #sp_menu {
      border-style: solid none;
      border-width: 4px;
      border-color: #666;
      width: 30px;
      height: 24px;
      padding-top: 6px;
      cursor: pointer;
      display: none; }
      @media screen and (max-width: 1160px) {
        #header_wrap > .inner nav #sp_menu {
          display: block; } }
      @media screen and (max-width: 768px) {
        #header_wrap > .inner nav #sp_menu {
          position: absolute;
          top: 10px;
          right: 10px; } }
      #header_wrap > .inner nav #sp_menu:before {
        content: '';
        display: block;
        background: #666;
        height: 4px;
        width: 100%; }