.news-section{background:#FFFFFF;padding:56px 40px;font-family:'Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo',sans-serif;max-width:1400px;margin:0 auto;box-sizing:border-box;}
.news-section .section-header{text-align:center;margin-bottom:36px;}
.news-section .section-header h2{font-size:28px;color:#1A3A5C;margin:0;font-weight:bold;}
.news-section .section-header h2 em{color:#C9A961;font-style:normal;}
.news-section .section-header .deco{width:40px;height:2px;background:#C9A961;margin:12px auto 0;}
.news-section .news-list{list-style:none;padding:0;margin:0;}
.news-section .news-item{display:flex;align-items:center;padding:16px 10px;border-bottom:1px solid #DDE5EF;text-decoration:none;color:inherit;transition:background 0.2s;}
.news-section .news-item:first-child{border-top:1px solid #DDE5EF;}
.news-section .news-item:hover{background:#F8F6F1;}
.news-section .news-date{flex:0 0 120px;font-size:13px;color:#C9A961;font-weight:bold;}
.news-section .news-tag{flex:0 0 auto;display:inline-block;background:#EDF1F7;color:#C9A961;font-size:11px;padding:3px 10px;border-radius:3px;margin-right:18px;font-weight:normal;}
.news-section .news-title{flex:1;font-size:14px;color:#1A3A5C;line-height:1.5;}
.news-section .news-item:hover .news-title{color:#C9A961;}
.news-section .news-loading{text-align:center;color:#888;padding:60px 0;font-size:13px;}
@media (max-width:768px){
  .news-section{padding:40px 20px;}
  .news-section .news-date{flex:0 0 96px;font-size:12px;}
  .news-section .news-tag{font-size:10px;padding:2px 7px;margin-right:12px;}
  .news-section .news-title{font-size:13px;}
  .news-section .section-header h2{font-size:24px;}
}