@font-face {
  font-family: "Noto Sans JP";
  font-weight: 400;
  font-display: swap;
  src: url(../media/files/fonts/NotoSansJP-Regular.woff);
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 500;
  font-display: swap;
  src: url(../media/files/fonts/NotoSansJP-Medium.woff);
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 700;
  font-display: swap;
  src: url(../media/files/fonts/NotoSansJP-Bold.woff);
}
@font-face {
  font-family: "Noto Sans JP";
  font-weight: 900;
  font-display: swap;
  src: url(../media/files/fonts/NotoSansJP-Black.woff);
}
@font-face {
  font-family: "M PLUS Rounded 1c";
  font-weight: 900;
  font-display: swap;
  src: url(../media/files/fonts/NotoSansJP-Black.woff);
}
.p-home-kv {
  height: 100vh;
  width: 100%;
  padding: 32px;
}
@media only screen and (max-width: 767px) {
  .p-home-kv {
    padding: 88px 16px 32px;
  }
}

.p-home-kv__inner {
  height: 100%;
  position: relative;
}
.p-home-kv__movie-wrap {
  overflow: hidden;
  height: 100%;
  border-radius: 40px;
}

.p-home-kv__movie {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

@media only screen and (max-width: 767px) {
  .p-home-kv__movie--pc {
    display: none;
  }
}

.p-home-kv__movie--sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .p-home-kv__movie--sp {
    display: block;
  }
}

.p-home-kv__image-wrap {
  position: absolute;
  top: 21.8%;
  left: 5.15%;
}
@media only screen and (max-width: 767px) {
  .p-home-kv__image-wrap {
    top: 16px;
    left: 16px;
  }
}

.p-home-kv__image {
  width: 46.1vw;
  max-width: 840px;
}
@media only screen and (max-width: 767px) {
  .p-home-kv__image {
    width: 218px;
  }
}

/*.p-home-kv__image{
    border-radius: 40px;
    object-fit: cover;
    height: 100%;
    width: 100%;
    @media only screen and (max-width: 767px) {
        height: auto;
    }
}*//*# sourceMappingURL=home_first_view.css.map */