html { scroll-behavior: smooth;}
.serif {
  font-family: serif;
}
.alumni {
  font-family: 'Alumni Sans Collegiate One', sans-serif;
}
.arizona {
  font-family: 'Arizonia', cursive;
}

.not-sans-jp {
  font-family: 'Noto Sans JP', sans-serif;
}
/* メインカラーーを変更する場合はここを編集してください */

.main-bg-color {
  background: #911515;
}
/* サブカラーを変更する場合はここを編集してください */

.sub-bg-color {
  background: #D9D9D9;
}
/* 電話番号ボタンの背景色を変更する場合はここを編集してください */

.phone-bg-color {
  background: #FF7200;
}
/* 上部Pointの背景色を変更する場合はここを編集してください */

.privacy-bg-color {
  background: rgb(217, 217, 217, .5);
}


.point {
  -webkit-text-stroke-width: 0.2px;
  -webkit-text-stroke-color: #911515
}
/* 文字を斜めにする */

.letter-transform {
  transform: rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -webkit-transform: rotate(-10deg);
}
/* PCでもスマホサイズの設定 */

.wrapper {
  width: 92%;
  max-width: 400px;
  margin: 0 auto;
}
/* 動く背景の設定 */

#bg-video {
  position: fixed;
  z-index: -1;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  overflow: hidden;
}
#bg-video img {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  /* 追加 */
}
/* ここから下は手動で調節したもの */

.hero-title-content {
  top: 1rem;
}
.hero-title {
  font-size: 2.5rem;
  line-height: 2.5rem;
  text-shadow: 0 0 30px #333;
}
.hero-points {
  width: 90%;
  position: absolute;
  left: 0;
  top: 30rem;
}

.marker {
  background:linear-gradient(transparent 60%, rgb(231, 132, 39, .4) 0%);
}

body {
  background-image: url(../img/bg_main.jpg);
  background-attachment: fixed;
}

@media screen and (max-width: 390px) and (min-width: 320px) {
  .hero-title-content {
    top: 0rem;
  }
  .hero-points {
    top: 17.5rem;
  }
}
/* 手動調整ここまで */