@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;700&family=Unbounded:wght@700&family=Zen+Antique&family=Zen+Kaku+Gothic+New:wght@400;700&display=swap");

:root { --news-navy:#232b56; --news-gold:#c8b687; --news-serif:"Shippori Mincho","Noto Serif JP",serif; --news-sans:"Zen Kaku Gothic New","Noto Sans JP",sans-serif; }
*,*::before,*::after { box-sizing:border-box; }
html,body { overflow-x:hidden; }
body { color:var(--news-navy); font-family:var(--news-sans); }
.fade-in { opacity:0; transform:translateY(32px); transition:opacity .8s ease,transform .8s ease; }
.fade-in.is-visible { opacity:1; transform:none; }
.news-page-hero { position:relative; height:353px; background:rgba(3,12,61,.1); }
.news-page-hero__heading { position:absolute; top:176px; left:max(40px,calc((100% - 1290px)/2)); display:flex; align-items:flex-end; gap:20px; }
.news-page-hero__heading h1 { font-family:"Unbounded",sans-serif; font-size:40px; font-weight:700; line-height:1; letter-spacing:3.2px; }
.news-page-hero__heading p { color:var(--news-gold); font-family:var(--news-serif); font-size:16px; font-weight:700; }
.news-page-hero__breadcrumb { position:absolute; top:180px; right:max(40px,calc((100% - 1290px)/2)); font-family:var(--news-serif); font-size:14px; line-height:50px; }
.news-page-hero__breadcrumb a { color:inherit; }
.news-archive { padding-top:104px;padding-bottom: 200px; }
.news-tabs { display:flex; width:min(1290px,calc(100% - 80px)); justify-content:flex-end; gap:16px; margin:0 auto; }
.news-tabs__button { display:grid; width:170px; height:52px; border:1px solid var(--news-navy); border-radius:30px; background:#fff; color:var(--news-navy); font:18px "Zen Antique",var(--news-serif); cursor:pointer; place-items:center; transition:background .25s,color .25s; }
.news-tabs__button:hover,.news-tabs__button.is-active { background:var(--news-navy); color:#fff; }
.news-cards { display:grid; width:min(1290px,calc(100% - 80px)); grid-template-columns:repeat(3,minmax(0,389px)); gap:68px 61px; margin:83px auto 0; }
.news-card { display:block; color:var(--news-navy); }
.news-card[hidden] { display:none; }
.news-card__thumb { position:relative; display:grid; width:100%; aspect-ratio:389/218; overflow:hidden; background:#f6f6f6; place-items:center; }
.news-card__thumb > img { transition:transform .4s ease; }
.news-card__thumb.has-post-thumbnail > img { width:100%; height:100%; object-fit:cover; }
.news-card:hover .news-card__thumb > img { transform:scale(1.06); }
.news-card__tag { position:absolute; top:10px; left:10px; display:grid; width:90px; height:30px; border:1px solid var(--news-gold); border-radius:40px; color:var(--news-gold); font-family:"Zen Antique",var(--news-serif); font-size:14px; place-items:center; }
.news-card time { display:block; margin-top:8px; color:var(--news-gold); font-family:"Zen Antique",var(--news-serif); font-size:14px; line-height:20px; }
.news-card h2 { margin-top:9px; font-size:16px; font-weight:700; line-height:1.5; }
.news-pagination { display:flex; justify-content:center; gap:29px; margin-top:112px; }
.news-pagination a,.news-pagination span { position:relative; color:var(--news-navy); font-size:16px; line-height:26px; }
.news-pagination .current::after { position:absolute; right:0; bottom:-1px; left:0; height:1px; background:var(--news-navy); content:""; }
.news-cards__empty { grid-column:1/-1; text-align:center; }

@media (max-width:1199px) {
  .news-archive { min-height:0; padding-bottom:150px; }
  .news-cards { grid-template-columns:repeat(2,minmax(0,1fr)); gap:70px 40px; }
}
@media (max-width:767px) {
  body { font-size:14px; }
  .news-page-hero { height:260px; }
  .news-page-hero__heading { top:118px; left:24px; align-items:flex-start; flex-direction:column; gap:10px; }
  .news-page-hero__heading h1 { font-size:27px; letter-spacing:1.5px; }
  .news-page-hero__heading p { font-size:14px; }
  .news-page-hero__breadcrumb { top:auto; right:24px; bottom:20px; font-size:14px; line-height:1.5; }
  .news-archive { padding:65px 0 90px; }
  .news-tabs { width:calc(100% - 48px); justify-content:stretch; gap:8px; }
  .news-tabs__button { width:calc((100% - 16px)/3); height:44px; padding:0 3px; font-size:14px; }
  .news-cards { width:calc(100% - 48px); grid-template-columns:1fr; gap:55px; margin-top:60px; }
  .news-card__tag,.news-card time { font-size:14px; }
  .news-card h2 { font-size:14px; line-height:1.7; }
  .news-pagination { gap:26px; margin-top:75px; }
  .news-pagination a,.footer__brand p,.footer nav { font-size:14px; }
}
@media (prefers-reduced-motion:reduce) { .fade-in,.news-card__thumb>img { transition:none; } }