/* line 8, ../../app/assets/stylesheets/login.scss */
.grecaptcha-badge {
  visibility: hidden;
}

/* line 12, ../../app/assets/stylesheets/login.scss */
#login, #password-reset, #signup {
  margin: 0 auto 4rem;
}
/* line 15, ../../app/assets/stylesheets/login.scss */
#login h2, #password-reset h2, #signup h2 {
  font-size: 14px;
  margin: 0;
  padding: 0 0 10px;
}
/* line 21, ../../app/assets/stylesheets/login.scss */
#login h4, #password-reset h4, #signup h4 {
  font-size: 14px;
  margin: 0;
  padding: 10px 0 10px;
}
/* line 27, ../../app/assets/stylesheets/login.scss */
#login hr, #password-reset hr, #signup hr {
  margin: 40px 0;
  border: 0;
  border-bottom: 0.5px solid #808080;
  height: 0.5px;
}
/* line 34, ../../app/assets/stylesheets/login.scss */
#login .description, #password-reset .description, #signup .description {
  margin-top: 20px;
  text-align: justify;
}
/* line 39, ../../app/assets/stylesheets/login.scss */
#login .description, #login .more-info-link, #password-reset .description, #password-reset .more-info-link, #signup .description, #signup .more-info-link {
  margin-bottom: 20px;
}
/* line 44, ../../app/assets/stylesheets/login.scss */
#login .more-info-link i, #password-reset .more-info-link i, #signup .more-info-link i {
  margin-right: 0;
}
/* line 49, ../../app/assets/stylesheets/login.scss */
#login .to-link, #password-reset .to-link, #signup .to-link {
  margin: 8px 0;
  text-align: center;
}
/* line 53, ../../app/assets/stylesheets/login.scss */
#login .to-link a, #password-reset .to-link a, #signup .to-link a {
  color: #142F86;
}
/* line 58, ../../app/assets/stylesheets/login.scss */
#login .back-link, #password-reset .back-link, #signup .back-link {
  margin-top: 16px;
}
/* line 62, ../../app/assets/stylesheets/login.scss */
#login .form-container, #login .signup-container, #login .privilege, #password-reset .form-container, #password-reset .signup-container, #password-reset .privilege, #signup .form-container, #signup .signup-container, #signup .privilege {
  margin-bottom: 40px;
}
/* line 66, ../../app/assets/stylesheets/login.scss */
#login .form-container, #password-reset .form-container, #signup .form-container {
  margin-top: 32px;
}
/* line 69, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-left, #login .form-container .input-right, #password-reset .form-container .input-left, #password-reset .form-container .input-right, #signup .form-container .input-left, #signup .form-container .input-right {
  margin-bottom: 60px;
}
/* line 74, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn, #password-reset .form-container .input-right .sns-btn, #signup .form-container .input-right .sns-btn {
  display: block;
  position: relative;
  text-align: center;
  border-radius: 0;
  font-size: 13px;
  margin: 16px 0;
  height: 42px;
  color: white;
  cursor: pointer;
}
/* line 85, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-facebook, #password-reset .form-container .input-right .sns-btn.-facebook, #signup .form-container .input-right .sns-btn.-facebook {
  background: #3b5998;
}
/* line 88, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-facebook .-icon-wrapper, #password-reset .form-container .input-right .sns-btn.-facebook .-icon-wrapper, #signup .form-container .input-right .sns-btn.-facebook .-icon-wrapper {
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 99, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-facebook .-icon, #password-reset .form-container .input-right .sns-btn.-facebook .-icon, #signup .form-container .input-right .sns-btn.-facebook .-icon {
  font-size: 21px;
}
/* line 103, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-facebook .btn-text, #password-reset .form-container .input-right .sns-btn.-facebook .btn-text, #signup .form-container .input-right .sns-btn.-facebook .btn-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: white;
  font-size: 14px;
  letter-spacing: 0.2px;
}
/* line 114, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-google, #password-reset .form-container .input-right .sns-btn.-google, #signup .form-container .input-right .sns-btn.-google {
  height: 42px;
  background-color: #4285f4;
  border-radius: 2px;
}
/* line 120, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-google .-icon-wrapper, #password-reset .form-container .input-right .sns-btn.-google .-icon-wrapper, #signup .form-container .input-right .sns-btn.-google .-icon-wrapper {
  position: absolute;
  margin-top: 1px;
  margin-left: 1px;
  width: 40px;
  height: 40px;
  border-radius: 2px;
  background-color: white;
  display: flex;
  align-items: center;
  justify-content: center;
}
/* line 133, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-google .-icon, #password-reset .form-container .input-right .sns-btn.-google .-icon, #signup .form-container .input-right .sns-btn.-google .-icon {
  width: 18px;
  height: 18px;
}
/* line 138, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn.-google .btn-text, #password-reset .form-container .input-right .sns-btn.-google .btn-text, #signup .form-container .input-right .sns-btn.-google .btn-text {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  color: white;
  font-size: 14px;
  letter-spacing: 0.2px;
}
/* line 149, ../../app/assets/stylesheets/login.scss */
#login .form-container .input-right .sns-btn > i, #password-reset .form-container .input-right .sns-btn > i, #signup .form-container .input-right .sns-btn > i {
  font-size: 18px;
  margin-right: 8px;
  transform: translateY(2px);
}
/* line 157, ../../app/assets/stylesheets/login.scss */
#login .form-container .res-form, #password-reset .form-container .res-form, #signup .form-container .res-form {
  padding: 16px 0;
}
/* line 161, ../../app/assets/stylesheets/login.scss */
#login .form-container .res-form .-form-item.-form-btn, #password-reset .form-container .res-form .-form-item.-form-btn, #signup .form-container .res-form .-form-item.-form-btn {
  margin-top: 24px;
}
@media (min-width: 768px) {
  /* line 12, ../../app/assets/stylesheets/login.scss */
  #login, #password-reset, #signup {
    max-width: 970px;
  }
  /* line 171, ../../app/assets/stylesheets/login.scss */
  #login h2, #password-reset h2, #signup h2 {
    font-size: 18px;
  }
  /* line 175, ../../app/assets/stylesheets/login.scss */
  #login .res-btn, #password-reset .res-btn, #signup .res-btn {
    width: 200px;
  }
  /* line 179, ../../app/assets/stylesheets/login.scss */
  #login .form-container, #password-reset .form-container, #signup .form-container {
    display: flex;
    justify-content: space-between;
  }
  /* line 183, ../../app/assets/stylesheets/login.scss */
  #login .form-container .input-left, #login .form-container .input-right, #password-reset .form-container .input-left, #password-reset .form-container .input-right, #signup .form-container .input-left, #signup .form-container .input-right {
    width: 48%;
    margin-bottom: 0;
  }
}