/* line 1, app/assets/stylesheets/sessions.scss */
html {
  scroll-behavior: smooth;
}

/* line 5, app/assets/stylesheets/sessions.scss */
.session-new-main h4 {
  font-size: 1.4em;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 27px;
  margin: 0 0 0px 0;
}

/* line 13, app/assets/stylesheets/sessions.scss */
.page-header {
  margin: 0 0 60px 0;
}

/* line 18, app/assets/stylesheets/sessions.scss */
.wrapper-sign {
  display: flex;
  max-width: 960px;
  margin: 0 auto;
  justify-content: space-between;
  margin-bottom: 60px;
}

/* line 26, app/assets/stylesheets/sessions.scss */
.wrapper-sign h4 {
  margin-block-start: 0em;
  margin-block-end: 0em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  text-align: center;
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 20px 0;
  padding-bottom: 8px;
  border-bottom: 1px solid #CC0000;
  font: normal normal bold 20px/24px Meiryo;
}

/* line 44, app/assets/stylesheets/sessions.scss */
.wrapper-sign label {
  font: normal normal normal 14px/17px Meiryo;
}

/* line 48, app/assets/stylesheets/sessions.scss */
.wrapper-sign i {
  color: #d60011;
}

/* line 52, app/assets/stylesheets/sessions.scss */
.wrapper-sign .from-user {
  margin-bottom: 20px;
}

/* line 56, app/assets/stylesheets/sessions.scss */
.wrapper-sign .btn {
  width: 100%;
  box-shadow: 2px 3px 7px #00000029;
  border: 2px solid #D60011;
  border-radius: 4px;
  font: normal normal bold 18px/24px Roboto;
  height: 50px;
  margin-top: 40px;
}

/* line 68, app/assets/stylesheets/sessions.scss */
.wrapper-sign .form-group {
  margin-bottom: 0rem;
}

/* line 72, app/assets/stylesheets/sessions.scss */
.wrapper-sign .btn-primary {
  color: white;
  background-color: #D60011;
}

/* line 77, app/assets/stylesheets/sessions.scss */
.wrapper-sign .btn-primary:hover {
  color: #D60011;
  background-color: white;
}

/* line 82, app/assets/stylesheets/sessions.scss */
.wrapper-sign .btn-light {
  color: #D60011;
  background-color: white;
  border: 2px solid #D60011;
  margin-top: auto;
}

/* line 89, app/assets/stylesheets/sessions.scss */
.wrapper-sign .btn-light:hover {
  color: white;
  background-color: #D60011;
  border: 2px solid #D60011;
}

/* line 96, app/assets/stylesheets/sessions.scss */
.wrapper-sign .form-control-lg {
  height: 40px;
}

/* line 100, app/assets/stylesheets/sessions.scss */
.sing-in-box {
  max-width: 430px;
  width: 100%;
  margin-right: 5px;
}

/* line 106, app/assets/stylesheets/sessions.scss */
.multi-factor-sing-in-box {
  max-width: 430px;
  width: 100%;
  margin: auto;
}

/* line 112, app/assets/stylesheets/sessions.scss */
.sing-up-box {
  max-width: 430px;
  width: 100%;
  margin-left: 5px;
  display: flex;
  flex-direction: column;
  font: normal normal normal 16px Meiryo;
  letter-spacing: 0rem;
}

/* line 122, app/assets/stylesheets/sessions.scss */
.sing-up-box strong {
  color: #D60011;
  font-weight: bold;
}

/* line 127, app/assets/stylesheets/sessions.scss */
.sing-up-box ul li a {
  text-decoration: underline;
}

/* line 131, app/assets/stylesheets/sessions.scss */
.lost-password-label {
  display: flex;
}

/* line 135, app/assets/stylesheets/sessions.scss */
.lost-password {
  margin-left: auto;
}

@media (max-width: 768px) {
  /* line 140, app/assets/stylesheets/sessions.scss */
  .wrapper-sign .btn-light {
    margin-top: 40px;
  }
  /* line 143, app/assets/stylesheets/sessions.scss */
  .wrapper-sign {
    flex-flow: column;
    margin-left: 15px;
    margin-right: 15px;
  }
  /* line 148, app/assets/stylesheets/sessions.scss */
  .sing-in-box {
    margin: 0 auto;
  }
  /* line 152, app/assets/stylesheets/sessions.scss */
  .sing-up-box {
    margin: 0 auto;
    margin-top: 40px;
  }
}