@charset "UTF-8";

@media screen and (min-width: 1050px){
  header div.header-top-area {
    width: 1050px;
  }
}


@media screen and (max-width: 1049px){
    .content{
        width: 100%;
        margin-bottom: 10vh;
    }
    header div.header-top-area {
      width: 100%;
    }
}

@media screen and (max-width: 780px) {

}

@media screen and (min-width: 640px) {
  .login-form-wrap {
    width: 600px;
  }
  .login-form-area dl {
      display: flex;
      justify-content: center;
      align-items: center;
  }
}

@media screen and (max-width: 640px) {

  .content {
    background-color: #fff;
  }

  .login-form-wrap {
    margin: 0;
    width: 100%;
  }

  .button-login {
    margin-top:1em;
  }
  .user-login-title {
    margin-bottom: 1em;
  }
  .login-form-area dl {
      display: block;
  }
  .login-form-area dl dd {
    margin: 0;
    text-align: center;
  }
  .login-form-area dl dt {
    text-align: center;
  }
  .login-form-area dl dt .login-heading {
    display: inline-block;
    text-align: left;
    width: 200px;
  }
}