@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap");
html {
  font-size: 62.5%;
  font-family: "NotoSansJP-Medium", sans-serif; }

.wrapper {
  margin: auto;
  background-color: #ebebeb; }

.el-input {
  width: 40rem; }

.el-input input {
  font-size: 1.7rem;
  height: 6rem;
  border-radius: 0; }

.el-button {
  width: 100%;
  height: 6rem; }

.el-button--primary {
  background-color: #47b5ce;
  border-color: #47b5ce;
  font-size: 1.7rem; }

.el-button--primary:focus {
  outline: none;
  background-color: #47b5ce;
  border-color: #47b5ce;
  font-size: 1.7rem; }

.el-button--primary:hover {
  background-color: #47b5ce; }

.el-input--prefix .el-input__inner {
  padding-left: 5.5rem;
  padding-right: 3rem;
}

.el-input__prefix .el-input__icon {
  font-size: 2.5rem;
  width: 5rem; }

header {
  background: #00a653; }

.btn-login {
  background: #00a653;
  border: #00a653; }
  .btn-login button {
    background: #00a653;
    border: #00a653; }
    .btn-login button:hover {
      background: #4dc187;
      border: #4dc187; }

.forgot-password {
  color: #00a653;
  font-size: 1.7rem;
  margin-top: 1.2rem;
  text-align: center;
  cursor: pointer; }
  .forgot-password a {
    color: #00a653;
    text-decoration: none; }
    .forgot-password a:hover {
      color: #00a653; }