@charset "UTF-8";

/*--------------------------------
  works-archive
--------------------------------*/
#works-list .ttl {
  gap: 8px;
}
#works-list .ttl p {
  font-size: var(--fs-17);
  letter-spacing: 0.2em;
}
#works-list .ttl img {
  width: 15px;
  height: auto;
  object-fit: contain;
  transform: rotate(90deg);
}
#works-list .year-section {
  padding-top: 20px;
  padding-bottom: 20px;
}
#works-list .year-section:not(:last-child) {
  padding-bottom: 0;
}
#works-list .year-ttl {
  font-size: var(--fs-20);
  font-weight: var(--fw-bold);
  color: var(--color-red-2);
  letter-spacing: 0.1em;
}

#works-list table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 8px;
  border: 1px solid var(--color-black-1);
  font-size: var(--fs-15);
}
#works-list table th {
  border-bottom: 1px solid var(--color-black-1);
  padding: 16px;
  white-space: nowrap;
}
#works-list table th:nth-child(odd) {
  background-color: #e6e5e2;
}
#works-list table th:nth-child(even) {
  background-color: #cccac5;
}
#works-list table td {
  border-bottom: 1px solid var(--color-black-1);
  padding: 24px;
}
#works-list table td:nth-child(odd) {
  background-color: var(--color-white);
}
@media screen and (max-width: 960px) {
  #works-list table th,
  #works-list table td {
    padding: 8px 12px;
  }
}
@media screen and (max-width: 768px) {
  #works-list .table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
  #works-list table {
    max-width: 600px;
    min-width: 600px;
  }
}