.apology-card {
      max-width: 700px;
      margin: 80px auto;
      padding: 10px;
      border-radius: 10px;
    }
.body, html {
  margin: 0;
  padding: 0;
}
.footer {
  min-height: 200px;
}
.footer img {
  max-width: 100%;
  height: auto;
}
.navbar-nav .nav-link {
  font-size: 0.9rem; /* 少し小さめに */
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}
.navbar {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.navbar-nav .nav-link {
  position: relative;
  transition: all 0.2s ease;
}

.navbar-nav .nav-link::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 2px;
  background-color: #c00;
  transition: width 0.3s ease;
}

.navbar-nav .nav-link:hover::after {
  width: 100%;
}

footer a.text-light:hover {
  color: rgb(241, 58, 58) !important;
  text-decoration: underline;
  transition: color 0.3s ease;
}

@media (max-width: 800px) {
  footer img {
    max-height: 120px;
  }
}
@media (max-width: 1024px) {
  footer img {
    max-height: 150px;
  }
}

@media (max-width: 768px) {
  footer img {
    max-height: 120px;
  }
}