.news {
  width: 100%;
}

.news-inner {
  width: 100%;
  margin: 0 0 1.4rem;
  padding: 0 0 1.4rem;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  border-bottom: #ccc solid 1px;
}

.news-inner:last-child {
  margin: 0;
}


.news-date {
  width: 10%;
  font-size: 14px;
}

.news-cat {
  width: 10%;
  text-align: center;
  color: #fff;
  font-size: 12px;
  background-color: #2d4b70;
}

.news-text {
  width: 68%;
  margin: 0 0 0 2%;
  font-size: 16px;
}


@media screen and (min-width: 1px) and (max-width: 743px) {
  .news-inner {
    margin: 0 0 1rem;
    padding: 0 0 1rem;
    flex-wrap: wrap;
  }

  .news-date {
    width: 20%;
    font-size: 3.2vw;
    margin: 0 2% 0.5em 0;
  }

  .news-cat {
    width: 25%;
    margin: 0 0 0.5em;
    font-size: 2.67vw;
  }

  .news-text {
    width: 100%;
    margin: 0;
    font-size: 3.2vw;
  }

}

@media screen and (min-width: 744px) and (max-width: 1024px) {
  .news-date {
    width: 13%;
    font-size: 1.56vw;
  }

  .news-cat {
    width: 10%;
    font-size: 1.30vw;
  }

  .news-text {
    width: 77%;
    font-size: 1.82vw;
  }
}

@media screen and (min-width: 1025px) {}