:root {
  --input-padding-x: .75rem;
  --input-padding-y: .75rem;
}

html,
body {
  height: 100%;
}

body {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f5f5f5;
}

.valid-error{
  color: red;
}

.text-xs{
  font-size: .75rem
}

.text-s{
  font-size: .85rem
}

.text-m{
  font-size: 1rem
}

.logo{
    width: 90%;
    margin: 0 auto;
    line-height: 150%;
}

.logo img{
    width: 100%;
}

.form-signin {
  width: 100%;
  max-width: 450px;
  padding: 15px;
  margin: auto;
}

.btn-light{
  border: 1px solid #ccc;
}

.btn-primary{
  background: #2B2B2B;
  border-color: #333;
}

.btn-primary:link,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:visited,
.btn-primary:active {
  background: #000;
  border-color: #000;
}

.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
  background: #000;
  border-color: #000;
}


/* Fallback for Edge
-------------------------------------------------- */
@supports (-ms-ime-align: auto) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input::-ms-input-placeholder {
    color: #777;
  }
}

/* Fallback for IE
-------------------------------------------------- */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .form-label-group > label {
    display: none;
  }
  .form-label-group input:-ms-input-placeholder {
    color: #777;
  }
}

/*------------------------------------
- share
------------------------------------*/
.tel-wrap{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}