@charset "UTF-8";
/*-- メディアクエリ --*/
@media screen and (max-width: 767px) {
  .is-pc {
    display: none;
  }
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .is-sp {
    display: none;
  }
}
@media screen and (min-width: 1080px) {
  .is-sp {
    display: none;
  }
}
/*-- color --*/
/*-- フォント --*/
.works .sub-page-message {
  margin-top: 6.2rem;
}
@media screen and (max-width: 767px) {
  .works .sub-page-message {
    margin-top: 4.4rem;
  }
}

.works-list {
  padding: 5.8rem 0 9.2rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6.2rem 2.6rem;
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .works-list {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media screen and (max-width: 767px) {
  .works-list {
    gap: 5.8rem 5.8rem;
    padding: 9.9rem 0 10.6rem;
    grid-template-columns: repeat(1, 1fr);
  }
}

.works-item {
  padding: 2.4rem 2rem;
  background: #fff;
  border-radius: 1rem;
  box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: column;
}
.works-item span {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.4375;
  margin-top: 0.8rem;
  display: block;
  color: #3EAF8F;
}
.works-item p {
  margin-top: 0.8rem;
  font-weight: 300;
  font-size: 1.4rem;
  line-height: 1.428;
  color: #716C6E;
  margin-bottom: 3rem;
}
@media screen and (max-width: 767px) {
  .works-item p {
    margin-bottom: 2.6rem;
  }
}

.works-item-title {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.45;
  color: #716C6E;
}

.works-image {
  margin-top: auto;
  height: 15.5rem;
}
@media screen and (min-width: 768px) and (max-width: 1079px) {
  .works-image {
    height: auto;
  }
}
@media (max-width: 374px) {
  .works-image {
    height: 41.33vw;
  }
}
.works-image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}