.page-template-news #content{padding:0!important}.page-template-news .l-content{max-width:none!important;margin:0!important;padding:0!important}.page-template-news .l-mainContent{width:100%!important;max-width:none!important;padding:0!important}.page-template-news .l-sidebar{display:none!important}
.itoba-news-directory{--news-navy:#04384c;--news-teal:#0e7c86;--news-cream:#fbf8f0;--news-mist:#eef4f1;--news-ink:#16323c;--news-muted:#64777d;--news-line:#d9e4e0;color:var(--news-ink);background:#f7f9f6}.itoba-news-directory *{box-sizing:border-box}.itoba-news-container{width:min(980px,calc(100% - 48px));margin:0 auto}
.itoba-news-hero{padding:64px 0 60px;background:linear-gradient(125deg,var(--news-cream),#edf5f1);border-bottom:1px solid var(--news-line)}.itoba-news-breadcrumb{display:flex;gap:9px;margin-bottom:34px;color:var(--news-muted);font-size:12px}.itoba-news-breadcrumb a{color:var(--news-teal)}.itoba-news-eyebrow{margin:0 0 13px!important;color:var(--news-teal);font-size:11px!important;font-weight:900;letter-spacing:.18em}.itoba-news-hero h1{margin:0;color:var(--news-navy);font-size:clamp(40px,6vw,68px);line-height:1.13;letter-spacing:-.045em}.itoba-news-hero>div>p:last-child{margin:22px 0 0;color:var(--news-muted);font-size:16px;line-height:1.9}.itoba-news-content{display:grid;gap:48px;padding:54px 0 96px}
.itoba-news-year>header{margin-bottom:12px}.itoba-news-year h2{display:flex;align-items:baseline;gap:4px;margin:0;color:var(--news-navy);font-size:26px}.itoba-news-year h2 span{font-size:12px}.itoba-news-list{background:#fff;border:1px solid var(--news-line);border-radius:18px;box-shadow:0 9px 28px rgba(6,46,59,.045)}.itoba-news-list a{display:grid;grid-template-columns:100px 1fr 24px;gap:18px;align-items:center;min-height:72px;padding:14px 20px;color:var(--news-ink);border-bottom:1px solid var(--news-line);transition:.18s ease}.itoba-news-list a:last-child{border-bottom:0}.itoba-news-list a:hover{background:var(--news-mist)}.itoba-news-list time{color:var(--news-teal);font-size:11px;font-weight:900}.itoba-news-list strong{color:var(--news-navy);font-size:14px;line-height:1.55}.itoba-news-list a>span{color:var(--news-teal);font-weight:900;text-align:right}.itoba-news-empty{padding:34px;text-align:center;color:var(--news-muted);background:var(--news-mist);border-radius:18px}
@media(max-width:620px){.itoba-news-container{width:min(100% - 32px,620px)}.itoba-news-hero{padding:48px 0 44px}.itoba-news-breadcrumb{margin-bottom:25px}.itoba-news-hero h1{font-size:39px}.itoba-news-content{gap:38px;padding:38px 0 72px}.itoba-news-list a{grid-template-columns:1fr 20px;gap:5px 10px;min-height:78px;padding:14px 16px}.itoba-news-list time{grid-column:1}.itoba-news-list strong{grid-column:1}.itoba-news-list a>span{grid-column:2;grid-row:1/3}}

/* DESIGN-SYSTEM.md: news directory, 2026-09-07 */
.page-template-news #main_content {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
}

.page-template-news #breadcrumb { display: none !important; }
.itoba-news-directory {
  --news-navy: var(--itoba-navy-900);
  --news-teal: var(--itoba-teal);
  --news-cream: var(--itoba-cream);
  --news-mist: var(--itoba-mist);
  --news-ink: var(--itoba-ink);
  --news-muted: var(--itoba-muted);
  --news-line: var(--itoba-line);
  color: var(--itoba-ink);
  background: var(--itoba-white);
  font-family: "Zen Kaku Gothic New", "Yu Gothic UI", "Yu Gothic", Meiryo, sans-serif;
  font-size: 15px;
  line-height: 1.75;
}

.itoba-news-container { width: min(980px, calc(100% - 40px)); }
.itoba-news-hero {
  padding: 50px 0 58px;
  background: linear-gradient(125deg, var(--itoba-cream), var(--itoba-mist));
  border-bottom-color: var(--itoba-line);
}

.itoba-news-breadcrumb { margin-bottom: 32px; color: var(--itoba-muted); }
.itoba-news-breadcrumb a { color: var(--itoba-teal); }
.itoba-news-eyebrow { color: var(--itoba-teal); }
.itoba-news-hero h1 {
  color: var(--itoba-navy-900);
  font-size: clamp(38px, 4.25vw, 48px);
  line-height: 1.3;
  letter-spacing: -.035em;
}

.itoba-news-hero > div > p:last-child {
  color: var(--itoba-muted);
  font-size: 15px;
  line-height: 1.75;
}

.itoba-news-content { gap: 48px; padding: 64px 0 100px; }
.itoba-news-year > header { margin-bottom: 16px; }
.itoba-news-year h2 {
  color: var(--itoba-navy-900);
  font-size: 34px;
  line-height: 1.35;
  letter-spacing: -.025em;
}

.itoba-news-year h2 span { color: var(--itoba-muted); font-size: 13px; }
.itoba-news-list {
  border-color: var(--itoba-line);
  border-radius: var(--itoba-radius-md);
  box-shadow: var(--itoba-shadow-soft);
  overflow: hidden;
}

.itoba-news-list a {
  grid-template-columns: 108px minmax(0, 1fr) 32px;
  gap: 20px;
  min-height: 80px;
  padding: 16px 22px;
  color: var(--itoba-ink);
  border-bottom-color: var(--itoba-line);
  transition: background-color .2s ease, color .2s ease;
}

.itoba-news-list a:hover { background: var(--itoba-mist); }
.itoba-news-list a:focus-visible {
  position: relative;
  z-index: 1;
  outline: 3px solid var(--itoba-teal);
  outline-offset: -3px;
}

.itoba-news-list time {
  color: var(--itoba-teal);
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

.itoba-news-list strong {
  color: var(--itoba-navy-900);
  font-size: 16px;
  line-height: 1.55;
}

.itoba-news-list a > span { color: var(--itoba-teal); font-size: 18px; }
.itoba-news-empty {
  color: var(--itoba-muted);
  background: var(--itoba-mist);
  border-radius: var(--itoba-radius-md);
  font-size: 15px;
}

@media (max-width: 620px) {
  .itoba-news-container { width: min(calc(100% - 28px), 620px); }
  .itoba-news-hero { padding: 38px 0 44px; }
  .itoba-news-breadcrumb { margin-bottom: 24px; }
  .itoba-news-hero h1 { font-size: 31px; }
  .itoba-news-content { gap: 38px; padding: 48px 0 77px; }
  .itoba-news-year > header { margin-bottom: 13px; }
  .itoba-news-year h2 { font-size: 29px; }
  .itoba-news-list { border-radius: var(--itoba-radius-sm); }
  .itoba-news-list a {
    grid-template-columns: minmax(0, 1fr) 30px;
    gap: 6px 10px;
    min-height: 86px;
    padding: 15px 16px;
  }

  .itoba-news-list time { grid-column: 1; font-size: 11px; }
  .itoba-news-list strong { grid-column: 1; font-size: 15px; line-height: 1.55; }
  .itoba-news-list a > span { grid-column: 2; grid-row: 1 / 3; }
}

@media (prefers-reduced-motion: reduce) {
  .itoba-news-directory *,
  .itoba-news-directory *::before,
  .itoba-news-directory *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }
}