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

_variables.scss

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

_mixins.scss

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

_functions.scss

*********************************/
.newsDetails {
  margin: 3.59375vw auto 6.5625vw;
  width: 100%;
}
.newsDetails__container {
  margin: auto;
  width: 75vw;
}
.newsDetails__date {
  padding-bottom: 1.25vw;
  border-bottom: 0.078125vw solid #A2A2A2;
  font-size: 1.25vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.5;
  color: #585858;
}
.newsDetails__ttl {
  margin-top: 0.703125vw;
  font-size: 1.5625vw;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 1.5;
  color: #224528;
}
.newsDetails__categories {
  margin: 1.5625vw auto 3.046875vw;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.3125vw;
}
.newsDetails__category {
  padding: 0.15625vw 1.09375vw;
  width: max-content;
  min-height: 1.796875vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 0.9375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  color: #585858;
  border: 0.078125vw solid #585858;
  border-radius: 3.59375vw;
  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) {
  .newsDetails__category:hover {
    opacity: 0.7;
  }
}
.newsDetails__desc {
  font-size: 1.09375vw;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 2;
  color: #585858;
}
.newsDetails__desc a {
  font-weight: 500;
  text-decoration: underline;
  text-underline-offset: 0.15625vw;
  transition: all 0.2s linear;
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
}
@media print, screen and (min-width: 769px) {
  .newsDetails__desc a:hover {
    opacity: 0.7;
  }
}
.newsDetails__desc a:hover {
  text-decoration: underline;
}
.newsDetails__thumb {
  margin: 3.28125vw auto 4.0625vw;
  width: 100%;
  height: 28.59375vw;
  display: block;
}

@media print, screen and (max-width: 768px) {
  .newsDetails {
    margin: 5.3846153846vw auto 19.4871794872vw;
  }
  .newsDetails__container {
    width: 87.4358974359vw;
  }
  .newsDetails__date {
    padding-bottom: 4.1025641026vw;
    border-bottom: 0.2564102564vw solid #A2A2A2;
    font-size: 3.3333333333vw;
  }
  .newsDetails__ttl {
    margin-top: 4.1025641026vw;
    font-size: 4.6153846154vw;
    line-height: 1.7;
  }
  .newsDetails__categories {
    margin: 6.6666666667vw auto 10.5128205128vw;
    gap: 1.0256410256vw;
  }
  .newsDetails__category {
    padding: 0.5128205128vw 3.0769230769vw;
    min-height: 5.8974358974vw;
    font-size: 3.0769230769vw;
    line-height: 1.2;
    border: 0.2564102564vw solid #585858;
    border-radius: 13.0769230769vw;
  }
  .newsDetails__desc {
    font-size: 3.3333333333vw;
  }
  .newsDetails__desc a {
    text-underline-offset: 0.5128205128vw;
  }
  .newsDetails__thumb {
    margin: 8.2051282051vw auto 14.358974359vw;
    height: 54.8717948718vw;
  }
}