/*********************************

_variables.scss

*********************************/
/*********************************

_mixins.scss

*********************************/
/*********************************

_functions.scss

*********************************/
.news {
  margin: 3.515625vw auto 5.546875vw;
  width: 100%;
}
.news__container {
  margin: auto;
  width: 75vw;
}
.news__categories {
  margin: 0 0 1.953125vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125vw;
}
.news__featureItems {
  margin: 0 auto 5.859375vw;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
}
.news__item {
  padding: 1.953125vw 0;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 1.796875vw;
  border-top: 0.078125vw solid #A2A2A2;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
@media print, screen and (min-width: 769px) {
  .news__item:hover {
    opacity: 0.7;
  }
}
.news__item:last-child {
  border-bottom: 0.078125vw solid #A2A2A2;
}
.news__itemDate, .news__itemTtl {
  position: relative;
}
.news__itemDate:after, .news__itemTtl:after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 0.0390625vw;
  height: 0.9375vw;
  background-color: #585858;
}
.news__itemDate {
  width: 6.25vw;
  font-size: 1.09375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: #585858;
}
.news__itemDate:after {
  right: 0;
}
.news__itemCat {
  padding: 0.15625vw 0.9375vw;
  width: max-content;
  min-height: 1.484375vw;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 0.078125vw solid #585858;
  border-radius: 3.59375vw;
  font-size: 0.859375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #585858;
  text-align: center;
  box-sizing: border-box;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
@media print, screen and (min-width: 769px) {
  .news__itemCat:hover {
    opacity: 0.7;
  }
}
.news__itemTtl {
  padding-left: 1.796875vw;
  font-size: 1.09375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: #585858;
}
.news__itemTtl:after {
  left: 0;
}

@media print, screen and (max-width: 768px) {
  .news {
    margin: 9.2307692308vw auto 21.2820512821vw;
  }
  .news__container {
    width: 87.4358974359vw;
  }
  .news__categories {
    margin: 0 0 5.8974358974vw;
    gap: 1.0256410256vw;
  }
  .news__featureItems {
    margin: 0 auto 16.9230769231vw;
  }
  .news__item {
    padding: 4.358974359vw 0;
    flex-wrap: wrap;
    gap: 2.5641025641vw 3.3333333333vw;
    border-top: 0.2564102564vw solid #A2A2A2;
  }
  .news__item:last-child {
    border-bottom: 0.2564102564vw solid #A2A2A2;
  }
  .news__itemDate:after, .news__itemTtl:after {
    width: 0.1282051282vw;
    height: 3.0769230769vw;
  }
  .news__itemDate {
    padding-right: 2.5641025641vw;
    width: 15.3846153846vw;
    font-size: 3.3333333333vw;
  }
  .news__itemDate:after {
    right: 0;
  }
  .news__itemCat {
    padding: 0.5128205128vw 3.0769230769vw;
    min-height: 4.8717948718vw;
    border: 0.2564102564vw solid #585858;
    border-radius: 11.7948717949vw;
    font-size: 2.8205128205vw;
  }
  .news__itemTtl {
    padding-left: 0;
    width: 100%;
    font-size: 3.3333333333vw;
  }
  .news__itemTtl:after {
    display: none;
  }
}