@charset "UTF-8";
/*================================================
このCSSファイルはSassから生成されています。
編集しないようにご注意ください。
================================================*/
html {
  font-size: 62.5%;
  /* 10px */
  height: 100%;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
}

.gallery_wrap {
  margin: 0 5%;
  display: -ms-grid;
  display: grid;
  grid-gap: 3px;
  gap: 3px;
  grid-template-columns: repeat(auto-fit, minmax(32.66667%, 1fr));
  padding-top: 2.8rem;
}

.img_outer {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 100%;
}

.img_outer img {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .gallery_wrap {
    width: 90%;
    max-width: 980px;
    margin: 0 auto;
    grid-template-columns: repeat(auto-fit, minmax(23%, 1fr));
  }
}

@media screen and (min-width: 1024px) {
  .gallery_wrap {
    padding-top: 37px;
  }
}

/*# sourceMappingURL=../css/style.css.map */