@charset "UTF-8";
/*=============================================
*
* 認証前フォーム部品
* 対象: 調査隊員登録 / ログイン / メールOTP / 初期設定のメール登録
*
* 認証以降の画面はこのフォームを使わない
* (マイページは mypage.scss、デバッグは debug.scss の部品を使う)。
*
=============================================*/
.auth-form {
  margin-top: 4.2rem;
  width: 100%;
}

.auth-form__field {
  margin-bottom: 1.9rem;
}

.auth-form__field:last-of-type {
  margin-bottom: 0;
}

.auth-form__label {
  color: var(--color-text);
  display: block;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.45;
  margin-bottom: 1rem;
}

.auth-form__input {
  appearance: none;
  background-color: var(--color-input-bg);
  border: none;
  border-radius: 0;
  color: #333333;
  display: block;
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 2rem;
  height: 7rem;
  padding: 0 1.2rem;
  width: 100%;
}
.auth-form__input#number {
  font-size: 2.2rem;
}

.auth-form__input:focus {
  outline: 0.2rem solid rgba(0, 107, 148, 0.35);
  outline-offset: 0;
}

.auth-form__button {
  appearance: none;
  background: url("../images/form/btn-send-back.svg") no-repeat center center;
  border: none;
  color: var(--color-white-text);
  cursor: pointer;
  display: block;
  font-size: 3.6rem;
  font-weight: 700;
  margin: 7.9rem auto 0;
  max-width: 34.367rem;
  min-height: 6.927rem;
  padding: 0;
  width: 100%;
}

.auth-form__button.-otp {
  font-size: 2.2rem;
}

.auth-form__error {
  color: #b00020;
  font-size: 1.6rem;
  font-weight: 700;
  margin-top: 0.4rem;
}

.auth-form__error.-general {
  font-size: 1.4rem;
  margin-top: 1rem;
}