@charset "UTF-8";
/*テキスト*/
.fs-xl {
  font-size: 165%;
}

.fs-lg {
  font-size: 130%;
}

.fs-sm {
  font-size: 75%;
}

.fs-xs {
  font-size: 60%;
}

@media (min-width: 768px) and (max-width: 959px) {
  .fs-20-tablet {
    font-size: 20px !important;
  }
}

/*ブレークポイント表示・非表示*/
.show-pc {
  display: none;
}
@media screen and (min-width: 960px) {
  .show-pc {
    display: block;
  }
}

.show-tablet {
  display: none;
}
@media (min-width: 768px) and (max-width: 959px) {
  .show-tablet {
    display: block;
  }
}

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

.show-pc-tablet {
  display: none;
}
@media screen and (min-width: 768px) {
  .show-pc-tablet {
    display: block;
  }
}

.show-sp-tablet {
  display: none;
}
@media screen and (max-width: 959px) {
  .show-sp-tablet {
    display: block;
  }
}

/*既存モジュール拡張*/
.h-appeal .ttl.ttl-center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/*映像の魅力*/
.charm-kv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 120px;
  background: url(../images/fuji.jpg) no-repeat top -5px center;
  background-size: cover;
}
@media (min-width: 320px) {
  .charm-kv {
    height: calc(7.5rem + ((1vw - 3.2px) * 17.9104));
  }
}
@media (min-width: 990px) {
  .charm-kv {
    height: 240px;
  }
}
@media screen and (max-width: 767px) {
  .charm-kv {
    width: calc(100% + 50px);
    margin: 0 -25px;
  }
}
.charm-kv .charm-kv-img {
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}
.charm-kv .charm-kv-img img {
  width: 680px;
  margin: auto;
}
@media screen and (max-width: 989px) {
  .charm-kv .charm-kv-img img {
    width: 80%;
  }
}
@media screen and (max-width: 767px) {
  .charm-kv .charm-kv-img img {
    width: 85%;
  }
}