.picList ul::after {
  content: "";
  display: block;
  clear: both;
}
.picList ul li {
  float: left;
}
.picList ul li img {
  max-width: 100%;
}
.picList ul li.list02 {
  width: 40%;
  height: 238px;
}
.picList ul li.list02 img {
  height: 238px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: bottom;
     object-position: bottom;
}
.picList ul li.list03 {
  width: 59.5%;
  height: 238px;
}
.picList ul li.list03 img {
  height: 238px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
}
.picList ul li.list05 {
  width: 40%;
  height: 238px;
}
.picList ul li.list05 img {
  height: 238px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: bottom;
     object-position: bottom;
}
.picList ul li.list04 {
  width: 59.5%;
  height: 238px;
}
.picList ul li.list04 img {
  height: 238px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
}
.picList ul li.list06 {
  width: 49.8%;
  height: 238px;
}
.picList ul li.list06 img {
  height: 238px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  -o-object-position: center;
     object-position: center;
}
.picList ul li.list07 {
  width: 49.8%;
}

@media screen and (max-width: 736px) {
  .picList ul {
    display: flex;
    flex-wrap: wrap;
  }
  .picList ul li {
    float: none;
    width: 50% !important;
    height: 20vh !important;
  }
  .picList ul li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100% !important;
    height: 100% !important;
  }
}
.mainText img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.galleryBox img {
  width: 230px;
  height: 230px;
  -o-object-fit: cover;
     object-fit: cover;
}/*# sourceMappingURL=style.css.map */