@charset "UTF-8";
/*//////////////////////////////////////////////////

home style

//////////////////////////////////////////////////*/
/* Scss Document */
/* Scss Document */
/*下層タイトル*/
.titleimg {
  padding: 60px 0 0;
}
.titleimg .titleimg__ttl {
  text-align: center;
}

/*ログイン*/
.login .login__bg {
  background: #F4F0EA;
  padding: 20px 0;
}
.login .login__ttl {
  margin-bottom: 30px;
  color: #0C1848;
  text-align: center;
}
.login .login__ttl .login__ttl-jp {
  margin-bottom: 5px;
  font-size: 1.6rem;
  line-height: 1.3888888889;
}
@media (min-width: 769px) {
  .login .login__ttl .login__ttl-jp {
    font-size: calc(1.6rem + (1vw - 7.69px) * 0.3913894325);
  }
}
@media (min-width: 1280px) {
  .login .login__ttl .login__ttl-jp {
    font-size: 1.8rem;
  }
}
.login .login__ttl .login__ttl-en {
  font-size: 1.3rem;
  line-height: 1.4285714286;
  letter-spacing: 0.05em;
}
@media (min-width: 769px) {
  .login .login__ttl .login__ttl-en {
    font-size: calc(1.3rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .login .login__ttl .login__ttl-en {
    font-size: 1.4rem;
  }
}
.login .login__form {
  margin-bottom: 35px;
}
.login .login__list {
  max-width: 400px;
  margin: auto;
  margin-bottom: 40px;
}
.login .login__list li {
  margin-bottom: 20px;
}
.login .login__list input {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.login .login__list .login__list-ttl {
  margin-bottom: 10px;
  font-size: 1.5rem;
  line-height: 1.5625;
}
@media (min-width: 769px) {
  .login .login__list .login__list-ttl {
    font-size: calc(1.5rem + (1vw - 7.69px) * 0.1956947162);
  }
}
@media (min-width: 1280px) {
  .login .login__list .login__list-ttl {
    font-size: 1.6rem;
  }
}
.login .login__list .login__list-ttl span {
  margin-left: 10px;
}
.login .login__pass {
  text-align: center;
}
.login .login__pass a {
  display: block;
  text-decoration: underline;
}
.login .login__pass a p {
  font-size: 1.4rem;
}
.login .btn {
  margin-bottom: 20px;
}
.login .btn a, .login .btn button {
  background: #AD371B;
  border: 1px solid #AD371B;
}
.login .btn a:hover, .login .btn button:hover {
  background: #fff;
  color: #AD371B;
}

.error__message {
  margin-bottom: 60px;
}
.error__message p {
  padding: 6px;
  color: #f00;
  border: 1px solid #f00;
  background: #fff;
}

@media screen and (min-width: 769px) {
  /*下層タイトル*/
  .titleimg {
    padding: 90px 0 0;
  }
  /*ログイン*/
  .login .login__bg {
    padding: 50px 0;
  }
  .login .login__form {
    margin-bottom: 55px;
  }
}
/*# sourceMappingURL=style.css.map */