.secCategory .categoryTitle {
  font-weight: bold;
  color: #2D2E61;
}
.secCategory .categoryList {
  display: flex;
  flex-wrap: wrap;
}
.secCategory .categoryList .listItem {
  background: #ffffff;
  color: #A2A2A2;
  font-weight: bold;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
}
.secCategory .categoryList .listItem.on, .secCategory .categoryList .listItem:hover {
  background: #2D2E61;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .secCategory {
    padding: 0 0 40px 0;
  }
  .secCategory .categoryTitle {
    font-size: clamp(14px, 4.1vw, 16px);
  }
  .secCategory .categoryList {
    -moz-column-gap: 4px;
         column-gap: 4px;
    row-gap: 4px;
    padding: 12px 0 0 0;
  }
  .secCategory .categoryList .listItem {
    width: calc(50% - 2px);
    font-size: clamp(14px, 3.85vw, 15px);
  }
}
@media print, screen and (min-width: 768px) {
  .secCategory {
    padding: 0 0 20px 0;
  }
  .secCategory .categoryTitle {
    font-size: clamp(14px, 1.25vw, 16px);
  }
  .secCategory .categoryList {
    -moz-column-gap: 1.33%;
         column-gap: 1.33%;
    row-gap: 20px;
    padding: 18px 0 0 0;
  }
  .secCategory .categoryList .listItem {
    width: 24%;
    font-size: clamp(14px, 1.17vw, 15px);
  }
}
.secNewsList .newsListWrap .newsList {
  border-bottom: solid 1px #d7d7d7;
  display: block;
}
.secNewsList .newsListWrap .newsList .dataRow {
  display: flex;
  align-items: center;
}
.secNewsList .newsListWrap .newsList .dataRow .date {
  color: #2D2E61;
  font-weight: 500;
}
.secNewsList .newsListWrap .newsList .dataRow .category {
  background: #2D2E61;
  color: #ffffff;
  font-weight: 500;
  border-radius: 3px;
  min-width: 78px;
  text-align: center;
  padding: 2px 10px;
}
.secNewsList .newsListWrap .newsList .dataRow .category:empty {
  display: none;
}
.secNewsList .newsListWrap .newsList .titleRow {
  font-weight: 500;
  color: #000000;
  background: url(../../shared/images/arrow_right_black.svg) right center no-repeat;
  background-size: 6px;
}

@media only screen and (max-width: 767px) {
  .secNewsList .newsListWrap .newsList {
    padding: 28px 0 28px 0;
  }
  .secNewsList .newsListWrap .newsList .dataRow {
    -moz-column-gap: 8px;
         column-gap: 8px;
    padding: 0 0 4px 0;
  }
  .secNewsList .newsListWrap .newsList .dataRow .date {
    font-size: 13px;
  }
  .secNewsList .newsListWrap .newsList .dataRow .category {
    font-size: 14px;
  }
  .secNewsList .newsListWrap .newsList .titleRow {
    font-size: clamp(14px, 3.85vw, 15px);
    padding: 0 12px 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .secNewsList .newsListWrap .newsList {
    padding: 40px 0 38px 0;
  }
  .secNewsList .newsListWrap .newsList .dataRow {
    -moz-column-gap: 16px;
         column-gap: 16px;
    padding: 0 0 12px 0;
  }
  .secNewsList .newsListWrap .newsList .dataRow .date {
    font-size: 14px;
  }
  .secNewsList .newsListWrap .newsList .dataRow .category {
    font-size: 14px;
  }
  .secNewsList .newsListWrap .newsList .titleRow {
    font-size: clamp(14px, 1.25vw, 16px);
    padding: 0 24px 0 0;
  }
}/*# sourceMappingURL=style.css.map */