.l-contents {
  isolation: isolate;
}

.l-contents::before,
.l-contents::after {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 300px;
  content: "";
  -webkit-mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.9) 45%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
  mask-image: linear-gradient(to bottom, #000 0%, rgba(0, 0, 0, 0.9) 45%, rgba(0, 0, 0, 0.4) 75%, transparent 100%);
}

.l-contents::after {
  opacity: 0.07;
  background-image: url(/assets/images/top/runnersbg.jpg);
  background-repeat: repeat;
  background-position: center;
  background-size: 1020px;
  transform-origin: center;
}

@media screen and (max-width: 767px) {
  .l-contents::after {
    background-size: 400px;
  }
}

@media screen and (min-width: 768px) {
  .column_card_list {
    flex-wrap: wrap;
    row-gap: 10px;
  }
}