#event,
#shop,
#map,
#person,
#collaboration,
#about,
#access {
  margin-top: -9vw;
  padding-top: 9vw;
}
@media screen and (max-width: 520px) {
  #event,
  #shop,
  #map,
  #person,
  #collaboration,
  #about,
  #access {
    margin-top: -20vw;
    padding-top: 20vw;
  }
}

@media screen and (min-width: 521px) {
  .contents {
    background: linear-gradient(90deg, #17b2e3 0%, #17b2e3 12.8%, #fff 12.8%, #fff 87.2%, #17b2e3 87.2%, #17b2e3 100%);
  }
}