@charset "UTF-8";

.hero_video {
  margin-block-end: 60px;
  aspect-ratio: 960/464;
}

.hero_video video {
  width: 100%;
  height: auto;
}

@media not all and (min-width: 415px) {
  .u-is-pc {
    display: none;
  }
  .hero_video {
    margin-block: 0 12.5vw;
  }
  .home .flower01 {
    aspect-ratio: 129/123;
    width: 30vw !important;
    height: auto !important;
    background-size: contain !important;
  }
}

@media (min-width: 415px) {
  .u-is-sp {
    display: none;
  }
}

.page_hero {
  width: 100vw;
  height: calc(274 * 0.3125vw);
  padding: 0;
  margin: 0 auto;
  -webkit-mask: linear-gradient(to top, transparent 0%, #000 5vw);
  mask: linear-gradient(to top, transparent 0%, #000 5vw);
}
:where(.page_hero video) {
  display: block;
}
.page_hero video {
  width: 100%;
  height: auto;
}
@media (min-width: 415px) {
  .page_hero {
    width: 1280px;
    height: 506px;
    -webkit-mask: url('../img/mask_home_hero_pc.webp') no-repeat center / 100% 100%;
    mask: url('../img/mask_home_hero_pc.webp') no-repeat center / 100% 100%;
  }
}