@charset "UTF-8";
/* ************************************************
 *	実績一覧（inc/works-list.php）
 *	事例ページのある実績は画像＋タイトルのカード（カード全体がリンク）、
 *	事例ページのない実績は「その他の実績」として名前の一覧にする
 * ************************************************ */
.works {
  padding: 30px 40px 40px;
}
.works-group {
  margin: 0 0 70px 0;
}
.works .heading {
  margin-bottom: 50px;
}

/* ---- カード ---- */
.works-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 36px 24px;
  margin: 0;
  padding: 0;
  list-style: none;
}
.works-card {
  line-height: 1.6;
}
.works-card a,
.works-card a:visited {
  display: block;
  color: #303030;
}
.works-card__image {
  display: block;
  aspect-ratio: 4 / 3;
  overflow: hidden;
  background: #f2f2f2;
}
.works-card__image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease, opacity 0.3s ease;
}
.works-card a:hover .works-card__image img {
  transform: scale(1.04);
  opacity: 0.9;
}
.works-card__title {
  display: block;
  margin-top: 12px;
  font-size: 1em;
  font-weight: bold;
}
.works-card a:hover .works-card__title {
  color: #4a74b8;
}

/* ---- その他の実績（名前だけの一覧） ---- */
.works-others {
  margin-top: 48px;
  padding-top: 24px;
  border-top: 1px solid #e0e0e0;
}
.works-others__title {
  margin: 0 0 14px 0;
  font-size: 0.95em;
  font-weight: normal;
  letter-spacing: 0.1em;
  color: #808080;
}
.works-others__list {
  columns: 3;
  column-gap: 24px;
  margin: 0;
  padding: 0;
  font-size: 0.9em;
}
.works-others__list li {
  break-inside: avoid;
  line-height: 1.7;
  padding: 3px 0;
}
.works-others__note {
  display: block;
  font-size: 0.85em;
  color: #909090;
}

.works-note {
  margin: 0;
  text-align: right;
  font-size: 0.85em;
  color: #909090;
}