@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
*{box-sizing:border-box} html,body{margin:0;padding:0} body{font-family:'Noto Sans JP',system-ui,-apple-system,BlinkMacSystemFont,'Hiragino Sans','Yu Gothic',sans-serif;color:#222;line-height:1.9;background:#fff} img{max-width:100%;display:block} a{text-decoration:none;color:inherit}

.site-header{height:92px;background:#fff;border-bottom:1px solid #e9eef3;display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:10}

.site-header__inner{width:min(1160px,92vw);margin:0 auto;display:flex;align-items:center;justify-content:space-between}

.logo img{width:152px;height:auto}.global-nav{display:flex;gap:28px;font-size:14px;color:#0b3760;font-weight:700}

.page-hero{
    position:relative;
    height:230px;                  /* INFORMATIONと同じ高さに合わせる */
    background:url('../images/feature/feature_header_pc.jpg') center center / cover no-repeat;
    display:flex;
    align-items:center;
    justify-content:center;
}

.page-hero__inner{
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.page-hero h1{
    margin:0;
    color:#fff;
    font-size:52px;
    font-weight:700;
    letter-spacing:.08em;
    text-shadow:0 3px 16px rgba(0,0,0,.45);
}

.wrap{width:min(1080px,88vw);margin:0 auto}

.feature-nav{padding:48px 0 36px}
.feature-nav ul{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;list-style:none;margin:0;padding:0}
.feature-nav li{margin:0}
.feature-nav a{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border:1px solid #d8e2ef;border-radius:999px;background:#fff;color:#16376b;font-size:18px;font-weight:700;text-decoration:none;transition:.2s}
.feature-nav a::before{content:'- ';margin-right:6px}
.feature-nav a::after{content:'〉';margin-left:16px}
.feature-nav a[aria-current='page']{background:#16376b;color:#fff;border-color:#16376b}
@media (max-width:900px){.feature-nav ul{grid-template-columns:1fr}.feature-nav a{font-size:16px;padding:18px 22px}}.section{padding:34px 0 54px}

.section--blue{background:#eef8fb;padding:56px 0;margin:34px 0 64px}
.heading{font-size:34px;line-height:1.45;color:#192986;margin:0 0 22px;font-weight:900}
.lead{font-size:16px;line-height:2.15;margin:0 0 30px}
.agenda{margin:20px 0 30px;padding:0;list-style:none;font-weight:500}
.agenda li{margin:.25em 0}
.people-list,.company-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 40px;margin:0 0 36px;padding:0;list-style:none;font-size:15px}
.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:34px}.photo-card figure{margin:0}.photo-card img{width:100%;aspect-ratio:4/2.6;object-fit:cover}.photo-card figcaption{font-size:13px;margin-top:8px;color:#222}.photo-grid--guest{gap:26px 30px}.director-list{display:grid;gap:68px;margin-top:42px}.director-card{display:grid;grid-template-columns:47% 1fr;gap:42px;align-items:start}.director-card img{width:100%;aspect-ratio:4/3.15;object-fit:cover}.director-card h2{font-size:28px;line-height:1.45;margin:0 0 14px;color:#111}.director-card p{font-size:16px;line-height:2.05;margin:0}.back-btn{display:flex;justify-content:center;padding:20px 0 70px}.back-btn a{background:#192986;color:#fff;border-radius:4px;padding:7px 34px;font-size:14px}.site-footer{background:#067dbb;color:#fff;text-align:center;padding:34px 20px}.site-footer img{width:235px;margin:0 auto 12px}.site-footer p{font-size:12px;letter-spacing:.05em;margin:0}.note-box{border-left:4px solid #b89a54;padding:12px 0 12px 22px;margin:26px 0;color:#555}.subhead{font-size:24px;color:#192986;margin:42px 0 16px;font-weight:900}
@media (max-width:760px){.site-header{height:66px}.global-nav{display:none}.logo img{width:128px}
    
    .page-hero{
    height:190px;
    background:url('../images/feature/feature_header_sp.jpg') center center / cover no-repeat;
}

.page-hero h1{
    font-size:36px;
    font-weight:700;
}
    
    .feature-nav{padding:30px 0 18px}.feature-nav a{font-size:18px}.heading{font-size:27px}.lead{font-size:15px;line-height:2}.people-list,.company-list{grid-template-columns:1fr;font-size:14px;gap:4px}.photo-grid{grid-template-columns:1fr;gap:24px}.photo-card img{aspect-ratio:4/2.75}.director-card{grid-template-columns:1fr;gap:18px}.director-card h2{font-size:24px}.director-list{gap:48px}.section--blue{padding:42px 0;margin:28px 0 48px}.site-footer img{width:210px}}

/* ===== 2026-06-26 header final fix ===== */
/* FEATUREだけ背景画像方式に戻し、他カテゴリのタイトル太さも統一 */
.page-hero.feature-hero{
  position:relative!important;
  width:100%!important;
  aspect-ratio:2000/384!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0d2c54 url("../images/feature/feature_header_pc.jpg") center center / cover no-repeat!important;
}
.page-hero.feature-hero picture,
.page-hero.feature-hero img{
  display:none!important;
}
.page-hero.feature-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:rgba(13,44,84,.32)!important;
  z-index:1!important;
}

/* 活動報告・会員組織情報も、特集と同じタイトル指定に統一 */
.page-hero__inner,
.page-hero__title{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  transform:none!important;
  margin:0!important;
  padding:0!important;
  text-align:center!important;
  color:#fff!important;
}
.page-hero h1,
.page-hero h2,
.page-hero__title h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(28px,3.8vw,56px)!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
  text-align:center!important;
  text-shadow:0 3px 12px rgba(0,0,0,.28)!important;
}

@media(max-width:640px){
  .page-hero.feature-hero{
    aspect-ratio:1084/901!important;
    background:#0d2c54 url("../images/feature/feature_header_sp.jpg") center center / cover no-repeat!important;
  }
  .page-hero h1,
  .page-hero h2,
  .page-hero__title h2{
    font-size:30px!important;
    font-weight:700!important;
    letter-spacing:.1em!important;
  }
}


/* ===== 2026-06-27 FEATURE hero: INFORMATIONと同じ構造・天地比率に統一 ===== */
.page-hero.feature-hero{
  position:relative!important;
  width:100%!important;
  aspect-ratio:2000/384!important;
  height:auto!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#0d2c54!important;
}
.page-hero.feature-hero picture{
  display:block!important;
  width:100%!important;
  height:100%!important;
}
.page-hero.feature-hero img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center center!important;
}
.page-hero.feature-hero::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  background:rgba(13,44,84,.32)!important;
  z-index:1!important;
}
.page-hero.feature-hero .page-hero__title{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  text-align:center!important;
}
.page-hero.feature-hero h1,
.page-hero.feature-hero h2{
  margin:0!important;
  color:#fff!important;
  font-size:clamp(28px,3.8vw,56px)!important;
  font-weight:700!important;
  letter-spacing:.12em!important;
  line-height:1.2!important;
  text-align:center!important;
  text-shadow:0 3px 12px rgba(0,0,0,.28)!important;
}
@media(max-width:640px){
  .page-hero.feature-hero{
    aspect-ratio:1084/901!important;
  }
  .page-hero.feature-hero h1,
  .page-hero.feature-hero h2{
    font-size:30px!important;
    letter-spacing:.1em!important;
  }
}