@charset "UTF-8";
#contents {
  display: block;
  max-width: initial;
  padding-top: var(--app-spacer-l);
  padding-bottom: var(--app-spacer-xl);
}

.auth__inner {
  background: #fff;
  border-radius: var(--bs-border-radius-lg);
  padding-top: var(--app-spacer-m);
  padding-bottom: var(--app-spacer-m);
  width: 100%;
  padding-right: calc(var(--app-gutter-x) * 0.5);
  padding-left: calc(var(--app-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
  /* allauth, registrations など、auth-form で囲めていない部分 */
}
.auth__inner > form {
  margin-bottom: var(--app-spacer-m);
}

.auth-form {
  --bs-body-font-size: 14px;
  --bs-body-font-weight: 500;
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
}
.auth-form .form-field {
  margin: 0 auto var(--app-spacer-s);
}
.auth-form iframe {
  border: var(--bs-border-width) solid var(--bs-border-color);
  width: 100%;
  height: 35em;
}

.auth-form__title, #contents h1 {
  text-align: center;
  font-size: calc(var(--bs-body-font-size) * 1.5);
  margin-bottom: var(--app-spacer-l);
}

/* width */
.auth-form p {
  text-align: center;
  max-width: 520px;
  margin-left: auto;
  margin-right: auto;
}
.auth-form .btn {
  width: 100%;
}

.auth-form form > :not(.alert),
.auth-form__helps {
  max-width: 360px;
  margin-left: auto;
  margin-right: auto;
}

.auth-form__links {
  max-width: 242px;
  margin-left: auto;
  margin-right: auto;
}

.auth-form__helps a:not(.btn) {
  color: inherit;
  text-decoration: none;
}
.auth-form__helps a:hover, .auth-form__helps a:focus, .auth-form__helps a:active {
  text-decoration: underline;
}
.auth-form__helps li {
  margin-bottom: var(--app-spacer-xs);
}
.auth-form__helps a::after {
  content: "→";
}

.auth-form__links {
  text-align: center;
}

.auth-form--signin .asteriskField {
  display: none;
}

.auth-confirmation__email {
  font-size: var(--app-font-size-large);
  text-align: center;
  line-height: 1;
  margin: var(--app-spacer-m) auto;
}
.auth-confirmation__email span {
  display: inline-block;
  padding: 1ex 1em;
  border: 1px solid currentColor;
  width: max-content;
}
@media (min-width: 576px) {
  .auth-confirmation__email { /* md */
    font-size: calc(var(--bs-body-font-size) * 2);
  }
}

/*# sourceMappingURL=auth.css.map */