.visual-bg {
  background-color: #fff8ee;
}

.visual {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

.visual-item {
  width: 33%;
  margin: 0 .5% .5% 0;
  background-color: #fff;
  overflow: hidden;
}

.lity-wrap .lity-close::before {
  content: none !important;
}

.lity-close {
  background: url('../img/toggle/close.svg') no-repeat center center !important;
  background-size: contain !important;
  width: 60px !important;
  height: 60px !important;
  opacity: 1 !important;
  font-size: 1px !important;
  line-height: 0px !important;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0);
}

@media screen and (min-width: 1px) and (max-width: 750px) {
  .visual-item {
    width: 49%;
    margin: 0 1% 1% 0;
    background-color: #fff;
    overflow: hidden;
  }

  .visual-item:nth-child(2n) {
    margin: 0 0 1%;
  }
}

@media screen and (min-width: 751px) and (max-width: 1024px) {
  .visual-item:nth-child(3n) {
    margin: 0 0 .5%;
  }
}

@media screen and (min-width: 1025px) {
  .visual-item:nth-child(3n) {
    margin: 0 0 .5%;
  }
}