@charset "UTF-8";
.mainTitle {
  background-image: url(/recruit/images/works/works_main-image.png) !important;
  background-size: cover;
  background-position: center right;
}
@media print, screen and (min-width: 1280px) {
  .mainTitle {
    height: 400px;
    background-size: 1900px;
    background-position: top right;
  }
  .mainTitle h1 {
    padding: 138px 0;
  }
}
.mainTitle::after {
  background-image: url(/recruit/images/works/works_main-image.png) !important;
  background-position: -190px center;
}
@media print, screen and (min-width: 768px) {
  .mainTitle::after {
    background-position: center center;
  }
}

@media print, screen and (min-width: 1280px) {
  .indexList {
    justify-content: center; /* indexList全体を中央寄せにする */
  }
}
.indexList .indexList__img {
  border: 1px solid var(--border-color);
}
.indexList ul {
  justify-content: center;
}
@media print, screen and (min-width: 768px) {
  .indexList ul {
    max-width: 100%;
    justify-content: flex-start;
  }
}
@media print, screen and (min-width: 1280px) {
  .indexList ul {
    max-width: 80%;
  }
}
@media print, screen and (min-width: 768px) {
  .indexList ul li {
    width: 32%;
  }
}