@charset "UTF-8";
/*-------------------------------------
お問い合わせフォーム共通スタイル
-------------------------------------*/
.secForm .inputBox {
  padding: 0 0 24px 0;
}
.secForm .inputBox .titleRow {
  display: flex;
  justify-content: flex-start;
  align-items: baseline;
  -moz-column-gap: 10px;
       column-gap: 10px;
  padding: 0 0 10px 0;
  row-gap: 8px;
}
.secForm .inputBox .titleRow .icon {
  font-size: 12px;
  font-weight: 500;
}
.secForm .inputBox .titleRow .icon.require {
  color: #B12404;
}
.secForm .inputBox .inputRow input[type=text],
.secForm .inputBox .inputRow input[type=email],
.secForm .inputBox .inputRow input[type=tel],
.secForm .inputBox .inputRow input[type=number],
.secForm .inputBox .inputRow input[type=date],
.secForm .inputBox .inputRow select,
.secForm .inputBox .inputRow textarea {
  width: 100%;
  background-color: #ffffff;
  padding: 10px;
  font-size: 16px;
  border: solid 1px #ADADAD;
  border-radius: 5px;
}
.secForm .inputBox .inputRow input[type=text]::-moz-placeholder, .secForm .inputBox .inputRow input[type=email]::-moz-placeholder, .secForm .inputBox .inputRow input[type=tel]::-moz-placeholder, .secForm .inputBox .inputRow input[type=number]::-moz-placeholder, .secForm .inputBox .inputRow input[type=date]::-moz-placeholder, .secForm .inputBox .inputRow select::-moz-placeholder, .secForm .inputBox .inputRow textarea::-moz-placeholder {
  color: #B3B3B3;
}
.secForm .inputBox .inputRow input[type=text]::placeholder,
.secForm .inputBox .inputRow input[type=email]::placeholder,
.secForm .inputBox .inputRow input[type=tel]::placeholder,
.secForm .inputBox .inputRow input[type=number]::placeholder,
.secForm .inputBox .inputRow input[type=date]::placeholder,
.secForm .inputBox .inputRow select::placeholder,
.secForm .inputBox .inputRow textarea::placeholder {
  color: #B3B3B3;
}
.secForm .policyText .policyLink {
  text-decoration: underline;
}
.secForm .noteArea {
  background: #F5F5F5;
}
@media only screen and (max-width: 767px) {
  .secForm .noteArea {
    padding: 16px;
  }
  .secForm .noteArea .noteTitle {
    font-size: clamp(14px, 3.85vw, 15px);
    padding: 0 0 8px 0;
  }
  .secForm .noteArea .noteContent {
    font-size: 13px;
    padding: 0 0 8px 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secForm {
    width: min(100%, 900px);
    margin: 0 auto;
  }
  .secForm .inputBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
  .secForm .inputBox .titleRow {
    width: 200px;
    padding: 6px 0 0 0;
  }
  .secForm .inputBox .titleRow .titleText {
    width: 160px;
    font-size: 15px;
  }
  .secForm .inputBox .titleRow .icon {
    width: 40px;
  }
  .secForm .inputBox .inputRow {
    width: min(100% - 200px, 635px);
  }
  .secForm .policyText {
    padding: 20px 0 16px 0;
  }
  .secForm .noteArea {
    padding: 18px 10px 22px 3.3%;
  }
  .secForm .noteArea .noteTitle {
    font-size: clamp(14px, 1.04vw, 15px);
    padding: 0 0 6px 0;
  }
  .secForm .noteArea .noteContent {
    font-size: 13px;
    padding: 0 0 6px 0;
  }
}/*# sourceMappingURL=common_contact.css.map */