.event-category-section {
  padding-top: 20px; }
  @media screen and (min-width: 569px) {
    .event-category-section {
      padding-top: 40px; } }
  .event-category-section + .event-category-section {
    padding-top: 40px; }

@media screen and (min-width: 569px) {
  .event-category-section-inner {
    margin-left: -20px; } }

.event-category-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px; }
  @media screen and (min-width: 569px) {
    .event-category-list {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px; } }

.event-category-list-item {
  position: relative;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  background-color: #fff;
  border: 1px solid #d9d9d9; }
  .event-category-list-item::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    border-top: 0px solid transparent;
    border-right: 20px solid transparent;
    border-bottom: 20px solid transparent;
    border-left: 20px solid #ff8ba2; }
  .event-category-list-item:hover {
    opacity: 0.8; }

.event-category-link-text {
  position: relative;
  z-index: 10;
  display: block;
  padding: 12px 0 20px;
  color: #01325b;
  text-decoration: none;
  background: no-repeat 50% 75% url(/common/images/ico-arrow-down.svg); }

@media screen and (min-width: 569px) {
  .event-page-top-btn {
    padding-top: 20px; } }