.hero {
  height: 100vh !important;
}
.hero video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (max-width: 767px) {

body {
    font-family: 'Noto Sans JP', sans-serif;
  }
.service-copy {
    font-size: 12px;
    line-height: 1.4;
  }

  .service-description {
    font-size: 14px;
    line-height: 1.8;
    text-align: left;
    transform: translateX(-12px);
  }
}
@media screen and (max-width: 767px) {

  /* 明日を作る〜提供します。最終指定 */
  .service-copy {
    font-size: 14px;          /* ← 小さくする */
    line-height: 1.6;
    text-align: center;
    transform: translateX(0); /* ← 右ズレを一旦リセット */
  }

}
@media screen and (max-width: 767px) {
  .service-copy {
    background: red !important;
  }
}