/* Scss Document */
/* Scss Document */
.worksYears {
  margin-top: 48px; }
  .worksYears__groups {
    display: flex;
    flex-direction: column;
    gap: 14px;
    min-width: 0; }

.worksRecords {
  margin-top: 78px; }
  .worksRecords__table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.7; }
    .worksRecords__table th,
    .worksRecords__table td {
      box-sizing: border-box;
      height: 59px;
      padding: 14px 30px;
      border: 1px solid #000;
      vertical-align: middle; }
    .worksRecords__table thead th {
      height: 40px;
      padding: 7px 10px;
      color: #FFF;
      background-color: #004ca1;
      font-weight: 500;
      line-height: 24px;
      text-align: center; }
    .worksRecords__table tbody tr:nth-of-type(even) {
      background-color: #e7e9ef; }
    .worksRecords__table tbody td:nth-of-type(1),
    .worksRecords__table tbody td:nth-of-type(2),
    .worksRecords__table tbody td:nth-of-type(4) {
      padding-right: 10px;
      padding-left: 10px;
      text-align: center; }
  .worksRecords__month {
    width: 7.4%; }
  .worksRecords__category {
    width: 14.8%; }
  .worksRecords__name {
    width: 33%; }
  .worksRecords__scale {
    width: 7.3%; }
  .worksRecords__designer {
    width: 19.6%; }
  .worksRecords__photo {
    display: inline-block;
    margin-left: 8px;
    vertical-align: middle; }
    .worksRecords__photo img {
      display: block;
      width: 21px;
      height: 18px; }
    .worksRecords__photo:hover, .worksRecords__photo:focus-visible {
      opacity: 0.6; }

@media (max-width: 1000px) {
  .worksRecords__table {
    min-width: 1080px; } }

@media (max-width: 700px) {
  .worksYears {
    margin-top: 35px; }
  .worksRecords {
    margin-top: 50px; } }

.worksListPage .worksLightbox__panel {
  max-width: 1000px; }

@media (prefers-reduced-motion: reduce) {
  .innerPage {
    animation: none; }
    .innerPage *,
    .innerPage *::before,
    .innerPage *::after {
      animation: none;
      transition: none;
      scroll-behavior: auto; } }
