/* ========================================
   フォーム関連
   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);
}