body {
  background-image: url("../images/login_background_image.jpg");
  background-size: cover;
  padding-top: 0;
}

.system-name {
  line-height: 1;
  padding-bottom: 0;
}

div.system-name {
  border-bottom: 2px solid white;
  padding-bottom: 0.5rem;
}

.description {
  color: white;
  text-shadow: 2px 2px 3px black;
}

button.btn.login {
  line-height: 2.0;
  width: 6rem;
}

button.btn {
  text-shadow: 2px 2px 4px #000000;
}

.table.notices tr,
.table.notices th,
.table.notices td {
  font-size: 0.8rem;
  border: none;
}

.notice-title {
  color: white;
  background-color: black;
}

.notice-table-wrapper {
  height: 9rem;
  background-color: white;
  overflow: auto;
}

.notices td.date {
  width: 6rem;
}

#login-footer {
  background-color: transparent;
}

#login-footer .footer {
  padding-top: 0;
  background-color: transparent;
}

#login-footer .footer span {
  color: white !important;
  font-size: 0.85rem;
  text-shadow: 2px 2px 3px black;
}

/* PCブラウザ */
@media screen and (min-width: 576px) {
  .description {
    font-size: 0.85rem;
  }
}

/* スマホブラウザ */
@media screen and (max-width: 575px) {
  .system-name-row {
    margin-top: -2rem;
  }
  .description {
    font-size: 0.8rem;
  }
  .notice-table-wrapper {
    height: 4rem;
  }
}