/* CSS Document */
/*ページタイトル*/
.page_title > h2::before{
  content: "NEWS";
}
/*コンテンツ*/
.news_page{
  box-sizing: border-box;
}
body[wc-view-type="sp"] .news_page{
  padding: var(--headerHeight) 6vw;
}
body[wc-view-type="tb"] .news_page,
body[wc-view-type="tb-l"] .news_page{
  padding: var(--headerHeight) 4.5vw;
}
body[wc-view-type="pc"] .news_page{
  padding: var(--headerHeight) 0;
}
.news_page > article{
  padding: 1rem;
  box-sizing: border-box;
  background-color: #efefef;
  border-radius: 1rem;
}
body:not([wc-view-type="sp"]) .news_page > article{
  padding: 2rem 1.5rem;
}
body[wc-view-type="pc"] .news_page > article,
body[wc-view-type="tb-l"] .news_page > article{
  width: 750px;
  margin: 0 auto;
}
.news_page > article > h2{
  font-size: 1.1rem;
  font-weight: 700;
}
.news_page > article > time{
  font-family: "inter";
  font-weight: 700;
  letter-spacing: 0.5px;
  margin: 0.75rem 0 0 auto;
  display: table;
}
.news_page > article .news_text{
  background-color: #fff;
  border-radius: 1rem;
  padding: 0 1rem 1rem 1rem;
  margin-top: 0.75rem;
}
body:not([wc-view-type="sp"]) .news_page > article .news_text{
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.news_page > article .news_text > *{
  padding-top: 1rem;
}
body:not([wc-view-type="sp"]) .news_page > article .news_text > *{
  padding-top: 1.5rem;
}
.news_page > article .news_text > p{
  line-height: 1.8rem;
}

body[wc-view-type="sp"] .btn_block{
  flex-direction: column;
  margin: 1.5rem auto 0 auto;
}
body:not([wc-view-type="sp"]) .btn_block{
  margin: 2rem auto 0 auto;
}