/* line 3, sass/front-custom.scss */
.tc {
  text-align: center;
}

/* line 8, sass/front-custom.scss */
.bl_page {
  width: 450px;
  margin: 100px auto;
}

/* line 12, sass/front-custom.scss */
.bl_page a {
  color: #007bff;
  text-decoration: none;
}

/* line 17, sass/front-custom.scss */
.bl_page .el_page_logo {
  display: block;
  width: 240px;
  margin: 0 auto;
}

/* line 23, sass/front-custom.scss */
.bl_page h2 {
  margin-top: 20px;
  text-align: center;
  margin-bottom: 14px;
}

/* line 29, sass/front-custom.scss */
.bl_page .el_intro {
  text-align: center;
  margin-top: 20px;
  margin-bottom: 30px;
}

/* line 35, sass/front-custom.scss */
.bl_page .el_back_login_link {
  text-align: center;
  margin-top: 10px;
}

/* line 40, sass/front-custom.scss */
.bl_page .alert {
  padding: 0 0 20px;
  text-align: center;
}

/* line 44, sass/front-custom.scss */
.bl_page .alert .close {
  display: none;
}

/* line 48, sass/front-custom.scss */
.bl_page .alert.alert-danger {
  color: #F00;
}

/* line 51, sass/front-custom.scss */
.bl_page .alert.alert-success {
  color: #098449;
}

/* line 59, sass/front-custom.scss */
.bl_form .bl_form_input_wrapper {
  margin-bottom: 16px;
}

/* line 63, sass/front-custom.scss */
.bl_form label {
  display: block;
  margin: 5px 0;
}

/* line 68, sass/front-custom.scss */
.bl_form input[type=text],
.bl_form input[type=password],
.bl_form input[type=email] {
  padding: 9px 10px;
  border-radius: 3px;
  border: 1px solid #cbd6e2;
  font-size: 16px;
  transition: all .15s ease-out;
  background-color: #f5f8fa;
  color: #33475b;
  display: block;
  height: 40px;
  line-height: 22px;
  text-align: left;
  vertical-align: middle;
  width: 100%;
}

/* line 85, sass/front-custom.scss */
.bl_form input[type=text]:focus,
.bl_form input[type=password]:focus,
.bl_form input[type=email]:focus {
  border-color: rgba(0, 208, 228, 0.5);
  box-shadow: 0 0 4px 1px rgba(0, 208, 228, 0.3), 0 0 0 1px #00d0e4;
  outline: 0;
}

/* line 92, sass/front-custom.scss */
.bl_form .el_login_btn {
  margin-top: 20px;
  width: 100%;
  font-size: 16px;
  color: #fff;
  height: 3em;
  line-height: 1;
  border-radius: 1.5em;
  border: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-weight: bold;
  -webkit-transition: 0.3s all;
  -o-transition: 0.3s all;
  transition: 0.3s all;
  background-color: #4cc5f8;
  background-image: -webkit-gradient(linear, left top, right top, from(#84f5de), color-stop(51%, #4cc5f8), to(#84f5de));
  background-image: -webkit-linear-gradient(left, #84f5de 0%, #4cc5f8 51%, #84f5de 100%);
  background-image: -o-linear-gradient(left, #84f5de 0%, #4cc5f8 51%, #84f5de 100%);
  background-image: linear-gradient(to right, #84f5de 0%, #4cc5f8 51%, #84f5de 100%);
  background-size: 200% auto;
  cursor: pointer;
}

/* line 124, sass/front-custom.scss */
.bl_form .el_login_btn:hover {
  background-color: #84f5de;
  background-position: right center;
}

/* line 130, sass/front-custom.scss */
.bl_form .form-error {
  border: #F00 1px solid !important;
  background-color: pink !important;
}

/* line 135, sass/front-custom.scss */
.bl_form .error-message {
  color: #F00;
}

/* line 139, sass/front-custom.scss */
.bl_form .el_notice {
  margin-top: 5px;
  font-size: 12px;
}

/* line 148, sass/front-custom.scss */
.bl_form.entry .bl_form_input_wrapper.bl_seimei {
  display: flex;
  justify-content: space-between;
}

/* line 152, sass/front-custom.scss */
.bl_form.entry .bl_form_input_wrapper.bl_seimei .bl_col {
  width: 49%;
}

/* line 159, sass/front-custom.scss */
body {
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* line 165, sass/front-custom.scss */
footer {
  margin-top: auto;
}

@media (max-width: 550px) {
  /* line 171, sass/front-custom.scss */
  .bl_page {
    width: 100%;
    padding: 0 15px;
    margin: 0 auto 30px;
  }
}