@use "../foundation/import" as f;

/* header
--------------------------------------------- */
.l-head {
  position: relative;
  z-index: 10;
  width: 100%;
  padding: 4px 0 0;
  background-color: #FFF;
  &__inner {
    display: flex;
    padding: 10px 0;
  }
  &__logo {
    display: block;
    width: 270px;
    img {
      display: block;
      max-width: 100%;
    }
  }
}

@include f.mq(sp) {
  .l-head {
    &__inner {
      padding: 10px;
    }
    &__logo {
      width: 209px;
      max-width: 50%;
      img {
        width: 100%;
      }
    }
  }
}