@charset "UTF-8";
body {
  -webkit-font-smoothing: antialiased;
  -webkit-overflow-scrolling: touch;
  background: #fff;
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
  font-weight: 500 !important;
  color: #222 !important;
  font-size: 15px;
}

.bg-fv {
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  height: 527px;
  z-index: 0;
  background-image: url(../../assets/img/fv_sp.png);
}

@supports (background-image: url(../../assets/img/fv_sp.webp)) {
  .bg-fv {
    background-image: url(../../assets/img/fv_sp.webp);
  }
}
/* FVタイトル画像のラッパー */
.fv-title-wrapper {
  position: relative;
  width: 100%;
  max-width: 100%;
}
.fv-title-wrapper .fv-region-tag {
  position: absolute;
  top: 18%;
  left: 42%;
  transform: translateX(-50%);
  z-index: 2;
}
.fv-title-wrapper .fv-banner {
  position: absolute;
  bottom: -10px;
  left: 47%;
  transform: translateX(-50%);
  z-index: 2;
}

/* レスポンシブ対応 */
@media screen and (max-width: 767px) {
  .fv-title-wrapper {
    padding: 0 15px;
  }
  .fv-title-wrapper .fv-region-tag {
    left: 50%;
    top: 15%;
  }
  .fv-title-wrapper .fv-banner {
    bottom: -40px;
    left: 55%;
  }
}
@media screen and (min-width: 768px) {
  .bg-fv {
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    height: 650px;
    z-index: 0;
    background-image: url(../../assets/img/n_fv.png);
  }
  @supports (background-image: url(../../assets/img/n_fv.webp)) {
    .bg-fv {
      background-image: url(../../assets/img/n_fv.webp);
    }
  }  
}
.mt-sm-16 {
  margin-top: 16% !important;
}


@media screen and (min-width: 992px) {
  .bg-fv {
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
    height: 650px;
    z-index: 0;
    background-image: url(../../assets/img/n_fv.png);
  }
  @supports (background-image: url(../../assets/img/n_fv.webp)) {
    .bg-fv {
      background-image: url(../../assets/img/n_fv.webp);
    }
  }
  .mt-lg-20 {
    margin-top: 20% !important;
  }
}
.bg-sub {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  height: 224px;
  z-index: 0;
  background-image: url("../../assets/img/bg-sub.png");
}

@supports (background-image: url(../../assets/img/bg-sub.webp)) {
  .bg-sub {
    background-image: url(../../assets/img/bg-sub.webp);
  }
}/*# sourceMappingURL=base.css.map */