@charset "UTF-8";
#works_sec .works_list {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}
#works_sec .works_list .col {
  width: calc(33.3333333333% - 14px);
  margin-left: 21px;
}
#works_sec .works_list .col a {
  display: block;
}
#works_sec .works_list .col .thumb {
  width: 100%;
  aspect-ratio: 300/225;
  overflow: hidden;
  background-size: cover;
  background-position: center top;
}
#works_sec .works_list .col .thumb img {
  position: absolute;
  left: 0;
  width: 100%;
  height: auto;
}
#works_sec .works_list .col .project_name {
  font-size: 14px;
  line-height: 18px;
  margin-top: 7px;
  color: #000;
}
#works_sec .works_list .col:nth-child(3n+1) {
  margin-left: 0;
}
#works_sec .works_list .col:nth-child(n+4) {
  margin-top: 20px;
}

/*
// PC用
@media screen and (min-width: 769px){
	@import "top/pc";

}

// スマホ用
@media screen and (max-width: 768px){
	@import "top/sp";

}
*/