@charset "UTF-8";
/* =====================
  MV
===================== */
.mv {
  background-image: url('/assets/image/works/mv_2x.png');
}
/* =====================
  実績紹介
===================== */
.works {
  padding-top: 12.8vw;
  padding-bottom: 17.066666666666666vw;
}
.works .inner > p {
  line-height: 2;
  margin-top: 4.266666666666667vw;
}

/* =====================
  リスト
===================== */
.works .inner .works-list {
  margin-top: 8.533333333333333vw;
}
.works .inner .works-list table {
  width: 100%;
}
.works .inner .works-list table tr th {
  font-size: 2.933333333333333vw;
  border: solid 1px var(--smoke);
  background-color: var(--navy);
  text-align: center;
  padding-block: 3.2vw;
}
.works .inner .works-list table tr th:first-child,
.works .inner .works-list table tr th:last-child {
  width: 22.666666666666668vw;
}

.works .inner .works-list table tr td {
  font-size: 2.6666666666666665vw;
  border: solid 1px var(--smoke);
  padding-inline: 0.9vw;
  padding-block: 2.54vw;
  line-height: 2;
}
.works .inner .works-list table tr td:first-child {
  padding-inline: 3.2vw;
}
.works .inner .works-list table tr:nth-child(2n + 1) td {
  background-color: #f9f9f9;
}
/* =====================
  ループ画像
===================== */
.loop {
  display: flex;
  gap: 3.2vw;
  overflow: hidden;
  margin-top: 8.533333333333333vw;
}
.loop-box {
  display: flex;
  gap: 3.2vw;
  animation: loop-list 50s linear infinite;
}
@keyframes loop-list {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
.loop-item {
  width: calc(100vw / 2.5);
  display: block;
}
.loop-item img {
  width: 100%;
}