body {
    background: #263238;
  }

  .top_logo_area {
    text-align: center;
    margin-bottom: 80px;
  }

  .logo_title {
    color: #FFF;
    font-size: 42px;
    letter-spacing: 10px;
    margin-left: 25px;
  }

  .top_logo {
    width: 12px;
    margin-left: 20px;
  }
  
  .email, .password{
    color: #FFF;
    display: block;
  }

  .form-check {
    margin-top: 50px;
  }

  .remember {
    color:#FFF;
  }

  .forgot {
    color:#FFF;
  }

  .logo_title {
    color: #FFF;
  }

  .login_brn_area {
    margin-top: -40px;
  }

  .login-submit {
    background: #00BFA5;
    color: #FFF;
    width: 270px;
    margin: 60px 0;
  }

  .login-submit:hover {
    background: #009688;
    color:#FFF;
  }

  .forgot_area {
    margin-bottom:80px;
  }

  .load_area {
    display: none;
  }
  

  @media (max-width: 799px) {
    .top_logo_area {
      margin-top: 80px;
    }
    .form-group {
      width: 100%;
      margin: 0 auto;
    }
    #email, #password{
      width: 100%;
      text-align: center;
    }
  }

  @media (min-width: 800px) {
    .form-group {
      width: 500px;
      margin: 0 auto;
    }

    .content {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      min-height: 534px;
    }

    /* 横向き */
    .top_logo_area.landscape{
      margin-top: 120px;
      margin-bottom: 40px;
    }

    .login_brn_area.landscape {
      margin-top: -55px;
    }

    .forgot_area.landscape {
      margin-bottom:40px;
    }

    .login-submit.landscape {
      margin: 45px 0;
    }

    #email, #password{
      width: 500px;
      text-align: center;
    }
  }