@charset "UTF-8";
@import url("global.css");
.introduction {
  text-align: center;
}
.introduction .catch {
  font-size: clamp(18px, 3.8vw, 40px);
  font-weight: 600;
  font-family: "Noto Serif JP", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  color: #132240;
  margin-bottom: 30px;
}

.contactform .image {
  max-width: 1320px;
  margin: 25px auto -300px;
  position: relative;
  z-index: 1;
}
.contactform #formarea {
  padding-top: 330px;
}

/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-1 ( 1300px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 1300px) {
  .contactform .image {
    margin-bottom: -21vw;
  }
  .contactform #formarea {
    padding-top: 22vw;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-2 ( 959px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 959px) {
  .introduction .catch {
    margin-bottom: 35px;
  }
  .introduction .text {
    text-align: left;
  }
  .introduction .text br {
    display: none;
  }
  .introduction .text p + p {
    margin-top: 1em;
  }

  .contactform .image {
    margin: 25px -30px -22vw;
  }
  .contactform #formarea {
    padding-top: 23vw;
  }
}
/* ------------------------------------------------------------------------------------------------------------------------

 Responsive-Breakpoint-3 ( 644px )
 
------------------------------------------------------------------------------------------------------------------------ */
@media only screen and (max-width: 644px) {
  .introduction .catch {
    margin-bottom: 25px;
  }

  .contactform .image {
    margin: 20px -3vw -22vw;
  }
}

/*# sourceMappingURL=contact.css.map */
