@charset "UTF-8";
/* CSS Document */
/* ！お問い合わせ特有のデザインに関するcssを設定するファイルです！ */
.section-telephone {
  padding-bottom: 300px;
  background: url("images/section-telephone__img.jpg") no-repeat;
  background-position: bottom right;
  background-size: contain;
}
.section-telephone .heading2 {
  padding: 0 24px;
}
.section-telephone__number__wrapper {
  border-left: 1px solid var(--main-color);
  margin-left: 24px;
  padding: 0 24px;
}
.section-telephone__number, .section-telephone__fax {
  font-size: 2.0rem;
}
.section-telephone__number .telephone, .section-telephone__number__wrapper .fax-number {
  font-size: 2.4rem;
  font-weight: 800;
}

.section-telephone__fax {
  margin-bottom: 25px;
}
.section-telephone__hours {
  font-size: 1.4rem;
}
.formrun-embed {
  margin-top: -40px;
  margin-bottom: 80px;
}
/*===========　ローディング　============*/
.loader {
  max-width: 70px;
}
.loader img {
  width: 100%;
}
.loader-bg p {
  text-align: center;
  flex-basis: 100%;
}
.loader-bg {
  justify-content: center;
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 20vh;
}
.loader-bg.-loaded {
  display: none;
}
@media(min-width: 315px) {
  .br-telephone {
    display: none;
  }
}
/*========　ローディングここまで　=========*/
@media(min-width: 768px) {
  .section-telephone {
    max-width: 895px;
    max-height: 308px;
    margin: 0 auto 140px;
  }
  .section-telephone .heading2 {
    padding-top: 30px;
  }
  .formrun-embed {
    margin-top: -70px;
    margin-bottom: 100px;
  }
}