/* CSS Document */
/*ページタイトル*/
section.page_title > h1::before{
  content: "News";
}
/*コンテンツ*/
div.news_page_wrap{
  padding: var(--headerHeight) 0;
  box-sizing: border-box;
  background-color: #fff;
}
body[wc-view-type="sp"] div.news_page_wrap{
  padding: var(--headerHeight) 6.5vw;
}
body[wc-view-type="tb"] div.news_page_wrap,
body[wc-view-type="tb-l"] div.news_page_wrap{
  padding: var(--headerHeight) 10vw;
}
body[wc-view-type="pc"] div.news_page_wrap{
  padding: var(--headerHeight) calc((100vw - 750px) / 2);
}
div.news_page_wrap article{
  border: solid 1px #ccc;
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}
body[wc-view-type="sp"] div.news_page_wrap article{
  padding: 2.35rem 1rem 0.25rem 1rem;
}
body[wc-view-type="tb"] div.news_page_wrap article,
body[wc-view-type="tb-l"] div.news_page_wrap article{
  padding: 3.5rem 2rem 1rem 2rem;
}
body[wc-view-type="pc"] div.news_page_wrap article{
  padding: 4.5rem 3rem 2rem 3rem;
}
div.news_page_wrap article h1{
  font-size: 1.35rem;
  color: #444;
  margin-bottom: 1rem;
}
div.news_page_wrap article time{
  position: absolute;
  z-index: 2;
  color: #808080;
  font-weight: 300;
  font-family: "Number";
  text-align: right;
  margin-bottom: 0.5rem;
  line-height: 1em;
}
body[wc-view-type="sp"] div.news_page_wrap article time{
  top: 1rem;
  right: 1rem;
}
body[wc-view-type="tb"] div.news_page_wrap article time,
body[wc-view-type="tb-l"] div.news_page_wrap article time{
  top: 2rem;
  right: 2rem;
}
body[wc-view-type="pc"] div.news_page_wrap article time{
  top: 3rem;
  right: 3rem;
}
div.news_page_wrap article div.news_text{
  box-sizing: border-box;
}
body[wc-view-type="sp"] div.news_page_wrap article div.news_text{
  padding: 0 0.75rem;
}
body:not([wc-view-type="sp"]) div.news_page_wrap article div.news_text{
  padding: 0 1rem;
}
div.news_page_wrap article div.news_text > p{
  line-height: 1.8rem;
  color: #444;
}
body[wc-view-type="sp"] div.news_page_wrap article div.news_text > p{
  margin-bottom: 0.75rem;
}
body:not([wc-view-type="sp"]) div.news_page_wrap article div.news_text > p{
  margin-bottom: 1rem;
}
div.news_page_wrap article div.news_text > figure{
}
body[wc-view-type="sp"] div.news_page_wrap article div.news_text > figure{
  margin-bottom: 0.75rem;
}
body[wc-view-type="tb"] div.news_page_wrap article div.news_text > figure,
body[wc-view-type="tb-l"] div.news_page_wrap article div.news_text > figure{
  margin-bottom: 1rem;
}
div.news_page_wrap article div.news_text > figure picture{
  width: 100%;
  height: 100%;
  display: block;
}
div.news_page_wrap article div.news_text > figure img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}