@charset "UTF-8";

.bannerArea {
  max-width: 1024px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

@media screen and (max-width: 1023px) {
  .bannerArea {
    padding: 20px;
  }
}

.bannerArea a {
  display: block;
  width: calc((100% - 20px) / 3);
}

@media screen and (max-width: 1023px) {
  .bannerArea a {
    width: 100%;
    margin-bottom: 10px;
  }
}

.bannerArea a.mr {
  margin-right: 10px;
}

@media screen and (max-width: 1023px) {
  .bannerArea a.mr {
    margin-right: 0;
  }
}