@charset "UTF-8";
/* =====================
  MV
===================== */
.mv {
  background-image: url('/assets/image/works/mv.png');
}
/* =====================
  実績紹介
===================== */
.works {
  padding-top: 96px;
  padding-bottom: 128px;
}
.works .inner > p {
  line-height: 2;
  margin-top: 32px;
}
/* =====================
  リスト
===================== */
.works .inner .works-list {
  margin-top: 48px;
}
.works .inner .works-list table {
  width: 100%;
}
.works .inner .works-list table tr th {
  border: solid 1px var(--smoke);
  background-color: var(--navy);
  text-align: center;
}
.works .inner .works-list table tr th:first-child,
.works .inner .works-list table tr th:last-child {
  width: 300px;
}

.works .inner .works-list table tr td {
  border: solid 1px var(--smoke);
  vertical-align: middle;
  padding-inline: 30px;
}
.works .inner .works-list table tr:nth-child(2n + 1) td {
  background-color: #f9f9f9;
}
.works .inner .works-list table tr td:first-child {
  text-align: center;
}
.works .inner .works-list table tr th,
.works .inner .works-list table tr td {
  padding-block: 15px;
  line-height: 2;
}
/* =====================
  ループ画像
===================== */
.loop {
  display: flex;
  gap: 24px;
  overflow: hidden;
  margin-top: 96px;
}
.loop-box {
  display: flex;
  gap: 24px;
  animation: loop-list 50s linear infinite;
}
@keyframes loop-list {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.loop-item {
  width: calc(1300px / 4.33);
  display: block;
}
.loop-item img {
  width: 100%;
}