.top-line {
  margin-bottom: 80px;
}

.works-list .section .inner .category-buttons {
  margin-bottom: 80px;
}
@media (max-width: 600px) {
  .works-list .section .inner .category-buttons {
    margin-bottom: 40px;
  }
}
@media (max-width: 600px) {
  .works-list .section .inner .category-buttons button {
    font-size: 12px;
    width: calc(100% / 2 - 10px / 2);
    margin-right: 10px;
    margin-bottom: 10px;
  }
  .works-list .section .inner .category-buttons button:nth-child(2n) {
    margin-right: 0;
  }
  .works-list .section .inner .category-buttons button:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
.works-list .section .inner .category-buttons button.construction {
  background-color: #a4805f;
}
.works-list .section .inner .category-buttons button.renovation {
  background-color: #a4945f;
}
.works-list .section .inner .category-buttons button.old {
  background-color: #9ca45f;
}
.works-list .section .inner .category-buttons button.shrines_temples {
  background-color: #7ba45f;
}
.works-list .section .inner .category-buttons button.materials {
  background-color: #8f8f8f;
}
.works-list .section .inner #works-list-wrapper {
  margin-bottom: 100px;
}
@media (max-width: 600px) {
  .works-list .section .inner #works-list-wrapper {
    margin-bottom: 40px;
  }
}
.works-list .section .inner #works-list-wrapper .list .box {
  width: calc(100% / 3 - 60px / 3);
  margin-right: 30px;
  margin-bottom: 30px;
}
.works-list .section .inner #works-list-wrapper .list .box:nth-child(3n) {
  margin-right: 0;
}
.works-list .section .inner #works-list-wrapper .list .box:nth-last-child(-n+3) {
  margin-bottom: 0;
}
@media (max-width: 600px) {
  .works-list .section .inner #works-list-wrapper .list .box {
    width: calc(100% / 2 - 10px / 2);
    margin-right: 10px;
    margin-bottom: 20px;
  }
  .works-list .section .inner #works-list-wrapper .list .box:nth-child(3n) {
    margin-right: 10px;
  }
  .works-list .section .inner #works-list-wrapper .list .box:nth-child(2n) {
    margin-right: 0;
  }
  .works-list .section .inner #works-list-wrapper .list .box:nth-last-child(-n+3) {
    margin-bottom: 20px;
  }
  .works-list .section .inner #works-list-wrapper .list .box:nth-last-child(-n+2) {
    margin-bottom: 0;
  }
}
.works-list .section .inner #works-list-wrapper .list .box a .image {
  margin-bottom: 15px;
}
.works-list .section .inner #works-list-wrapper .list .box a .image img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.works-list .section .inner #works-list-wrapper .list .box a .info {
  margin-bottom: 5px;
}
.works-list .section .inner #works-list-wrapper .list .box a .info .category {
  font-size: 12px;
  color: #fff;
  margin-right: 10px;
  padding: 5px 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-radius: 10px;
}
.works-list .section .inner #works-list-wrapper .list .box a .info .category.construction {
  background-color: #a4805f;
}
.works-list .section .inner #works-list-wrapper .list .box a .info .category.renovation {
  background-color: #a4945f;
}
.works-list .section .inner #works-list-wrapper .list .box a .info .category.old {
  background-color: #9ca45f;
}
.works-list .section .inner #works-list-wrapper .list .box a .info .category.shrines_temples {
  background-color: #7ba45f;
}
.works-list .section .inner #works-list-wrapper .list .box a .info .category.materials {
  background-color: #8f8f8f;
}
@media (max-width: 600px) {
  .works-list .section .inner #works-list-wrapper .list .box a .info .category {
    font-size: 10px;
  }
}
.works-list .section .inner #works-list-wrapper .list .box a .info .area {
  color: #7f7f7f;
  font-size: 12px;
}
.works-list .section .inner #works-list-wrapper .pagination {
  margin-top: 100px;
}
.works-list .section .inner .box-banner-list {
  margin-bottom: 100px;
}