.wpforms-hidden {
  display: none;
}

/* 入力コントロール領域(共通設定) */
.wpforms-field-container {
  padding: 0 120px;

  /* 入力項目（ラベル） */
  .wpforms-field label,
  .wpforms-field legend {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 16px;
    color: #333;
    margin: 0px;
    font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  }

  /* 必須マーク */
  .wpforms-required-label {
    color: #4C7FD7 !important;
    font-size: 16px;
    vertical-align: middle;
  }

  /* 入力項目ごとの間隔 */
  .wpforms-field:nth-child(n+2) {
    padding: 8px 0px 0px 0px;
  }
}

/* 入力コントロール領域（個別設定） */
.wpforms-field-container {

  /* 単一行テキスト */
  .wpforms-field-text {
    display: block;
    font-size: 16px;
    color: #333;
    padding: 0 !important;

    input {
      width: 100%;
      max-width: 100% !important;
      height: 50px;
      border: 1px solid #cccccc !important;
      margin: 10px 0 !important;
      padding: 15px !important;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      border-radius: 50px !important;
    }
  }

  /* 段落テキスト */
  .wpforms-field-textarea {
    textarea {
      height: auto;
      min-height: 270px !important;
      width: 100%;
      border: 1px solid #cccccc;
      margin: 10px 0;
      padding: 15px !important;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      border-radius: 20px;
    }
  }

  /* ドロップダウン */
  .wpforms-field-select {
    select {
      width: 100%;
      max-width: 100% !important;
      height: auto;
      border: 1px solid #cccccc;
      margin: 10px 0;
      appearance: none;
      padding: 13px 15px;
      background-image: url(../icons/arrow-down.svg);
      background-position: right 10px center;
      background-repeat: no-repeat;
      background-size: 25px 25px;
      text-overflow: ellipsis;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      border-radius: 50px;
    }
  }

  /* 数字 */
  .wpforms-field-number {
    input {
      width: 100%;
      height: 50px;
      border-radius: 100px;
      border: 1px solid #cccccc;
      margin: 10px 0;
      padding: 15px;
    }
  }

  /* 名前 */
  .wpforms-field-name {
    label {
      display: none;
    }

    fieldset {
      min-width: 0;
      padding: 0;
      margin: 0;
      border: 0;
    }

    .wpforms-field-row {
      display: flex;
      max-width: 100% !important;
    }

    .wpforms-field-row-block {
      width: calc(100% - 10px);
    }

    .wpforms-field-row-block:nth-child(n+2) {
      width: 50%;
      padding: 0px 0px 0px 10px;
    }

    input {
      width: 100%;
      height: 50px;
      border: 1px solid #cccccc !important;
      margin: 10px 0 !important;
      padding: 15px !important;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      border-radius: 50px !important;
    }
  }

  /* メールアドレス */
  .wpforms-field-email {
    input {
      width: 100%;
      max-width: 100% !important;
      height: 50px;
      border: 1px solid #cccccc !important;
      margin: 10px 0 !important;
      padding: 15px !important;
      font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
      border-radius: 50px !important;
    }
  }

  /* ラジオボタン(非対応) */
  .wpforms-field-radio {}

  /* チェックボックス(非対応) */
  .wpforms-field-checkbox {}

  /* 番号スライダー(非対応) */
  .wpforms-field-number-slide {}
}

/* チェックボックス */
input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  border: solid 1px !important;
  border-radius: 2px !important;
  display: inline-block !important;
  cursor: pointer !important;
  appearance: auto !important;
}

.wpforms-field-limit-text {
  display: none;
}

/* ボタン */
.wpforms-submit-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 200px !important;

  button {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px 0 !important;
    background: #4C7FD7 !important;
    color: #fff !important;
    text-decoration: none;
    border-radius: 30px !important;
    font-size: 14px;
    transition: .3s cubic-bezier(0.5, 1, 0.89, 1);
    width: 300px !important;
    min-height: 48px !important;
    border: 0;
  }

  button:hover {
    background: #fff;
    border: solid 1px #4C7FD7;
    color: #4C7FD7;
  }

  .wpforms-form.wpforms-field select:focus,
  .wpforms-form.wpforms-field textarea:focus {
    border: 1px solid #cccccc !important;
    outline: none !important;
    background: #fff !important;
  }
}