.login-page {
  height: 100%; }
  .login-page .inner-page-top {
    padding-top: 30px; }
    .login-page .inner-page-top .title {
      height: 4rem; }
      .login-page .inner-page-top .title a {
        height: 100%; }
        .login-page .inner-page-top .title a img {
          height: 100%; }
  .login-page .login-page-content {
    width: 400px;
    padding: 20px 0 20px 0; }
    .login-page .login-page-content .center-line {
      border-top: 1px solid;
      border-color: lightgray;
      margin: 5px 40px 5px 40px; }
    .login-page .login-page-content #LoginId, .login-page .login-page-content #Password {
      text-align: center; }

.form-item {
  /*margin: 10px 0px 10px 0px;*/
  margin: 20px 0px 20px 0px; }

.form-control {
  height: 43px;
  min-width: 100px;
  height: 40px; }

.btn {
  min-width: 100px;
  height: 43px; }

@media (min-width: 576px) {
  .login-page {
    width: 100%;
    height: 100%;
    display: flex;
    /*justify-content: center;*/
    /*align-items: center;*/
    /*position: relative;*/
    background-color: gainsboro; }
  .login-page-content {
    width: 400px;
    height: fit-content;
    margin: auto;
    border: 2px solid;
    border-radius: 10px;
    border-color: lightgray;
    background-color: white; } }

.modal-base {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background-color: gray;
  /*opacity: 0.7;*/ }

/*.modal-base .line-login-frame {*/
.line-login-frame {
  height: calc(100% - ( 30px * 2 ));
  width: calc(100% - ( 30px * 2 ));
  margin: 30px;
  border: 1px solid;
  border-radius: 10px;
  background-color: white; }

.google-login-frame {
  height: calc(100% - ( 30px * 2 ));
  width: calc(100% - ( 30px * 2 ));
  margin: 30px;
  border: 1px solid;
  border-radius: 10px;
  background-color: white; }