.content {
  width: 88%;
  max-width: 846px;
  margin: 25px auto 80px;
}

.preface {
  padding: 0 20px;
  margin: 25px auto;
}
.preface.\--txt-center {
  text-align: center;
}

.page-logo {
  text-align: center;
}

.page-title {
  font-size: 2.2rem;
  margin-bottom: 20px;
}

.page-description {
  font-size: 1.4rem;
}

@media (max-width: 767px) {
  .page-title {
    font-size: 2rem;
    text-align: center;
  }
}

/*** 利用案内ページ冒頭のボックス ***/
.usage-info {
  width: 80%;
  padding: 17px 25px;
  margin: 40px auto;
  background: #eff0f1;
}
.usage-info__title {
  font-size: 2.2rem;
  font-weight: 600;
  text-align: center;
  margin-bottom: 16px;
}
.usage-info__text {
  font-size: 1.6rem;
}
.usage-info + .c-btn {
  width: 40%;
  margin: 40px auto;
}

/*----------------------------------------*
 * ログインページ
 *----------------------------------------*/
/* パスワードをお忘れの方 */
.forgot-password {
  text-align: center;
  margin: 10px 0;
  color: #0f244f;
}

/* 新規登録はコチラ！ボタン */
.signup-btn {
  width: 400px;
  margin: 20px auto;
}

/* エラーメッセージ */
.text-alert {
  font-size: 1.6rem;
  text-align: center;
  color: #eb4847;
}

@media (max-width: 767px) {
  .signup-btn {
    width: 100%;
    padding: 20px;
  }
}