@charset "UTF-8";
/**
 * works_recommend スタイル
 */
/**
 * function
 */
/* PCサイズの最小値、可変サイズ
----------------------------------------------- */
/* PCサイズのclamp
----------------------------------------------- */
/* SPサイズのclamp
----------------------------------------------- */
/**
 * Mixin
 */
.works__ttl {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 48px;
  margin-bottom: 40px;
}
.works__content {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 40px 32px;
}
@media screen and (max-width: 1023px) {
  .works__content {
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  }
}
.works__content > article {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 3;
  row-gap: 0;
}
.works__post {
  row-gap: 20px;
  transition: all 0.3s;
  display: inherit;
  grid-template-rows: inherit;
  grid-row: inherit;
}
@media (hover: hover) {
  .works__post:hover {
    opacity: 0.5;
  }
}
.works__post--img {
  border-radius: 14px;
  aspect-ratio: 284/214;
  object-fit: cover;
}
@media screen and (max-width: 1023px) {
  .works__post--img {
    aspect-ratio: 330/223;
  }
}
.works__post--ttl {
  font-size: clamp(2rem, 1.6666666667vw, 2.4rem);
  line-height: 1.8;
  flex: 1;
}
@media screen and (max-width: 1023px) {
  .works__post--ttl {
    line-height: 36px;
  }
}
.works__post--lead {
  font-size: 1.6rem;
  margin-bottom: 8px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.works__post--date {
  font-size: 1.6rem;
  color: #000;
  font-weight: 400;
}
.works__post--tag {
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px;
  font-size: 1.4rem;
  line-height: 28px;
  margin-top: 20px;
}
.works__post--tag li::before {
  content: "#";
  padding-right: 0.2em;
}
.works__link {
  margin-top: 40px;
}
/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImNzcy9jb21tb24vd29ya3NfcmVjb21tZW5kLmNzcyIsImNzcy9jb21tb24vd29ya3NfcmVjb21tZW5kLnNjc3MiLCJjc3MvaW5jbHVkZS9fZnVuY3Rpb24uc2NzcyIsImNzcy9pbmNsdWRlL19taXhpbi5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGdCQUFnQjtBQ0NoQjs7RUFBQTtBQ0RBOztFQUFBO0FBS0E7aURBQUE7QUFNQTtpREFBQTtBQVVBO2lEQUFBO0FDckJBOztFQUFBO0FGU0k7RUVjSCx1Q0FBQTtFQUNBLGdCQUY0QjtFRlhyQixpQkFBQTtFQUNBLGlCQUFBO0VBQ0EsbUJBQUE7QURTUjtBQ05JO0VBQ0ksYUFBQTtFQUNBLHNDQUFBO0VBQ0EsY0FBQTtBRFFSO0FHaEJFO0VGS0U7SUFNUSwyREFBQTtFRFNWO0FBQ0Y7QUNQUTtFQUNJLGFBQUE7RUFDQSwyQkFBQTtFQUNBLGdCQUFBO0VBQ0EsVUFBQTtBRFNaO0FDTEk7RUFDSSxhQUFBO0VBQ0Esb0JBQUE7RUFDQSxnQkFBQTtFQUNBLDJCQUFBO0VBQ0EsaUJBQUE7QURPUjtBQ0xRO0VBQ0k7SUFDSSxZQUFBO0VET2Q7QUFDRjtBQ0pRO0VBQ0ksbUJBQUE7RUFDQSxxQkFBQTtFQUNBLGlCQUFBO0FETVo7QUc1Q0U7RUZtQ007SUFLUSxxQkFBQTtFRFFkO0FBQ0Y7QUNMUTtFQUNJLDhDQUFBO0VBQ0EsZ0JBQUE7RUFDQSxPQUFBO0FET1o7QUd0REU7RUY0Q007SUFNUSxpQkFBQTtFRFFkO0FBQ0Y7QUNMUTtFQUNJLGlCQUFBO0VBQ0Esa0JBQUE7RUFDQSxnQkFBQTtFQUNBLG9CQUFBO0VBQ0EsNEJBQUE7RUFDQSxxQkFBQTtBRE9aO0FDSlE7RUFDSSxpQkFBQTtFQUNBLFdBQUE7RUFDQSxnQkFBQTtBRE1aO0FDSFE7RUFDSSxhQUFBO0VBQ0EsZUFBQTtFQUNBLGdCQUFBO0VBQ0EsaUJBQUE7RUFDQSxpQkFBQTtFQUNBLGdCQUFBO0FES1o7QUNGZ0I7RUFDSSxZQUFBO0VBQ0Esb0JBQUE7QURJcEI7QUNFSTtFQUNJLGdCQUFBO0FEQVIiLCJmaWxlIjoiY3NzL2NvbW1vbi93b3Jrc19yZWNvbW1lbmQuY3NzIiwic291cmNlc0NvbnRlbnQiOlsiQGNoYXJzZXQgXCJVVEYtOFwiO1xuLyoqXG4gKiB3b3Jrc19yZWNvbW1lbmQg44K544K/44Kk44OrXG4gKi9cbi8qKlxuICogZnVuY3Rpb25cbiAqL1xuLyogUEPjgrXjgqTjgrrjga7mnIDlsI/lgKTjgIHlj6/lpInjgrXjgqTjgrpcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG4vKiBQQ+OCteOCpOOCuuOBrmNsYW1wXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuLyogU1DjgrXjgqTjgrrjga5jbGFtcFxuLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0gKi9cbi8qKlxuICogTWl4aW5cbiAqL1xuLndvcmtzX190dGwge1xuICBmb250LWZhbWlseTogXCJOb3RvIFNhbnMgSlBcIiwgc2Fucy1zZXJpZjtcbiAgZm9udC13ZWlnaHQ6IDUwMDtcbiAgZm9udC1zaXplOiAyLjRyZW07XG4gIGxpbmUtaGVpZ2h0OiA0OHB4O1xuICBtYXJnaW4tYm90dG9tOiA0MHB4O1xufVxuLndvcmtzX19jb250ZW50IHtcbiAgZGlzcGxheTogZ3JpZDtcbiAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmciAxZnI7XG4gIGdhcDogNDBweCAzMnB4O1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gIC53b3Jrc19fY29udGVudCB7XG4gICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maXQsIG1pbm1heCgzMDBweCwgMWZyKSk7XG4gIH1cbn1cbi53b3Jrc19fY29udGVudCA+IGFydGljbGUge1xuICBkaXNwbGF5OiBncmlkO1xuICBncmlkLXRlbXBsYXRlLXJvd3M6IHN1YmdyaWQ7XG4gIGdyaWQtcm93OiBzcGFuIDM7XG4gIHJvdy1nYXA6IDA7XG59XG4ud29ya3NfX3Bvc3Qge1xuICByb3ctZ2FwOiAyMHB4O1xuICB0cmFuc2l0aW9uOiBhbGwgMC4zcztcbiAgZGlzcGxheTogaW5oZXJpdDtcbiAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBpbmhlcml0O1xuICBncmlkLXJvdzogaW5oZXJpdDtcbn1cbkBtZWRpYSAoaG92ZXI6IGhvdmVyKSB7XG4gIC53b3Jrc19fcG9zdDpob3ZlciB7XG4gICAgb3BhY2l0eTogMC41O1xuICB9XG59XG4ud29ya3NfX3Bvc3QtLWltZyB7XG4gIGJvcmRlci1yYWRpdXM6IDE0cHg7XG4gIGFzcGVjdC1yYXRpbzogMjg0LzIxNDtcbiAgb2JqZWN0LWZpdDogY292ZXI7XG59XG5AbWVkaWEgc2NyZWVuIGFuZCAobWF4LXdpZHRoOiAxMDIzcHgpIHtcbiAgLndvcmtzX19wb3N0LS1pbWcge1xuICAgIGFzcGVjdC1yYXRpbzogMzMwLzIyMztcbiAgfVxufVxuLndvcmtzX19wb3N0LS10dGwge1xuICBmb250LXNpemU6IGNsYW1wKDJyZW0sIDEuNjY2NjY2NjY2N3Z3LCAyLjRyZW0pO1xuICBsaW5lLWhlaWdodDogMS44O1xuICBmbGV4OiAxO1xufVxuQG1lZGlhIHNjcmVlbiBhbmQgKG1heC13aWR0aDogMTAyM3B4KSB7XG4gIC53b3Jrc19fcG9zdC0tdHRsIHtcbiAgICBsaW5lLWhlaWdodDogMzZweDtcbiAgfVxufVxuLndvcmtzX19wb3N0LS1sZWFkIHtcbiAgZm9udC1zaXplOiAxLjZyZW07XG4gIG1hcmdpbi1ib3R0b206IDhweDtcbiAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgZGlzcGxheTogLXdlYmtpdC1ib3g7XG4gIC13ZWJraXQtYm94LW9yaWVudDogdmVydGljYWw7XG4gIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbn1cbi53b3Jrc19fcG9zdC0tZGF0ZSB7XG4gIGZvbnQtc2l6ZTogMS42cmVtO1xuICBjb2xvcjogIzAwMDtcbiAgZm9udC13ZWlnaHQ6IDQwMDtcbn1cbi53b3Jrc19fcG9zdC0tdGFnIHtcbiAgZGlzcGxheTogZmxleDtcbiAgZmxleC13cmFwOiB3cmFwO1xuICBjb2x1bW4tZ2FwOiAyMHB4O1xuICBmb250LXNpemU6IDEuNHJlbTtcbiAgbGluZS1oZWlnaHQ6IDI4cHg7XG4gIG1hcmdpbi10b3A6IDIwcHg7XG59XG4ud29ya3NfX3Bvc3QtLXRhZyBsaTo6YmVmb3JlIHtcbiAgY29udGVudDogXCIjXCI7XG4gIHBhZGRpbmctcmlnaHQ6IDAuMmVtO1xufVxuLndvcmtzX19saW5rIHtcbiAgbWFyZ2luLXRvcDogNDBweDtcbn0iLCJAY2hhcnNldCBcInV0Zi04XCI7XG4vKipcbiAqIHdvcmtzX3JlY29tbWVuZCDjgrnjgr/jgqTjg6tcbiAqL1xuXG5AdXNlIFwiLi4vaW5jbHVkZS9mdW5jdGlvblwiIGFzIGZjO1xuQHVzZSBcIi4uL2luY2x1ZGUvbWl4aW5cIiBhcyBteDtcblxuLndvcmtzIHtcbiAgICAmX190dGwge1xuICAgICAgICBAaW5jbHVkZSBteC5kZWZhdWx0LWZvbnQ7XG4gICAgICAgIGZvbnQtc2l6ZTogMi40cmVtO1xuICAgICAgICBsaW5lLWhlaWdodDogNDhweDtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogNDBweDtcbiAgICB9XG5cbiAgICAmX19jb250ZW50IHtcbiAgICAgICAgZGlzcGxheTogZ3JpZDtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiAxZnIgMWZyIDFmciAxZnI7XG4gICAgICAgIGdhcDogNDBweCAzMnB4O1xuXG4gICAgICAgIEBpbmNsdWRlIG14Lm1xLXNwKCkge1xuICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1jb2x1bW5zOiByZXBlYXQoYXV0by1maXQsIG1pbm1heCgzMDBweCwgMWZyKSk7XG4gICAgICAgIH1cblxuICAgICAgICA+YXJ0aWNsZSB7XG4gICAgICAgICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgICAgICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBzdWJncmlkO1xuICAgICAgICAgICAgZ3JpZC1yb3c6IHNwYW4gMztcbiAgICAgICAgICAgIHJvdy1nYXA6IDA7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICAmX19wb3N0IHtcbiAgICAgICAgcm93LWdhcDogMjBweDtcbiAgICAgICAgdHJhbnNpdGlvbjogYWxsIC4zcztcbiAgICAgICAgZGlzcGxheTogaW5oZXJpdDtcbiAgICAgICAgZ3JpZC10ZW1wbGF0ZS1yb3dzOiBpbmhlcml0O1xuICAgICAgICBncmlkLXJvdzogaW5oZXJpdDtcblxuICAgICAgICBAbWVkaWEgKGhvdmVyOiBob3Zlcikge1xuICAgICAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgICAgICAgb3BhY2l0eTogMC41O1xuICAgICAgICAgICAgfVxuICAgICAgICB9XG5cbiAgICAgICAgJi0taW1nIHtcbiAgICAgICAgICAgIGJvcmRlci1yYWRpdXM6IDE0cHg7XG4gICAgICAgICAgICBhc3BlY3QtcmF0aW86IDI4NCAvIDIxNDtcbiAgICAgICAgICAgIG9iamVjdC1maXQ6IGNvdmVyO1xuICAgICAgICAgICAgQGluY2x1ZGUgbXgubXEtc3AoKSB7XG4gICAgICAgICAgICAgICAgYXNwZWN0LXJhdGlvOiAzMzAgLyAyMjM7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLS10dGwge1xuICAgICAgICAgICAgZm9udC1zaXplOiBmYy5teUNsYW1wKDIwLCAyNCk7XG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMS44O1xuICAgICAgICAgICAgZmxleDogMTtcblxuICAgICAgICAgICAgQGluY2x1ZGUgbXgubXEtc3AoKSB7XG4gICAgICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDM2cHg7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmLS1sZWFkIHtcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMS42cmVtO1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogOHB4O1xuICAgICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgICAgICAgIGRpc3BsYXk6IC13ZWJraXQtYm94O1xuICAgICAgICAgICAgLXdlYmtpdC1ib3gtb3JpZW50OiB2ZXJ0aWNhbDtcbiAgICAgICAgICAgIC13ZWJraXQtbGluZS1jbGFtcDogMjtcbiAgICAgICAgfVxuXG4gICAgICAgICYtLWRhdGUge1xuICAgICAgICAgICAgZm9udC1zaXplOiAxLjZyZW07XG4gICAgICAgICAgICBjb2xvcjogIzAwMDtcbiAgICAgICAgICAgIGZvbnQtd2VpZ2h0OiA0MDA7XG4gICAgICAgIH1cblxuICAgICAgICAmLS10YWcge1xuICAgICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICAgIGZsZXgtd3JhcDogd3JhcDtcbiAgICAgICAgICAgIGNvbHVtbi1nYXA6IDIwcHg7XG4gICAgICAgICAgICBmb250LXNpemU6IDEuNHJlbTtcbiAgICAgICAgICAgIGxpbmUtaGVpZ2h0OiAyOHB4O1xuICAgICAgICAgICAgbWFyZ2luLXRvcDogMjBweDtcblxuICAgICAgICAgICAgbGkge1xuICAgICAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgICAgIGNvbnRlbnQ6ICcjJztcbiAgICAgICAgICAgICAgICAgICAgcGFkZGluZy1yaWdodDogMC4yZW07XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfVxuICAgICAgICB9XG4gICAgfVxuXG4gICAgJl9fbGluayB7XG4gICAgICAgIG1hcmdpbi10b3A6IDQwcHg7XG4gICAgfVxufSIsIi8qKlxuICogZnVuY3Rpb25cbiAqL1xuXG5cbi8qIFBD44K144Kk44K644Gu5pyA5bCP5YCk44CB5Y+v5aSJ44K144Kk44K6XG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuQGZ1bmN0aW9uIG1pblNpemUoJHNpemUpIHtcblx0QHJldHVybiBtaW4oJHNpemUgKiAxcHgsIGNhbGMoJHNpemUvMTQ0MCoxMDApKnZhcigtLXZ3KSk7XG59XG5cbi8qIFBD44K144Kk44K644GuY2xhbXBcbi0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tICovXG5AZnVuY3Rpb24gbXlDbGFtcCgkbWluLCAkbWF4LCAkdmlld3BvcnQ6IDE0NDApIHtcblx0JG1pbi1yZW06IGNhbGMoJG1pbiAvMTAgKiAxcmVtKTtcblx0JG1heC1yZW06IGNhbGMoJG1heCAvMTAgKiAxcmVtKTtcblx0JHZhcmlhYmxlLXZ3OiBjYWxjKDF2dyAqICRtYXggLyAkdmlld3BvcnQgKiAxMDApO1xuXG5cdEByZXR1cm4gY2xhbXAoJG1pbi1yZW0sICR2YXJpYWJsZS12dywgJG1heC1yZW0pO1xufVxuXG4vKiBTUOOCteOCpOOCuuOBrmNsYW1wXG4tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLS0tLSAqL1xuQGZ1bmN0aW9uIG15Q2xhbXBTcCgkbWluLCAkbWF4LCAkdmlld3BvcnQ6IDM5MCkge1xuXHQkbWluLXJlbTogY2FsYygkbWluIC8xMCAqIDFyZW0pO1xuXHQkbWF4LXJlbTogY2FsYygkbWF4IC8xMCAqIDFyZW0pO1xuXHQkdmFyaWFibGUtdnc6IGNhbGMoMXZ3ICogJG1pbiAvICR2aWV3cG9ydCAqIDEwMCk7XG5cblx0QHJldHVybiBjbGFtcCgkbWluLXJlbSwgJHZhcmlhYmxlLXZ3LCAkbWF4LXJlbSk7XG59IiwiLyoqXG4gKiBNaXhpblxuICovXG4gQHVzZSBcInNhc3M6bWFwXCI7XG4gXG4gJGJyZWFrcG9pbnRzOiAoXG4gICdzcCc6ICdzY3JlZW4gYW5kIChtYXgtd2lkdGg6IDEwMjNweCknLFxuICAnb3Zlcic6ICdzY3JlZW4gYW5kIChtaW4td2lkdGg6IDE0NDFweCknXG4pICFkZWZhdWx0O1xuXG5AbWl4aW4gbXEtc3AoJGJyZWFrcG9pbnQ6IHNwKSB7XG4gIEBtZWRpYSAje21hcC5nZXQoJGJyZWFrcG9pbnRzLCAkYnJlYWtwb2ludCl9IHtcbiAgICBAY29udGVudDtcbiAgfVxufVxuXG5AbWl4aW4gbXEtb3ZlcigkYnJlYWtwb2ludDogb3Zlcikge1xuICBAbWVkaWEgI3ttYXAuZ2V0KCRicmVha3BvaW50cywgJGJyZWFrcG9pbnQpfSB7XG4gICAgQGNvbnRlbnQ7XG4gIH1cbn1cblxuQG1peGluIGRlZmF1bHQtZm9udCgkd2VpZ2h0OiA1MDApIHtcblx0Zm9udC1mYW1pbHk6IFwiTm90byBTYW5zIEpQXCIsIHNhbnMtc2VyaWY7XG5cdGZvbnQtd2VpZ2h0OiAkd2VpZ2h0O1xufVxuXG5AbWl4aW4gZW4tYm9sZC1mb250KCR3ZWlnaHQ6IDUwMCkge1xuXHRmb250LWZhbWlseTogXCJUZWFjaGVyc1wiLCBzYW5zLXNlcmlmO1xuXHRmb250LXdlaWdodDogJHdlaWdodDtcbn1cblxuQG1peGluIGphLWJvbGQtZm9udCgkd2VpZ2h0OiA1MDApIHtcblx0Zm9udC1mYW1pbHk6IFwiWmVuIEtha3UgR290aGljIE5ld1wiLCBzYW5zLXNlcmlmO1xuXHRmb250LXdlaWdodDogJHdlaWdodDtcbn0iXX0= */