@charset "UTF-8";
/* mailform.scss

***************************************

mailform

*****************************************/
.mailform {
  padding-top: 60px;
  padding-bottom: 120px; }
  .mailform table {
    width: 100%;
    text-align: left; }
  .mailform input, .mailform textarea {
    max-width: 100%;
    padding: 10px 10px;
    width: 100%;
    box-sizing: border-box; }
  .mailform select {
    max-width: 100%;
    padding: 10px 10px;
    background: white;
    border: none;
    box-sizing: border-box;
    border-radius: 8px; }
  .mailform .w100 {
    width: 100%; }
  .mailform table, .mailform tbody, .mailform tr, .mailform th, .mailform td {
    display: block; }
  .mailform th {
    padding-bottom: 5px; }
  .mailform td {
    padding-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .mailform .white-in-box {
      padding: 5%; } }

.form-required {
  margin-bottom: 10px; }
  @media print, screen and (min-width: 768px) {
    .form-required {
      padding-left: 60px; } }

.form-privacy-check span {
  font-weight: bold; }

.mailform__send__btn {
  /* iOSでのデフォルトスタイルをリセット */ }
  .mailform__send__btn input[type="submit"],
  .mailform__send__btn input[type="button"] {
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box; }
    .mailform__send__btn input[type="submit"]::-webkit-search-decoration,
    .mailform__send__btn input[type="button"]::-webkit-search-decoration {
      display: none; }
    .mailform__send__btn input[type="submit"]::focus,
    .mailform__send__btn input[type="button"]::focus {
      outline-offset: -2px; }

@media print, screen and (min-width: 768px) {
  .wpcf7-response-output {
    margin: -60px auto 100px !important;
    max-width: 500px;
    text-align: center; } }
@media screen and (max-width: 767px) {
  .wpcf7-response-output {
    margin: -30px auto 100px !important;
    width: 90%; } }

.wpcf7-spinner {
  position: absolute !important;
  bottom: -40px;
  left: 50%;
  margin-left: -12px !important; }
