/* ============================================================
   CONFIG
   基準幅を変数で管理。px値 ÷ --base × 100vw で自動計算。
   PC基準: 1366px / SP基準: 375px
   ============================================================ */

:root {
  --base: 1366;
  --base-sp: 375;
}

/* ============================================================
   BASE
   ============================================================ */

p {
  color: #000;
  margin: 0;
}

p.is_white {
  color: #fff;
}

/* ============================================================
   UTILITY
   ============================================================ */

.u_pc {
  display: block;
}
@media screen and (max-width: 767px) {
  .u_pc {
    display: none;
  }
}

.u_sp {
  display: none;
}
@media screen and (max-width: 767px) {
  .u_sp {
    display: block;
  }
}



/* ============================================================
    Content
   ============================================================ */



.un_news {
    background: none!important;
    padding: calc(120 / var(--base) * 100vw) 0 calc(170 / var(--base) * 100vw)!important;
}

.un_news_content p {
    font-family: "YuGothic", "Yu Gothic", sans-serif;
    color: #4A4A4A;
}

.un_news_info .cat {
    font-family: "YuGothic", "Yu Gothic", sans-serif;
    border-radius: 100px;
    font-size: calc(13 / var(--base) * 100vw);
    padding: calc(2 / var(--base) * 100vw) calc(15 / var(--base) * 100vw) calc(1 / var(--base) * 100vw);
}

.un_news_info .date {
    font-family: 'Minion Pro', serif;
    font-size: calc(18 / var(--base) * 100vw);
    padding-top: calc(4 / var(--base) * 100vw);
}


@media screen and (max-width: 767px) {
  .un_news {
    background: none!important;
    padding: calc(70 / var(--base-sp) * 100vw) 0 calc(100 / var(--base-sp) * 100vw)!important;
  }

  .un_news_body {
    padding-top: calc(40 / var(--base-sp) * 100vw);
  }

    .un_news_info {
        margin-bottom: calc(5 / var(--base-sp) * 100vw);
    }

  .un_news_info .date {
      font-family: 'Minion Pro', serif;
      font-size: calc(18 / var(--base-sp) * 100vw);
      padding-top: calc(4 / var(--base-sp) * 100vw);
      letter-spacing: 0.1em;
  }

  .un_news_info .cat {
    font-family: "YuGothic", "Yu Gothic", sans-serif;
    border-radius: 100px;
    font-size: calc(13 / var(--base-sp) * 100vw);
    padding: calc(2 / var(--base-sp) * 100vw) calc(15 / var(--base-sp) * 100vw) calc(1 / var(--base-sp) * 100vw);
}

}



.un_news_paging {
  align-items: center;
}

.un_news_paging_prev,
.un_news_paging_next {
  display: flex;
  /* align-items: center; */
  gap: calc(2 / var(--base) * 100vw);
  text-decoration: none;
  font-family: 'Minion Pro', serif;
  font-size: calc(14 / var(--base) * 100vw);
  letter-spacing: 0.1em;
  color: #4a4a4a;
}

.un_news_paging_prev { justify-self: start; }
.un_news_paging_next { justify-self: end; }




.un_news_paging_prev .icon img,
.un_news_paging_next .icon img {
  width: calc(8 / var(--base) * 100vw);
  height: auto;
  display: block;
}

.un_news_paging_back {
  justify-self: center;
  font-family: "YuGothic", "Yu Gothic", sans-serif;
  font-size: calc(14 / var(--base) * 100vw);
  letter-spacing: 0.1em;
  color: #4a4a4a;
  text-decoration: none;
  border-bottom: 1px solid #999;
  padding-bottom: calc(4 / var(--base) * 100vw);
}




@media screen and (max-width: 767px) {

.un_news_paging {
  align-items: center;
  padding-top: calc(4 / var(--base-sp) * 100vw);
}

.un_news_paging_prev,
.un_news_paging_next {
  gap: calc(2 / var(--base-sp) * 100vw);
  font-size: calc(14 / var(--base-sp) * 100vw);
}




.un_news_paging_prev .icon img,
.un_news_paging_next .icon img {
  width: calc(8 / var(--base-sp) * 100vw);
}

.un_news_paging_back {
  font-size: calc(14 / var(--base-sp) * 100vw);
  padding-bottom: calc(4 / var(--base-sp) * 100vw);
}

}