/*  common

================================================ */
/* .l-sub-img
================================================ */
#news .l-sub-img { background: url("../img/news/img_main01.png") no-repeat; background-size: cover; height: 217px; }

#news .l-sub-img .l-sub-img_head { width: 210px; margin: 0 0 0 auto; }

@media screen and (min-width: 600px) { #news .l-sub-img { height: 675px; background-position: center; }
  #news .l-sub-img .l-sub-img_head { width: 420px; } }

.news-archive .list { border-top: 1px solid #333; border-bottom: 1px solid #333; }

.news-archive .list_item + .list_item { border-top: 1px dashed #333; }

.news-archive .list_item .link { display: block; position: relative; padding: 10px 20px 10px 5px; text-decoration: none; }

.news-archive .list_item .link:before { display: block; content: ""; position: absolute; top: 50%; margin-top: -8px; right: 10px; width: 8px; height: 8px; border-top: 1px solid #333; border-right: 1px solid #333; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

.news-archive .list_item .link .tit { margin-top: 5px; font-weight: 600; }

@media screen and (min-width: 878px) { .news-archive .list_item .link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; box-sizing: border-box; padding: 15px 5px; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .news-archive .list_item .link:after { display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #fff; opacity: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
  .news-archive .list_item .link:hover:after { opacity: 0.4; }
  .news-archive .list_item .link .date { width: 150px; }
  .news-archive .list_item .link .tit { width: calc( 100% - 160px); margin-top: 0; } }

.news-article_box .time { font-size: 1.4rem; }

.news-article_box .tit { margin-top: 5px; font-size: 1.8rem; font-weight: 600; }

.news-article_box .txt { margin-top: 15px; }

.news-article .pager { margin-top: 60px; }

@media all and (min-width: 600px) { .news-article_box .time { font-size: 1.4rem; }
  .news-article_box .tit { font-size: 2.4rem; }
  .news-article_box .txt { margin-top: 15px; }
  .news-article .pager { margin-top: 120px; } }