@charset "UTF-8";
/***  color ***/
/***  background color ***/
/***  border ***/
/*** font ***/
/*** sp size ***/
.news .newsList {
  max-width: 1040px;
  width: 100%;
  margin: 0 auto;
}
.news .newsList .newsBox {
  padding: 20px 0;
  border-bottom: solid 1px #B18288;
  cursor: pointer;
}
.news .newsList .newsBox .newsBoxLink {
  display: flex;
  align-items: center;
}
.news .newsList .newsBox .newsBoxLink img {
  width: 100%;
  max-width: 20%;
}
.news .newsList .newsBox .newsBoxLink .txtBox {
  display: flex;
  flex-direction: column;
  gap: 5px;
  padding-left: 20px;
}
.news .newsList .newsBox .newsBoxLink .txtBox .tag {
  display: inline-block;
  width: -moz-fit-content;
  width: fit-content;
  white-space: nowrap;
  padding: 2px 5px;
  border: solid 1px #fff;
  font-size: 12px;
}
.news .newsList .newsBox .newsBoxLink .txtBox .newsTtl {
  padding-top: 5px;
  font-family: "Zen Old Mincho", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "游明朝体", "Yu Mincho", YuMincho, "MS P明朝", "MS PMincho", serif;
  font-weight: 500;
  font-size: 16px;
}
.news .newsList .newsBox .newsBoxLink p {
  font-size: 14px;
  color: #B18288;
}
@media screen and (max-width: 768px) {
  .news .newsList .newsBox {
    padding: 4vw 0;
  }
  .news .newsList .newsBox .newsBoxLink img {
    max-width: 45%;
  }
  .news .newsList .newsBox .newsBoxLink .txtBox {
    gap: 1.33vw;
    padding-left: 4vw;
  }
  .news .newsList .newsBox .newsBoxLink .txtBox .tag {
    font-size: 3.2vw;
  }
  .news .newsList .newsBox .newsBoxLink .txtBox .newsTtl {
    font-size: 3.73vw;
  }
  .news .newsList .newsBox .newsBoxLink p {
    font-size: 3.2vw;
  }
}/*# sourceMappingURL=news.css.map */