@media all and (min-width: 768px), print {
  .c-page-heading{
    margin-bottom: calc(18 / var(--font-size) * 1rem);
  }
  .news-heading__info {
    display: flex;
    align-items: center;
    width:100%;
  }
  .news-heading-info-cat {
    color: #fff;
    font-size: calc(12 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.6;
    border-radius: 9999px;
    padding: calc(2 / var(--font-size) * 1rem) calc(12 / var(--font-size) * 1rem);
    margin-left: calc(16 / var(--font-size) * 1rem);
  }
  .news-heading-info-cat--jigyo01 {
    background: var(--main-color-jigyo01);
  }
  .news-heading-info-cat--jigyo02 {
    background: var(--main-color-jigyo02);
  }
  .news-heading-info-cat--jigyo03 {
    background: var(--main-color-jigyo03);
  }
  .news-heading-info-cat--jigyo04 {
    background: var(--main-color-jigyo04);
  }
  .news-heading-info-cat--jigyo05 {
    background: var(--main-color-jigyo05);
  }
  .news-heading-info-cat--jigyo01::before {
    content: "総合";
  }
  .news-heading-info-cat--jigyo02::before {
    content: "みらいエコ";
  }
  .news-heading-info-cat--jigyo03::before {
    content: "先進的窓リノベ";
  }
  .news-heading-info-cat--jigyo03::before {
    content: "給湯省エネ";
  }
  .news-heading-info-cat--jigyo03::before {
    content: "賃貸集合給湯省エネ";
  }
  .news-heading-info-cat--jigyo03::before {
    content: "GX住宅";
  }
  .news-heading__date {
    color: #3c3c3c;
    font-size: calc(14 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.6;
  }
  * + .l-block {
    margin-top: calc(32 / var(--font-size) * 1rem);
  }
  .news-heading__body {
    width: calc(100% - calc((242 + 17) / var(--font-size) * 1rem));
    margin-left: calc(17 / var(--font-size) * 1rem);
  }
  .top-btn {
    margin-top: calc(41 / var(--font-size) * 1rem);
  }
  .l-container.--lower-container .l-container__body {
    padding-bottom: calc(80 / var(--font-size) * 1rem);
  }
}

@media all and (max-width: 767px) {
  .c-page-heading{
    margin-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .news-heading__info {
    display: flex;
    align-items: center;
    width:100%;
  }
  .news-heading__date {
    color: #3c3c3c;
    font-size: calc(12 / var(--font-size) * 1rem);
    font-weight: bold;
    line-height: 1.6;
  }
  * + .l-block {
    margin-top: calc(25 / var(--font-size) * 1rem);
  }
  .news-heading__body {
    width: calc(100% - calc((242 + 17) / var(--font-size) * 1rem));
    margin-left: calc(17 / var(--font-size) * 1rem);
  }
  .top-btn {
    margin-top: calc(41 / var(--font-size) * 1rem);
  }
}