@media screen and (min-width: 801px) {
  .sp-only {
    display: none;
  }
}

.responsive-small {
  display: none;
}
@media screen and (min-width: 1001px) {
  .responsive-small {
    display: unset;
  }
}

.responsive-mid {
  display: none;
}
@media screen and (min-width: 1201px) {
  .responsive-mid {
    display: unset;
  }
}

.responsive-wide {
  display: none;
}
@media screen and (min-width: 1501px) {
  .responsive-wide {
    display: unset;
  }
}

.responsive-xl {
  display: none;
}
@media screen and (min-width: 1921px) {
  .responsive-xl {
    display: unset;
  }
}

.no-sp {
  display: none;
}
@media screen and (min-width: 801px) {
  .no-sp {
    display: unset;
  }
}

.no-sp-small {
  display: none;
}
@media screen and (min-width: 1001px) {
  .no-sp-small {
    display: unset;
  }
}

.no-sp-small-mid {
  display: none;
}
@media screen and (min-width: 1201px) {
  .no-sp-small-mid {
    display: unset;
  }
}

.no-sp-small-mid-wide {
  display: none;
}
@media screen and (min-width: 1501px) {
  .no-sp-small-mid-wide {
    display: unset;
  }
}

.xl-only {
  display: none;
}
@media screen and (min-width: 1921px) {
  .xl-only {
    display: unset;
  }
}

h3.works-title {
  font-size: clamp(24px, 4vw, 40px);
  margin: 100px auto 80px auto;
  width: 82%;
  max-width: 440px;
  border-bottom: 2px solid #3A9366;
  text-align: center;
}

/*# sourceMappingURL=work.css.map */