@charset "UTF-8";

@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700;800&display=swap";
@media (min-width: 768px), print {
  .forSp {
    display: none !important;
  }
}
@media only screen and (max-width: 767px) {
  .forPc {
    display: none !important;
  }
}
.textarea {
  width: 100%;
}
@media (min-width: 768px), print {
  .textarea {
    max-width: 587px;
  }
}
.textarea--error .textarea__textarea {
  border: 2px solid #e60009;
  padding: 7px 11px;
}
.textarea__textarea {
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 6px;
  color: #333;
  font-size: 16px;
  height: 140px;
  max-width: 100%;
  outline: none;
  padding: 8px 12px;
  width: 100%;
}
@media (min-width: 768px), print {
  .textarea__textarea {
    width: 486px;
  }
}
.textarea__textarea:focus-visible {
  border: 2px solid #003894;
  padding: 7px 11px;
}
.textarea__textarea::-moz-placeholder {
  color: #999;
}
.textarea__textarea::placeholder {
  color: #999;
}
.inquiryForm .text {
  margin-bottom: 16px;
}
.inquiryForm .textLink--arrow {
  font-family:
    "M PLUS Rounded 1c",
    sans-serif;
  margin-bottom: 12px;
}
.inquiryForm .text + .formArea {
  margin-top: 40px;
}
@media (min-width: 768px), print {
  .inquiryForm .text + .formArea {
    margin-top: 60px;
  }
}
.inquiryCompleted__message {
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 16px;
}
@media only screen and (max-width: 767px) {
  .inquiryCompleted__message {
    font-size: 16px;
  }
}
.inquiryCompleted .text {
  margin-bottom: 16px;
}
.inquiryCompleted .textLink {
  margin-bottom: 12px;
}