#pageContact .noteArea {
  background: #F5FAFD;
}
#pageContact .formArea input[type=text],
#pageContact .formArea input[type=email],
#pageContact .formArea input[type=tel],
#pageContact .formArea textarea {
  width: 100%;
  border: solid 1px #B7B7B7;
  border-radius: 4px;
  padding: 8px 16px;
}
#pageContact .formArea input[type=submit] {
  cursor: pointer;
  background: #064B87;
  color: #ffffff;
  width: 100%;
  font-weight: bold;
  padding: 20px 0;
  transition: opacity 0.5s;
  opacity: 1;
}
#pageContact .formArea input[type=submit]:hover {
  opacity: 0.7;
}
#pageContact .formArea .formList .listType .typeIcon {
  text-align: center;
  background: #ffffff;
  color: #064B87;
  border: solid 1px #064B87;
}
#pageContact .formArea .formList .listType .typeIcon.required {
  background: #064B87;
  color: #ffffff;
  border: solid 1px #064B87;
}
#pageContact .formArea .formList .listName {
  font-weight: 500;
}
#pageContact .formArea .formList .listForm label {
  margin: 0 32px 8px 0;
  display: inline-block;
}
#pageContact .formArea .privacyText {
  text-align: center;
}
#pageContact .formArea .privacyText a {
  text-decoration: underline;
}
#pageContact .formArea .privacyCheck {
  text-align: center;
}
#pageContact .formArea .submitWrap {
  margin: 0 auto;
  width: min(100%, 360px);
}

@media only screen and (max-width: 767px) {
  #pageContact .noteArea {
    padding: 16px 16px;
    font-size: 14px;
    margin: 0 0 20px 0;
  }
  #pageContact .formArea .formList {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    border-top: solid 1px #DCE9F2;
    padding: 16px 0;
    row-gap: 16px;
  }
  #pageContact .formArea .formList .listType {
    width: 45px;
    margin-right: 8px;
    font-size: 13px;
  }
  #pageContact .formArea .formList .listName {
    width: 178px;
    font-size: clamp(14px, 3.85vw, 16px);
  }
  #pageContact .formArea .formList .listForm {
    width: 100%;
    font-size: clamp(14px, 4.1vw, 15px);
  }
  #pageContact .formArea .formList .listForm textarea {
    height: 130px;
  }
  #pageContact .formArea .privacyText {
    padding: 24px 0 24px 0;
    font-size: 14px;
  }
  #pageContact .formArea .privacyCheck {
    padding: 0 0 40px 0;
    font-size: 14px;
  }
  #pageContact .formArea .submitWrap {
    font-size: clamp(14px, 3.85vw, 16px);
  }
}
@media print, screen and (min-width: 768px) {
  #pageContact .noteArea {
    padding: 24px 32px;
    font-size: clamp(14px, 1.25vw, 15px);
    margin: 0 0 20px 0;
  }
  #pageContact .formArea .formList {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    border-top: solid 1px #DCE9F2;
    padding: 16px 0;
  }
  #pageContact .formArea .formList .listType {
    width: 45px;
    margin-right: 16px;
    font-size: 14px;
    padding: 10px 0 0 0;
  }
  #pageContact .formArea .formList .listName {
    width: 178px;
    font-size: clamp(14px, 1.42vw, 17px);
    padding: 8px 0 0 0;
  }
  #pageContact .formArea .formList .listForm {
    width: calc(100% - 61px - 178px);
    font-size: clamp(14px, 1.33vw, 16px);
  }
  #pageContact .formArea .formList .listForm textarea {
    height: 150px;
  }
  #pageContact .formArea .privacyText {
    padding: 24px 0 24px 0;
  }
  #pageContact .formArea .privacyCheck {
    padding: 0 0 40px 0;
  }
  #pageContact .formArea .submitWrap {
    font-size: clamp(14px, 1.33vw, 16px);
  }
}/*# sourceMappingURL=style.css.map */