.wrapper .bd ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.wrapper .bd ul li {
  margin-top: 20px;
  padding: 10px 20px;
  width: 520px;
  height: 200px;
  background-image: url("../images/sprite1.png");
  background-size: calc(1058px * (520 / 857)) calc(1337px * (200 / 380));
  background-position: calc(-14px * (520 / 857)) calc(-658px * (200 / 380));
}

.wrapper .hd h1 {
  font-size: 20px;
}

.wrapper .bd ul li h3 {
  text-align: center;
}

.wrapper .bd ul li p {
  font-size: 14px;
  margin-top: 5px;
  font-weight: 800px;
}