/* footer */
footer{
  font-size: 90%;
  width: 100%;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  background-color: #343A40;
}
footer p.copyright{
  color: #fff;
}


/* footerを最下部に表示する */
html {
  height: 100%;
}
body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.contents {
  flex: 1;
}


/* Sign in, Sign up, confirm_otp */
html,
body {
  height: 100%;
}

.needs-validation {
  width: 100%;
  max-width: 500px;
  padding: 15px;
  margin: auto;
}

.form-label-group {
  position: relative;
  margin-bottom: 1rem;
}

/* comment form*/
.comment-form {
  width: 100%;
  max-width: 900px;
  padding: 15px;
  margin: auto;
}