.quality-commitment-card {
  background-color: var(--primary-base-color-code);
  border: 1px solid var(--secondary-base-color-code);
  border-radius: var(--radius-card);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.25rem;
  height: 100%;
  transition: box-shadow 0.3s ease, transform 0.3s ease;
  text-align: center;
}

.quality-commitment-card:hover {
  box-shadow: 0 4px 12px rgba(89, 88, 87, 0.1);
  transform: translateY(-2px);
}

.quality-commitment-card__icon {
  width: 65px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--main-color-code);
}

.quality-commitment-card__icon svg {
  width: 100%;
  height: 100%;
}

.quality-commitment-card__title {
  font-size: var(--font-size-small);
  font-weight: 700;
  color: var(--main-color-code);
  font-family: var(--noto-sans-jp);
  margin: 0;
}

@media screen and (min-width: 960px) {
  .quality-commitment-card {
    padding: 1.25rem;
  }
}

@media screen and (max-width: 959px) {
  .quality-commitment-card {
    padding: 1.5rem;
  }

  .quality-commitment-card__icon {
    width: 52.5px;
    height: 52.5px;
  }

  .quality-commitment-card__title {
    font-size: var(--font-size-small);
  }
}