@charset "utf-8";

/*------------  news  ------------*/

.news_title_block { padding: 20px 0 45px; }
.news_title { text-align: center; font-family: 'Noto Sans JP', sans-serif; font-size: 30px; font-weight: 900; color: #53231b; }
.news_wrap { padding: 0 3% 100px; }
.news_wrap .news_inner { font-size: 14px; line-height: 1.4; color: #53231b; }
.news_wrap .news_inner .article { display: block; padding: 22px 3% 21px; border-bottom: 1px solid #d6cdb2; }
.news_wrap .news_inner .article:first-child { border-top: 1px solid #d6cdb2; }
.news_wrap .news_inner a { color: #53231b; opacity: 1; }
.news_wrap .news_inner a:hover  { color: #fb8517; }
.news_wrap .news_inner .date { display: inline-block; width: 8em; font-family: 'Roboto', sans-serif; font-weight: 400; }
.news_wrap .news_inner .item { display: inline-block; }
.news_wrap .news_inner a .item { text-decoration: underline; }
.news_wrap .btn_news { margin: 0 auto; padding: 35px 0 0; width: 210px; }
.news_wrap .btn_news .btn { display: flex; justify-content: center; align-items: center; height: 48px; background: #53231b; font-size: 14px; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; color: #fff; }



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

  .news_title { font-size: 26px; }

}




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

  .news_title_block { padding: 24px 0 20px; }
  .news_title { font-size: 20px; }
  .news_wrap { padding: 0 3% 50px; }
  .news_wrap .news_inner { font-size: 13px; }
  .news_wrap .news_inner .article { padding: 12px 2%; }
  .news_wrap .news_inner .link { transition: all 0s; }
  .news_wrap .news_inner .date { display: block; padding: 0 0 3px; width: auto; font-size: 12px; }
  .news_wrap .news_inner .item { display: block; }
  .news_wrap .btn_news { padding: 25px 0 0; width: 180px; }
  .news_wrap .btn_news .btn { height: 42px; font-size: 12px; }

}