@charset "UTF-8";

/* -------------------------------------
works
------------------------------------- */
.works_content {
  padding-top: 24px;
  padding-bottom: 120px;
}
.works_item-wrap {

}
#works_item_list {
  display:flex;
  flex-wrap:wrap;
  gap:78px 40px;
}
.works_item {
  width:calc((100% - 40px)/2);
}
.works_item .item_in {
  position:relative;
}
.works_item .item_name {
  font-size:18px;
  padding:0 20px 7px 13px;
  background-color:#fff;
  border-radius:0 0 24px 0;
  position:absolute;
  top:-2px;
  left:-2px;
  z-index:1;
}
.works_item .imgbk {
  border-radius:10px;
  overflow:hidden;
}


.slick-dots {
  bottom:0;
}
.slick-dots li {
  width:9px;
  height:9px;
  border-radius:50%;
  background-color:#fff;
  opacity:0.5;
}
.slick-dots li.slick-active {
  opacity:1;
}


@media screen and (max-width: 1440px) {
/* -------------------------------------

------------------------------------- */


}


@media screen and (max-width: 1260px) {


}

@media screen and (max-width: 1050px) {


}

@media screen and (max-width: 980px) {
#works_item_list {
    gap: min(7.96vw,78px) 30px;
}
.works_item {
    width: calc((100% - 30px) / 2);
}
.works_item .item_name {
  font-size:clamp(14px,1.83vw,18px);
}


}

@media screen and (max-width: 920px) {
}

@media screen and (max-width: 880px) {




}

@media screen and (max-width: 820px) {




}

@media screen and (max-width: 768px) {


}

@media screen and (max-width: 700px) {
}

@media screen and (max-width: 640px) {

}

@media screen and (max-width: 600px) {

.works_item {
    width: 100%;
}

}

@media screen and (max-width: 500px) {



}

@media screen and (max-width: 400px) {


}
@media screen and (max-width: 360px) {


}

@media screen and (max-width: 320px) {

}

@media screen and (min-width: 769px) {
 
}