@charset "utf-8";

.list1wrap { position: relative; padding: 30px 60px; background-color: #fff; }
.list1wrap .listul { display: flex; flex-wrap: wrap; margin: -6px; }
.list1wrap .listul .listli { width: 25%; padding: 6px; }
.list1wrap .listul .listli .lista { display: block; }
.list1wrap .listul .listli .lista .imgbox { position: relative; padding-bottom: 100%; overflow: hidden; border-bottom: 1px solid #E1E1E1; }
.list1wrap .listul .listli .lista .imgbox img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: auto; height: auto; min-width: 100%; min-height: 100%; max-width: 105%; }
.list1wrap .listul .listli .lista .imgbox .no_image { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
@media (max-width: 1660px) {
    .list1wrap { padding: 25px 50px; }
}
@media (max-width: 1440px) {
    .list1wrap { padding: 20px 40px; }
}
@media (max-width: 1279px) {
    .list1wrap { padding: 15px 30px; }
}
@media (max-width: 1023px) {
    .list1wrap { padding: 15px 20px; }
}
@media (max-width: 767px) {
    .list1wrap { padding: 15px; }
    .list1wrap .listul .listli { width: 33.3333%; }
}
@media (max-width: 524px) {
    .list1wrap .listul { margin: initial; justify-content: space-between; }
    .list1wrap .listul .listli { width: 48%; padding: initial; }
    .list1wrap .listul .listli:nth-of-type(n + 3) { margin-top: 4%; }
}