.event02-list {
  gap: 20px;
}
.event02-list li {
  width: calc(33.3333333333% - 20px) !important;
}
@media (max-width: 1024px) {
  .event02-list {
    flex-direction: column !important;
    gap: 20px;
  }
  .event02-list li {
    width: 100% !important;
    margin: 0 !important;
  }
}

@media (max-width: 1024px) {
  .event01-title, .event02-title {
    font-size: 30px !important;
  }
}/*# sourceMappingURL=event.css.map */