@charset "UTF-8";
/*=============================================
*
* E1 調査隊員登録
*
=============================================*/
.register {
  min-height: 100vh;
  width: 100%;
}

.register__inner {
  margin: 0 auto;
  max-width: 37.5rem;
  padding: 2.6rem 1.6rem 4rem;
  width: 100%;
}

.register__header {
  margin: 0 auto;
  max-width: 17.4rem;
  width: 46.4%;
}

.register__logo {
  margin: 0 auto;
  width: 100%;
}

.register__divider {
  background-color: var(--color-text);
  border: 0;
  height: 0.1rem;
  margin: 4.1rem auto 0;
  max-width: 34.4rem;
  opacity: 0.85;
  width: 100%;
}

.register__title {
  color: var(--color-text);
  font-size: 2.4rem;
  font-weight: 700;
  letter-spacing: 0.04em;
  line-height: 1.3;
  margin: 1.8rem 0 0;
  text-align: center;
}

.register-form {
  margin-top: 4.2rem;
  width: 100%;
}

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

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

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

.register-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: 1.6rem;
  height: 7rem;
  padding: 0 1.2rem;
  width: 100%;
}

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

.register-form__button {
  appearance: none;
  background: transparent;
  border: none;
  cursor: pointer;
  display: block;
  margin: 7.9rem auto 0;
  max-width: 29.5rem;
  padding: 0;
  width: 78.7%;
}

.register-form__button-img {
  width: 100%;
}

@media screen and (min-width: 501px) {
  .register__inner {
    padding-left: calc((100% - 34.4rem) / 2);
    padding-right: calc((100% - 34.4rem) / 2);
  }
}
@media screen and (max-width: 360px) {
  .register__title {
    font-size: 2.2rem;
  }
  .register-form__label {
    font-size: 1.3rem;
  }
  .register-form__input {
    height: 6.4rem;
  }
}