@charset "UTF-8";
/* ==========
works page
==========*/
.works-page__list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;

  gap: 5%;
  row-gap: 48px;
}
.works-page__item {
  width: 30%;
}

.works-page__item-img {
  overflow: hidden;
  box-shadow: 8px 5px 15px rgb(0 0 0 / 20%);
}
.works-page__item img {
  position: relative;
  transition: .5s;

  aspect-ratio: 400 / 227;
  object-fit: cover;
}
.works-page__item a:hover img {
  transform: scale(1.2);
}
.customer-name {
  padding: 10px;
  font-weight: bold;
}
.works-category {
  padding: 0 10px;
}
.works-category span {
  padding: 2px 10px;
  border-radius: 4px;
  background-color: #787878;
  color: #ffffff;
  font-size: 14px;
  line-height: 1;
}
.no-link {
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .works-page__item {
    width: 45%;
  }
  .customer-name {
    font-size: 14px;
  }
}
@media screen and (max-width: 640px) {
  .works-page__item {
    width: 100%;
  }
}