@charset "UTF-8";

body { background: url(../../img/00_main/bg.jpg) no-repeat; background-size: cover; }
.main { position: relative; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; min-height: 665px; }
.main img { width: auto; max-width: 100%; }
.main ul li { padding: 0; }
.main ul li:nth-child(2n+1) { margin: 100px 0 0 0; }

@media (max-width:991px) {
.main { position: relative; height: 100%; min-height: 50px; padding: 10% 5%; }
.main ul li { padding: 10px 0; }
.main ul li:nth-child(2n+1) { margin: 0; }
footer { position: relative; left: 0; bottom: 0; width: 100%; }
}