
.news-section{background:#FFFFFF;padding:48px 40px;font-family:'Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo',sans-serif;max-width:1200px;margin:0 auto;}
.news-section .section-header{text-align:center;margin-bottom:32px;}
.news-section .section-header h2{font-size:24px;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:14px 8px;border-bottom:1px solid #DDE5EF;text-decoration:none;color:inherit;}
.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 110px;font-size:12px;color:#C9A961;font-weight:bold;}
.news-section .news-tag{flex:0 0 auto;display:inline-block;background:#EDF1F7;color:#C9A961;font-size:10px;padding:2px 8px;border-radius:3px;margin-right:16px;font-weight:normal;}
.news-section .news-title{flex:1;font-size:13px;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:32px 20px;}
  .news-section .news-date{flex:0 0 90px;font-size:11px;}
  .news-section .news-tag{font-size:9px;padding:2px 6px;margin-right:10px;}
  .news-section .news-title{font-size:12px;}
}
