.commonWidth {
  max-width: 1200px;
  width: 90%;
  margin: 0 auto;
}

.morebtn {
  width: -moz-fit-content;
  width: fit-content;
}
.morebtn .circle {
  border: 1px solid #000000;
}

section {
  background: #f0efed;
}

.secWork {
  padding-top: 180px;
  padding-bottom: 140px;
}
.secWork .gridArea {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 50px 36px;
}
.secWork .gridArea .zukanList {
  display: block;
}
.secWork .gridArea .zukanList .imgArea {
  aspect-ratio: 376/200;
  overflow: hidden;
}
.secWork .gridArea .zukanList .imgArea img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.secWork .gridArea .zukanList .newsDate {
  margin-top: 15px;
  color: #005D99;
  font-weight: 600;
  padding-bottom: 4px;
}
.secWork .gridArea .zukanList .newsTitle {
  font-size: clamp(1.125rem, 0.657rem + 1.5vw, 1.375rem);
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  margin-bottom: clamp(0.438rem, -0.499rem + 3vw, 0.938rem);
}
.secWork .gridArea .zukanList .listMessage {
  color: #6A6A6A;
  font-size: 14px;
  font-weight: bold;
}

@media screen and (max-width: 767px) {
  .secWork .gridArea {
    gap: 35px;
  }
}/*# sourceMappingURL=style.css.map */