.c-sec--pageTtl .c-ttl p::before {
  background-color: #1288FF;
}

.c-sec--list .c-sec-inner {
  max-width: 1120px;
}

.c-sec--list .list-contents {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #BABABA;
  padding-bottom: 40px;
}

.c-sec--list .list-contents > div {
  width: calc(25% - 30px);
  margin-right: 40px;
}

.c-sec--list .list-contents > div:nth-of-type(4n) {
  margin-right: 0;
}

.c-sec--list .list-contents > div:nth-of-type(n+5) {
  margin-top: 40px;
}

.c-sec--list .list-contents > div .date-tag {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px 20px;
  margin: 24px 0 12px;
}

.c-sec--list .list-contents > div .date-tag .c-date {
  font-size: 0.875rem;
}

.c-sec--list .list-contents > div .date-tag .c-icon {
  padding: 0 12px;
}

.c-sec--list .list-contents .pic img {
    max-height: 7.5rem;
    object-fit: cover;
}

@media (max-width: 767px) {
  .c-sec--list .list-contents > div {
    width: 100%;
    margin-right: 0;
  }
  .c-sec--list .list-contents > div .date-tag {
    gap: 4px 10px;
    margin: 12px 0 6px;
  }
  .c-sec--list .list-contents > div + div {
    margin-top: 30px;
  }
  .c-sec--list .list-contents > div:nth-of-type(n+5) {
    margin-top: 30px;
  }

  .c-sec--list .list-contents .pic img {
        max-height: 100%;
        object-fit: cover;
        height: auto;
}

}