@charset "UTF-8";
/**
* rem変換 ※375以下ではvwとする
* $number 数値
* 例) 32pxをremに変換 (32);
*/
.contact_progress {
  margin-top: 3.2rem;
  margin-bottom: 4.8rem;
}
@media screen and (960px <= width) {
  .contact_progress {
    margin-top: 5.9rem;
    margin-bottom: 2.15rem;
  }
}

.contact_annotation {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  letter-spacing: 0.05em;
  line-height: 2.6666666667;
  text-align: right;
}
.contact_annotation_point {
  color: #D01F1F;
}

.contact_formArea {
  background-color: #F2F2F2;
  border-radius: 1rem;
  padding-block: 1.75rem 7.1rem;
  padding-inline: 1.5rem;
}
@media screen and (960px <= width) {
  .contact_formArea {
    padding-block: 3.2rem 7.1rem;
    padding-inline: 3.6rem;
  }
}
.contact_formArea .bl_information {
  border-radius: 1rem;
  margin-bottom: 4.5rem;
}
@media screen and (960px <= width) {
  .contact_formArea .bl_information {
    margin-bottom: 7.9rem;
  }
}
@media screen and (960px <= width) {
  .contact_formArea .bl_form {
    padding-inline: 5.3rem;
  }
}/*# sourceMappingURL=contact.css.map */