@font-face {
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/MPLUSRounded1c-Regular.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/MPLUSRounded1c-Medium.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/MPLUSRounded1c-Bold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "M PLUS Rounded 1c";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/MPLUSRounded1c-ExtraBold.woff2") format("woff2");
  font-display: swap;
}
@font-face {
  font-family: "Rubik";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Rubik-Medium.woff2") format("woff2");
  font-display: swap;
}
/********************************************
* page news
********************************************/
#news .topics_list {
  max-width: 800px;
  display: flex;
  flex-direction: column;
  margin: 0 auto;
}
@media (min-width: 751px) and (max-width: 1300px) {
  #news .topics_list {
    max-width: 61.5384615385vw;
  }
}
#news .topics_list .item_block {
  position: relative;
  width: 100%;
  padding: 43px 0 40px;
}
@media (min-width: 751px) {
  #news .topics_list .item_block {
    display: flex;
    justify-content: flex-start;
  }
}
@media (min-width: 751px) and (max-width: 1300px) {
  #news .topics_list .item_block {
    padding: 3.3076923077vw 0 3.0769230769vw;
  }
}
@media (max-width: 750px) {
  #news .topics_list .item_block {
    padding: 5.7333333333vw 0 5.3333333333vw;
  }
}
#news .topics_list .item_block::before, #news .topics_list .item_block::after {
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 4px;
  background-size: 90px 4px;
  background-repeat: repeat-x;
  background-image: url(../images/common/line_style01.webp);
}
@media (min-width: 751px) and (max-width: 1300px) {
  #news .topics_list .item_block::before, #news .topics_list .item_block::after {
    height: 0.3076923077vw;
    background-size: 6.9230769231vw 0.3076923077vw;
  }
}
@media (max-width: 750px) {
  #news .topics_list .item_block::before, #news .topics_list .item_block::after {
    height: 0.5333333333vw;
    background-size: 12vw 0.5333333333vw;
  }
}
#news .topics_list .item_block::before {
  top: 0;
}
#news .topics_list .item_block::after {
  content: "";
  bottom: 0;
}
#news .topics_list .item_block:first-child::before {
  content: "";
}
#news .topics_list .item_block .date_wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  line-height: 1.6;
  padding: 3px 0;
  margin-right: 30px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  #news .topics_list .item_block .date_wrap {
    padding: 0.2307692308vw 0;
    margin-right: 2.3076923077vw;
  }
}
@media (max-width: 750px) {
  #news .topics_list .item_block .date_wrap {
    justify-content: flex-start;
    padding: 0;
    margin-right: 0;
    margin-bottom: 1.3333333333vw;
  }
}
#news .topics_list .item_block .date {
  margin-right: 10px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  #news .topics_list .item_block .date {
    margin-right: 0.7692307692vw;
  }
}
@media (max-width: 750px) {
  #news .topics_list .item_block .date {
    margin-right: 2vw;
  }
}
#news .topics_list .item_block .category {
  color: #fff;
  font-weight: 500;
  line-height: 1;
  padding: 4px 18px;
  border-radius: 12px;
}
@media (min-width: 751px) and (max-width: 1300px) {
  #news .topics_list .item_block .category {
    padding: 0.3076923077vw 1.3846153846vw;
    border-radius: 0.9230769231vw;
  }
}
@media (max-width: 750px) {
  #news .topics_list .item_block .category {
    font-size: 2.6666666667vw;
    margin-top: 0.5333333333vw;
    padding: 0.6666666667vw 2.6666666667vw;
    border-radius: 2vw;
  }
}
#news .topics_list .item_block .title {
  flex: 1;
}
#news .topics_list .item_block.item_news .date_wrap .category {
  background-color: #f7931e;
}
#news .topics_list .item_block.item_event .date_wrap .category {
  background-color: #39b54a;
}/*# sourceMappingURL=news.css.map */