.gallery {
  display: flex;
  flex-wrap: wrap;
  width: 80%;
  margin: 5% auto;
  position: relative;
}
.gallery .img-box {
  margin-bottom: 3%;
}
.gallery .b1 {
  width: 52%;
  padding-right: 1.5%;
}
.gallery .b2 {
  width: 48%;
  padding-left: 1.5%;
}
.gallery .b2 .result-img:nth-child(1) {
  padding-bottom: 5.3%;
}
.gallery .b3 {
  width: 29%;
  padding-right: 1.5%;
}
.gallery .b3 .result-img:nth-child(1) {
  margin-bottom: 6%;
}
.gallery .b4 {
  padding-left: 1.5%;
  padding-right: 1.5%;
  width: 23%;
}
.gallery .b5 {
  padding-left: 1.25%;
  width: 48%;
}
.gallery .b6 {
  width: 52%;
  padding-right: 1.5%;
}
.gallery .b7 {
  width: 48%;
  padding-left: 1.5%;
}
.gallery .b7 .result-img:nth-child(1) {
  padding-bottom: 5%;
}
.gallery .text-box {
  width: 31%;
  position: absolute;
  top: 3%;
  left: -5%;
  background-color: #d2000f;
  font-size: 1.3vw;
  padding: 1% 2%;
  box-shadow: 0.5em -0.5em #5e9e99;
}
.gallery .text2 {
  top: 37%;
  right: -5%;
  left: auto;
}
.gallery .text3 {
  top: auto;
  bottom: 20%;
  left: -5%;
}

.gallery2 {
  margin-bottom: 15%;
}
.gallery2 .title-box {
  display: flex;
  align-items: center;
  width: 80%;
  margin: 5% auto;
}
.gallery2 .text-box {
  width: 50%;
  color: white;
  background-color: #d2000f;
  font-size: 1.7vw;
  font-weight: 800;
  text-align: center;
  padding: 1% 2%;
  box-shadow: 0.5em -0.5em #5e9e99;
}
.gallery2 .text-box2 {
  padding-left: 9%;
  font-size: 1.4vw;
  font-weight: 800;
}

@media (max-width: 700px) {
  .gallery {
    margin-bottom: 20%;
  }
  .gallery .img-box {
    width: 100%;
    margin-bottom: 5%;
  }
  .gallery .b1 {
    padding-right: 0;
  }
  .gallery .b2 {
    padding-left: 0;
  }
  .gallery .b3 {
    width: 57.5%;
    padding-left: 0;
  }
  .gallery .b4 {
    width: 42.5%;
    padding-right: 0;
  }
  .gallery .b5 {
    padding-left: 0;
  }
  .gallery .b6 {
    width: 52.5%;
    padding-left: 0;
  }
  .gallery .b7 {
    width: 47.5%;
    padding-right: 0;
  }
  .gallery .b7 .result-img:nth-child(1) {
    padding-bottom: 8%;
  }
  .gallery2 .title-box {
    display: block;
    font-size: 1.4vw;
  }
  .gallery2 .title-box .text-box2 {
    padding-left: 0;
    padding: 2% 0;
  }
}
@media (max-width: 700px) {
  .gallery2 .text-box {
    font-size: 17px;
    width: 50%;
  }
  .gallery2 .text-box2 {
    font-size: 13px;
    line-height: 150%;
    margin-top: 5%;
  }
  .gallery2 .title-box {
    margin-top: 10%;
  }
}/*# sourceMappingURL=result.css.map */