/* =========================================================
   DAIICHI BUSSAN / NEWS v225
   TOP NEWSの静かな一覧表現を下層ページへ展開。
   ========================================================= */
.news-page .sub-hero::before{background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(245,245,243,.88))}
.news-page .sub-hero-bgword{font-size:clamp(120px,16vw,300px);top:44%;color:rgba(15,15,15,.40)}
.news-page .sub-hero-red{background:var(--omega-red)}
.news-page .sub-hero-kicker{
  margin-bottom:22px;
  position:relative;
  z-index:5;
}

.news-page .sub-hero-kicker{color:var(--omega-red)}

.news-archive{background:#fff;padding:clamp(90px,9vw,145px) 0 clamp(110px,10vw,170px)}
.news-archive-inner{width:min(100% - 9vw,1540px);margin:0 auto}
.news-archive-head{display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:clamp(55px,8vw,130px);align-items:end;margin-bottom:clamp(48px,6vw,86px)}
.news-archive-title p{margin:0 0 12px;color:var(--omega-red);font-size:9px;font-weight:850;letter-spacing:.24em}
.news-archive-title h2{margin:0;font-size:clamp(46px,4.5vw,76px);letter-spacing:-.045em;line-height:1}
.news-archive-copy{border-top:1px solid #bbb;padding-top:22px;color:#666;font-size:14px;line-height:1.9}

.news-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}
.news-filter{appearance:none;border:1px solid #cfcfcf;background:#fff;color:#666;border-radius:999px;padding:9px 16px 8px;font:inherit;font-size:10px;font-weight:800;letter-spacing:.12em;cursor:pointer;transition:.25s ease}
.news-filter:hover,.news-filter.is-active{background:var(--omega-red);border-color:var(--omega-red);color:#fff}
.news-archive .news-list{border-top:1px solid #bbb}
.news-empty{padding:50px 0;color:#777}

.news-system-note{margin-top:44px;background:#f5f5f3;padding:28px 32px;border-left:3px solid var(--omega-red)}
.news-system-note strong{display:block;margin-bottom:8px;font-size:13px}
.news-system-note p{margin:0;color:#666;font-size:12px;line-height:1.8}

.news-detail-section{background:#fff;padding:clamp(86px,9vw,145px) 0 clamp(110px,10vw,170px)}
.news-detail-wrap{width:min(100% - 9vw,1080px);margin:0 auto}
.news-detail-head{padding-bottom:clamp(42px,5vw,76px);border-bottom:1px solid #ccc}
.news-detail-meta{display:flex;gap:18px;align-items:center;color:#777;font-size:11px;letter-spacing:.09em}
.news-detail-meta span{border:1px solid #ccc;border-radius:999px;padding:6px 12px;font-size:9px;font-weight:800;letter-spacing:.13em}
.news-detail-head h1{margin:24px 0 0;font-size:clamp(30px,3.4vw,56px);line-height:1.45;letter-spacing:-.025em}
.news-detail-lead{margin:28px 0 0;color:#666;font-size:clamp(14px,1vw,17px);line-height:1.9}

.news-detail-visual{margin:clamp(44px,5vw,72px) 0 0;background:#f6f6f4;border:1px solid #e2e2df;overflow:hidden}
.news-detail-visual img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;object-position:center;background:#fff}
.news-detail-body{padding:clamp(46px,6vw,82px) 0}
.news-detail-body p{margin:0 0 24px;color:#444;font-size:clamp(14px,1vw,17px);line-height:2.1}
.news-back{display:inline-flex;gap:12px;align-items:center;padding-bottom:7px;border-bottom:1px solid #222;font-size:11px;font-weight:750;letter-spacing:.14em}
.news-back:hover{color:var(--omega-red);border-color:var(--omega-red)}

@media(max-width:980px){
  .news-archive-head{grid-template-columns:1fr;gap:34px}
}
@media(max-width:640px){
  .news-archive{padding-top:72px;padding-bottom:90px}.news-archive-inner,.news-detail-wrap{width:calc(100% - 36px)}
  .news-archive-title h2{font-size:42px}.news-filters{gap:8px}.news-filter{padding:8px 12px;font-size:9px}
  .news-system-note{padding:24px 22px}.news-detail-section{padding-top:70px;padding-bottom:92px}.news-detail-head h1{font-size:30px}
}

/* v227 external links in NEWS detail */
.news-detail-links{margin-top:34px;padding-top:24px;border-top:1px solid #ddd}
.news-detail-links a{display:inline-flex;align-items:center;gap:18px;padding:14px 0 10px;border-bottom:1px solid #111;font-size:13px;font-weight:800;letter-spacing:.04em}
.news-detail-links a span{font-size:16px;font-weight:400;transition:transform .2s ease}
.news-detail-links a:hover span{transform:translate(3px,-3px)}