@charset "UTF-8";
/**
 * 変数
 */
/**
 * color
 * ---------------------------
 */
/**
 * コンテンツ幅
 * ---------------------------
 */
/**
 * font famiry
 * ---------------------------
 */
/*
newsTopics
---------------------------*/
#newsTopics .wrap {
  padding: 0 0 55px 0;
}
#newsTopics .inner {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto;
}
#newsTopics hgroup h2 {
  font-size: min(14vw, 50px);
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #E1E2E4;
}
#newsTopics hgroup p {
  margin-top: 22px;
  font-size: min(4vw, 15px);
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  color: #08091B;
}
#newsTopics ul {
  margin-top: 56px;
  border-top: 1px solid #D7D8D9;
  border-bottom: 1px solid #D7D8D9;
}
#newsTopics ul li + li {
  border-top: 1px solid #D7D8D9;
}
#newsTopics ul li > a, #newsTopics ul li > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 24px 0 25px;
}
#newsTopics ul li > a .date, #newsTopics ul li > div .date {
  width: 66px;
  font-size: 15px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #B1B1B2;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
#newsTopics ul li > a .text, #newsTopics ul li > div .text {
  width: 100%;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  line-height: 1.3;
  color: #08091B;
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3;
}
#newsTopics ul li > a .text a, #newsTopics ul li > div .text a {
  font-size: 14px;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.1em;
  color: #08091B;
  text-decoration: underline;
}
#newsTopics ul li > a .label, #newsTopics ul li > div .label {
  width: 70px;
  margin-left: 27px;
  font-size: 13px;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  letter-spacing: 0.02em;
  color: #FFFFFF;
  text-align: center;
  background: #08091B;
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
@media (min-width: 769px) {
  #newsTopics .wrap {
    padding: 0 0 80px;
  }
  #newsTopics .inner {
    width: 90%;
    max-width: 1280px;
    margin: 0 auto;
  }
  #newsTopics hgroup h2 {
    font-size: min(8vw, 88px);
  }
  #newsTopics hgroup p {
    font-size: 16px;
  }
  #newsTopics ul {
    margin-top: 80px;
  }
  #newsTopics ul li > a, #newsTopics ul li > div {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 29px 0 32px;
  }
  #newsTopics ul li > a .text, #newsTopics ul li > div .text {
    width: calc(100% - 65px);
    margin-top: 0;
    padding-left: 40px;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  #newsTopics ul li > a .label, #newsTopics ul li > div .label {
    width: 79px;
    margin-left: 15px;
    -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
            order: 3;
  }
}/*# sourceMappingURL=news.css.map */