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

/* kv
----------------------------------- */
.l-kv {
  margin: -103px 0 0;
  @include f.mq(pc) {
    background: url('#{f.$imgPath}fv_bg.jpg') rgba(255, 255, 255, 0) no-repeat 50% 50%;
    background-size: cover;
  }
  &__ttl {
    position: relative;
    z-index: 2;
    margin: 0 auto;
    max-width: calc(100% - 40px);
    img {
      margin: 0 auto;
      display: block;
    }
  }
  &__img {
    margin: -110px auto 0;
    display: block;
    max-width: calc(100% - 150px);
  }
}

@media screen and (min-width:768px) and ( max-width:1200px) {
  .l-kv {
    margin-top: -9%;
    &__img {
      margin-top: -7.5%;
    }
  }
}

@include f.mq(sp) {
  .l-kv {
    margin-top: -3%;
    &__ttl {
      max-width: 100%;
      img {
        width: 100%;
      }
    }
    &__img {
      margin-top: -8.2%;
      max-width: 100%;
      width: 100%;
    }
  }
}