@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 {
  color: #F68300;
  border: solid 1px #F68300;
  font-size: 14px;
  padding: 0 2px 1px 2px;
  line-height: 105%;
  letter-spacing: 0.05em;
  min-width: 34px;
}
.secForm .inputBox .titleRow .icon.require {
  color: #ffffff;
  border-color: #BE2F32;
  background: #BE2F32;
}
.secForm .inputBox .titleRow .titleText {
  font-weight: bold;
}
.secForm .inputBox .titleNote {
  font-weight: 500;
}
.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 #BFBFBF;
}
.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: #BFBFBF;
}
.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: #BFBFBF;
}
.secForm .inputBox .inputRow input[type=file] {
  color: #F68300;
}
.secForm .inputBox .inputRow input[type=file]::file-selector-button {
  background-color: #ffffff;
  border: solid 1px #F68300;
  color: #F68300;
  padding: 14px 20px;
  cursor: pointer;
  transition: background-color 0.4s, color 0.4s;
}
.secForm .inputBox .inputRow input[type=file]::file-selector-button:hover {
  background-color: #F68300;
  color: #ffffff;
}
.secForm .inputBox .inputRow .fileRow {
  border-bottom: solid 1px #A8A8A8;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  row-gap: 8px;
}
.secForm .inputBox .inputRow .fileRow .fileHead {
  font-weight: bold;
}
.secForm .formSectionTitle {
  background: #F0B000;
  font-weight: bold;
}
.secForm .policyText {
  text-align: center;
}
.secForm .policyText .policyLink {
  color: #F68300;
  border-bottom: solid 1px #F68300;
}
.secForm .submitButtonArea {
  text-align: center;
}

@media only screen and (max-width: 1079px) {
  .secForm .inputBox .titleRow .titleText {
    font-size: clamp(14px, 4.62vw, 18px);
  }
  .secForm .inputBox .titleNote {
    font-size: 14px;
    padding: 0 0 10px 40px;
  }
  .secForm .inputBox .inputRow input[type=file] {
    font-size: clamp(14px, 3.85vw, 15px);
  }
  .secForm .inputBox .inputRow input[type=file]::file-selector-button {
    padding: 10px 14px;
  }
  .secForm .inputBox .inputRow .fileRow {
    -moz-column-gap: 10px;
         column-gap: 10px;
    padding: 16px 0;
  }
  .secForm .inputBox .inputRow .fileRow .fileHead {
    font-size: clamp(14px, 4.36vw, 17px);
  }
  .secForm .formSectionTitle {
    font-size: clamp(14px, 4.62vw, 18px);
    padding: 12px 12px;
    margin: 8px 0 16px 0;
  }
  .secForm .policyText {
    font-size: 14px;
  }
  .secForm .policyText .checkRow {
    font-size: clamp(14px, 3.85vw, 15px);
    padding: 24px 0 32px 0;
  }
}
@media print, screen and (min-width: 1080px) {
  .secForm .inputBox .titleRow .titleText {
    font-size: clamp(14px, 1.25vw, 18px);
  }
  .secForm .inputBox .titleNote {
    font-size: clamp(14px, 1.04vw, 15px);
    padding: 0 0 10px 40px;
  }
  .secForm .inputBox .inputRow .fileRow {
    -moz-column-gap: 18px;
         column-gap: 18px;
    padding: 20px 0;
  }
  .secForm .inputBox .inputRow .fileRow .fileHead {
    font-size: clamp(14px, 1.25vw, 18px);
  }
  .secForm .formSectionTitle {
    font-size: clamp(14px, 1.53vw, 22px);
    padding: 16px 20px;
    margin: 8px 0 24px 0;
  }
  .secForm .policyText {
    font-size: clamp(14px, 1.11vw, 16px);
  }
  .secForm .policyText .checkRow {
    font-size: clamp(14px, 1.25vw, 18px);
    padding: 16px 0 32px 0;
  }
}/*# sourceMappingURL=common_contact.css.map */