/* ========================================
   フォーム関連
   input / select / textarea / button
======================================== */

/* フォーム共通 */
input,
textarea,
select,
button {
  font: inherit;
}

/* 入力系 */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="date"],
select,
textarea {
  width: 100%;
  padding: 12px 16px;
  border: 1px solid var(--color_border);
  border-radius: var(--radius);
  background: #fff;
}

/* textarea */
textarea {
  min-height: 180px;
  resize: vertical;
}

/* フォーカス時 */
input:focus,
select:focus,
textarea:focus {
  outline: none;
  border-color: var(--color_brand);
  box-shadow: 0 0 0 3px rgba(0,91,172,.15);
}

/* ボタン */
button,
input[type="submit"] {
  cursor: pointer;
  border: none;
  background: var(--color_brand);
  color: #fff;
  padding: 14px 24px;
  border-radius: var(--radius);
}
/* ----------------------------------------
   ハニーポット（スパム対策）
   contact フォームの name="contact_hp" を画面外に隠す。
   display:none だと一部botが除外してくるため位置ずらしで隠す
---------------------------------------- */
.hp_field {
  position: absolute !important;
  left: -9999px !important;
  top: auto !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
}