/* タイトル */
/* event-top.css参照 */
header .pageTitle__area {
  padding: 40px 0px 0px;
}

/* 開催済みイベント */
.heldEvent__mainContent {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 40px 0px 80px;
  width: 1280px;
}

.heldEvents {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  position: relative;
  gap: 16px;
  width: 100%;
}

.pagination {
  margin-top: 0px;
}

@media screen and (max-width: 767px) {
  /* タイトル */
  .pageTitle__area {
    padding: 24px 0px 0px;
  }

  /* 開催済みイベント */
  .heldEvent__mainContent {
    gap: 24px;
    padding: 24px 0px 56px;
    width: 100%;
  }

  .heldEvents {
    flex-direction: column;
  }
}