.categoryTitle {
  position: relative;
  font-weight: bold;
}
.categoryTitle::before {
  content: "";
  position: absolute;
  left: 0;
  width: 2px;
  height: 18px;
  background: #004097;
}

.secCategory {
  display: flex;
  flex-wrap: wrap;
}
.secCategory .inputLabel {
  display: flex;
  align-items: baseline;
  font-weight: 500;
  cursor: pointer;
  transition: opacity 0.3s;
}
.secCategory .inputLabel:hover {
  opacity: 0.7;
}
.secCategory .inputLabel * {
  cursor: pointer;
}

@media only screen and (max-width: 767px) {
  .categoryTitle {
    font-size: 18px;
    padding-left: 8px;
  }
  .categoryTitle::before {
    top: 5px;
  }
  .secCategory {
    gap: 20px;
    padding: 18px 0 40px 0;
  }
  .secCategory .inputLabel {
    -moz-column-gap: 6px;
         column-gap: 6px;
    font-size: clamp(14px, 3.85vw, 15px);
  }
}
@media print, screen and (min-width: 768px) {
  .categoryTitle {
    font-size: 18px;
    padding-left: 10px;
  }
  .categoryTitle::before {
    top: 5px;
  }
  .secCategory {
    gap: 20px;
    padding: 18px 0 60px 0;
  }
  .secCategory .inputLabel {
    -moz-column-gap: 6px;
         column-gap: 6px;
    font-size: clamp(14px, 1.25vw, 16px);
  }
}
.secColumnListWrap {
  border-top: solid 1px #DADADA;
}
.secColumnListWrap .columnList {
  border-bottom: solid 1px #DADADA;
}
.secColumnListWrap .columnList .dateRow {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}
.secColumnListWrap .columnList .dateRow .date {
  color: #6e6e6e;
  font-family: "Open Sans", sans-serif;
}
.secColumnListWrap .columnList .dateRow .icon {
  border-radius: 5px;
  color: #ffffff;
  font-weight: 500;
  padding: 2px 8px;
  background: #6E6E6E;
}
.secColumnListWrap .columnList .titleRow .link {
  font-weight: 500;
}

@media only screen and (max-width: 767px) {
  .secColumnListWrap .columnList {
    padding: 20px 0 24px 0;
  }
  .secColumnListWrap .columnList .dateRow {
    padding: 0 0 10px 0;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .secColumnListWrap .columnList .dateRow .date {
    font-size: 14px;
    padding-right: 4px;
  }
  .secColumnListWrap .columnList .dateRow .icon {
    font-size: 14px;
  }
  .secColumnListWrap .columnList .titleRow .link {
    font-size: clamp(14px, 1.41vw, 18px);
    max-width: 100%;
    padding-right: 48px;
    background: url(../../shared/images/arrow_circle_gray.svg) right center no-repeat;
    background-position: right 8px center;
    background-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
}
@media print, screen and (min-width: 768px) {
  .secColumnListWrap .columnList {
    padding: 20px 0 24px 0;
  }
  .secColumnListWrap .columnList .dateRow {
    padding: 0 0 10px 0;
    -moz-column-gap: 10px;
         column-gap: 10px;
  }
  .secColumnListWrap .columnList .dateRow .date {
    font-size: 14px;
    padding-right: 4px;
  }
  .secColumnListWrap .columnList .dateRow .icon {
    font-size: 14px;
  }
  .secColumnListWrap .columnList .titleRow .link {
    font-size: clamp(14px, 1.41vw, 18px);
    max-width: 100%;
    padding-right: 48px;
    background: url(../../shared/images/arrow_circle_gray.svg) right center no-repeat;
    background-position: right 8px center;
    background-size: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
.noneDataArea {
  text-align: center;
  font-weight: 500;
  line-height: 180%;
}

@media only screen and (max-width: 767px) {
  .noneDataArea {
    padding: 40px 0;
    font-size: clamp(14px, 4.1vw, 16px);
  }
}
@media print, screen and (min-width: 768px) {
  .noneDataArea {
    padding: 60px 0;
    font-size: clamp(14px, 1.41vw, 18px);
  }
}/*# sourceMappingURL=style.css.map */