.cases-220831-items {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}
.cases-220831-items * {
  margin: 0;
  padding: 0;
}
.cases-220831-items li {
  flex: 0 0 calc(25% - 18px);
  height: auto;
  margin-right: 24px;
  margin-bottom: 24px;
}
.cases-220831-items li:nth-child(4n) {
  margin-right: 0;
}
.cases-220831-items li a {
  display: block;
  position: relative;
}
.cases-220831-items li a:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.cases-220831-items li a:hover .cases-item-name {
  background: url("../images/cases-hover-bg.png") repeat-x;
}
.cases-220831-items li .cases-item-thumbnail {
  width: 100%;
  height: 280px;
}
.cases-220831-items li .cases-item-thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
}
.cases-220831-items li .cases-item-name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  padding: 0 32px;
  transition: all 300ms;
  overflow: hidden;
  font-size: 20px;
  display: flex;
  -webkit-box-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  align-items: center;
  height: 80px;
  color: #fff;
}
/*# sourceMappingURL=cases-220831.css.map */