/* EIB 公式サイト（第5期リニューアル案）共通スタイル
   ブランド：第5期デザインボードの4色（ネイビー #0D182A／ブルーグレー #33435B／オレンジ #EA5B1E／ホワイト）
   ・本文はゴシックで濃く大きめ（読みやすさ優先）。明朝は大見出しだけ。italic は使わない。 */
:root{
  --navy:#0D182A; --navy-2:#13223A; --bluegray:#33435B;
  --orange:#EA5B1E; --orange-2:#F2733A; --orange-soft:#FDEDE4;
  --paper:#F6F4F0; --white:#FFFFFF;
  --ink:#18202D; --ink-2:#3F4858; --line:#DCD7CE; --line-dark:rgba(255,255,255,.18);
  --on-dark:#FFFFFF; --on-dark-2:rgba(255,255,255,.84);
  --font-jp:"Noto Sans JP","Hiragino Sans","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  --font-serif:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --font-en:"Cinzel","Times New Roman",serif;
  --wrap:1180px; --radius:6px; --header-h:76px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--white);color:var(--ink);font-family:var(--font-jp);font-size:16.5px;line-height:1.9;letter-spacing:.02em;font-feature-settings:"palt" 1}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
em,i{font-style:normal}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
[hidden]{display:none!important}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

/* ---------- 確認用の帯 ---------- */
.sample-bar{background:#FFF3C4;color:#3A2E00;font-size:13px;line-height:1.5;text-align:center;padding:7px 16px;font-weight:500;position:relative;z-index:60}
.sample-bar b{font-weight:700}

/* ---------- ヘッダー ---------- */
.site-header{position:sticky;top:0;z-index:50;background:var(--navy);color:var(--on-dark);transition:background .3s,box-shadow .3s}
.site-header.is-over{position:absolute;left:0;right:0;top:auto;background:transparent}
.site-header.is-over.is-scrolled,.site-header.is-scrolled{position:fixed;top:0;background:rgba(13,24,42,.96);box-shadow:0 2px 18px rgba(0,0,0,.25)}
.site-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);max-width:1360px;margin:0 auto;padding:0 24px;gap:20px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0}
.brand img{width:54px;height:auto}
.brand__txt{display:flex;flex-direction:column;line-height:1.25}
.brand__ja{font-size:12px;font-weight:700;letter-spacing:.06em}
.brand__en{font-family:var(--font-en);font-size:10.5px;letter-spacing:.16em;color:var(--on-dark-2)}
.gnav{display:flex;align-items:center;gap:2px}
.gnav>ul{display:flex;list-style:none;margin:0;padding:0;align-items:center}
.gnav li{position:relative}
.gnav a.gnav__link{display:flex;flex-direction:column;align-items:center;padding:10px 12px;text-decoration:none;line-height:1.3;border-bottom:2px solid transparent}
.gnav .en{font-family:var(--font-en);font-size:11px;letter-spacing:.14em;color:var(--on-dark-2)}
.gnav .ja{font-size:13.5px;font-weight:700}
.gnav a.gnav__link:hover .ja,.gnav a.is-current .ja{color:var(--orange-2)}
.gnav a.is-current{border-bottom-color:var(--orange)}
.gnav .has-sub>.sub{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:240px;background:var(--white);color:var(--ink);border-radius:var(--radius);box-shadow:0 12px 32px rgba(0,0,0,.22);padding:8px;list-style:none;margin:0}
.gnav .has-sub:hover>.sub,.gnav .has-sub:focus-within>.sub{display:block}
.gnav .sub a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;text-decoration:none;font-weight:700;font-size:14.5px;border-radius:4px}
.gnav .sub a small{font-family:var(--font-en);font-size:10.5px;letter-spacing:.12em;color:#6A7383;font-weight:500}
.gnav .sub a:hover{background:var(--paper);color:var(--orange)}
.btn-join{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:#fff;text-decoration:none;font-weight:700;font-size:14px;padding:11px 18px;border-radius:999px;margin-left:10px;white-space:nowrap}
.btn-join:hover{background:var(--orange-2)}
.menu-toggle{display:none;background:none;border:0;color:#fff;width:46px;height:46px;cursor:pointer;padding:0}
.menu-toggle span{display:block;width:26px;height:2px;background:currentColor;margin:6px auto;transition:transform .25s,opacity .25s}
.menu-open .menu-toggle span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.menu-open .menu-toggle span:nth-child(2){opacity:0}
.menu-open .menu-toggle span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}

@media (max-width:1180px){
  .menu-toggle{display:block}
  .gnav{position:fixed;inset:0;top:0;background:var(--navy);flex-direction:column;align-items:stretch;justify-content:flex-start;padding:calc(var(--header-h) + 8px) 24px 40px;overflow-y:auto;transform:translateX(100%);transition:transform .3s;z-index:-1}
  .menu-open .gnav{transform:none}
  .gnav>ul{flex-direction:column;align-items:stretch}
  .gnav a.gnav__link{flex-direction:row-reverse;justify-content:space-between;align-items:baseline;padding:14px 4px;border-bottom:1px solid var(--line-dark)}
  .gnav .ja{font-size:17px}
  .gnav .has-sub>.sub{display:block;position:static;transform:none;background:transparent;box-shadow:none;color:#fff;padding:0 0 8px 12px}
  .gnav .sub a{font-size:15px;padding:9px 4px}
  .gnav .sub a small{color:var(--on-dark-2)}
  .gnav .sub a:hover{background:transparent}
  .btn-join{margin:22px 0 0;justify-content:center;font-size:16px;padding:15px}
  body.menu-open{overflow:hidden}
}

/* ---------- 共通パーツ ---------- */
.section{padding:104px 0}
.section--paper{background:var(--paper)}
.section--navy{background:var(--navy);color:var(--on-dark)}
.section--tight{padding:72px 0}
.sec-head{margin-bottom:48px}
.sec-head .en{display:block;font-family:var(--font-en);font-weight:700;font-size:clamp(34px,5vw,58px);letter-spacing:.06em;line-height:1.1;color:var(--navy)}
.section--navy .sec-head .en{color:#fff}
.sec-head .ja{display:flex;align-items:center;gap:12px;margin-top:10px;font-size:16px;font-weight:700;color:var(--orange)}
.sec-head .ja::before{content:"";width:28px;height:2px;background:var(--orange)}
.sec-head--center{text-align:center}
.sec-head--center .ja{justify-content:center}
.sec-lead{font-size:18px;line-height:2;max-width:820px}
.serif{font-family:var(--font-serif);font-weight:800;letter-spacing:.06em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 28px;border-radius:999px;font-weight:700;font-size:15.5px;text-decoration:none;border:2px solid var(--navy);color:var(--navy);background:transparent;transition:background .2s,color .2s}
.btn:hover{background:var(--navy);color:#fff}
.btn--orange{background:var(--orange);border-color:var(--orange);color:#fff}
.btn--orange:hover{background:var(--orange-2);border-color:var(--orange-2)}
.btn--white{border-color:#fff;color:#fff}
.btn--white:hover{background:#fff;color:var(--navy)}
.btn .arrow{font-family:var(--font-en);transition:transform .2s}
.btn:hover .arrow{transform:translateX(4px)}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.tag{display:inline-block;font-size:12.5px;font-weight:700;line-height:1;padding:6px 10px;border-radius:3px;background:var(--navy);color:#fff;letter-spacing:.04em;white-space:nowrap}
.tag--orange{background:var(--orange)}
.tag--line{background:transparent;color:var(--navy);border:1.5px solid var(--navy)}
.tag--new{background:#D7263D}
.note{font-size:14px;color:var(--ink-2);line-height:1.8}
.grid{display:grid;gap:28px}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:960px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}.section{padding:72px 0}.section--tight{padding:56px 0}.wrap{padding:0 16px}body{font-size:16px}}

/* ---------- トップ：ヒーロー ---------- */
.hero{position:relative;min-height:max(100svh,680px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--navy)}
.hero__bg{position:absolute;inset:0}
.hero__bg img{width:100%;height:100%;object-fit:cover;object-position:72% 88%;transform:scale(1.04);animation:heroZoom 18s ease-out forwards}
@keyframes heroZoom{to{transform:scale(1)}}
.hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,24,42,.55) 0%,rgba(13,24,42,.15) 38%,rgba(13,24,42,.55) 72%,rgba(13,24,42,.92) 100%)}
.hero__inner{position:relative;width:100%;max-width:1360px;margin:0 auto;padding:calc(var(--header-h) + 60px) 24px 64px;display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:end}
.hero__kicker{font-size:clamp(15px,1.6vw,18px);font-weight:700;letter-spacing:.12em;margin:0 0 18px;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hero__title{font-family:var(--font-serif);font-weight:800;font-size:clamp(36px,5.6vw,76px);line-height:1.35;letter-spacing:.06em;margin:0;text-shadow:0 4px 24px rgba(0,0,0,.45)}
.hero__title .accent{color:var(--orange-2)}
.hero__en{font-family:var(--font-en);font-size:clamp(13px,1.3vw,16px);letter-spacing:.32em;margin:22px 0 0;color:var(--on-dark-2)}
.hero__side{display:flex;flex-direction:column;gap:14px}
.scroll-cue{position:absolute;left:24px;bottom:22px;font-family:var(--font-en);font-size:11px;letter-spacing:.3em;writing-mode:vertical-rl;color:var(--on-dark-2)}
@media (max-width:960px){.hero__inner{grid-template-columns:1fr;padding-bottom:48px}.scroll-cue{display:none}}

/* ---------- 新着 ---------- */
.news-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.news-list li{border-bottom:1px solid var(--line)}
.news-list a{display:grid;grid-template-columns:110px 130px 1fr 24px;gap:18px;align-items:center;padding:20px 8px;text-decoration:none;transition:background .2s}
.news-list a:hover{background:var(--paper)}
.news-list time{font-family:var(--font-en);font-weight:700;font-size:15px;letter-spacing:.06em;color:var(--ink-2)}
.news-list .ttl{font-weight:700;font-size:16.5px;line-height:1.6}
.news-list .arw{font-family:var(--font-en);color:var(--orange);font-weight:700}
.news-list li.is-new a{background:var(--orange-soft)}
.news-list li.is-new .ttl{color:#B33A0C}
.news-list .ext{font-size:12px;color:var(--ink-2);margin-left:6px;font-weight:500}
@media (max-width:720px){.news-list a{grid-template-columns:1fr 24px;gap:6px 12px}.news-list time,.news-list .tags{grid-column:1}.news-list .ttl{grid-column:1}.news-list .arw{grid-column:2;grid-row:1/4}}
.news-top{display:grid;grid-template-columns:280px 1fr;gap:48px}
@media (max-width:960px){.news-top{grid-template-columns:1fr;gap:24px}}

/* ---------- テーマ ---------- */
.theme{position:relative;color:#fff;background:var(--navy);overflow:hidden}
.theme__bg{position:absolute;inset:0;opacity:.55}
.theme__bg img{width:100%;height:100%;object-fit:cover}
.theme__bg::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,rgba(13,24,42,.35),rgba(13,24,42,.92) 75%)}
.theme__inner{position:relative;text-align:center}
.theme__label{font-family:var(--font-en);letter-spacing:.3em;font-size:14px;color:var(--orange-2);font-weight:700}
.theme__title{font-family:var(--font-serif);font-weight:800;font-size:clamp(64px,12vw,148px);letter-spacing:.18em;line-height:1.2;margin:16px 0 0;padding-left:.18em}
.theme__sub{font-family:var(--font-serif);font-weight:600;font-size:clamp(20px,2.6vw,30px);letter-spacing:.14em;margin:14px 0 0}
.theme__en{font-family:var(--font-en);letter-spacing:.34em;font-size:clamp(12px,1.3vw,15px);color:var(--on-dark-2);margin:18px 0 0}
.theme__line{width:72px;height:2px;background:var(--orange);margin:30px auto}
.theme__body{max-width:760px;margin:0 auto;font-size:17.5px;line-height:2.1;color:var(--on-dark)}
.axes{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;text-align:left}
.axis{background:rgba(255,255,255,.06);border:1px solid var(--line-dark);border-radius:10px;padding:28px 26px;position:relative;overflow:hidden}
.axis::before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--orange)}
.axis .en{font-family:var(--font-en);font-weight:700;letter-spacing:.2em;font-size:13px;color:var(--orange-2)}
.axis h3{font-family:var(--font-serif);font-size:26px;letter-spacing:.1em;margin:6px 0 10px}
.axis p{margin:0;font-size:15.5px;line-height:1.9;color:var(--on-dark-2)}
@media (max-width:860px){.axes{grid-template-columns:1fr}}
.goal{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:44px}
.goal__num{font-family:var(--font-en);font-weight:700;font-size:clamp(56px,8vw,96px);line-height:1;color:#fff}
.goal__num small{font-family:var(--font-jp);font-size:22px;margin-left:6px}
.goal__txt{text-align:left;font-size:16px;line-height:1.8;color:var(--on-dark-2)}
.goal__txt b{display:block;font-size:20px;color:#fff}

/* ---------- 数字 ---------- */
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.stat{padding:28px 20px;text-align:center;border-right:1px solid var(--line)}
.stat:last-child{border-right:0}
.stat .num{font-family:var(--font-en);font-weight:700;font-size:clamp(36px,4.6vw,54px);line-height:1.1;color:var(--navy)}
.stat .num small{font-family:var(--font-jp);font-size:16px;margin-left:4px}
.stat .lbl{font-size:14.5px;font-weight:700;color:var(--ink-2);margin-top:4px}
@media (max-width:720px){.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}}

/* ---------- 2カラム（写真＋文） ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split--rev .split__img{order:2}
.split__img img{border-radius:10px;width:100%;aspect-ratio:4/3;object-fit:cover}
.split h2,.split h3{font-family:var(--font-serif);font-weight:800;font-size:clamp(26px,3vw,36px);line-height:1.55;letter-spacing:.06em;margin:0 0 20px}
@media (max-width:860px){.split{grid-template-columns:1fr;gap:28px}.split--rev .split__img{order:0}}

/* ---------- プログラムカード ---------- */
.prog-card{display:flex;flex-direction:column;background:#fff;border-radius:10px;overflow:hidden;text-decoration:none;box-shadow:0 2px 0 var(--line),0 10px 30px rgba(13,24,42,.08);transition:transform .25s,box-shadow .25s}
.prog-card:hover{transform:translateY(-4px);box-shadow:0 2px 0 var(--line),0 18px 40px rgba(13,24,42,.16)}
.prog-card__img{position:relative;aspect-ratio:16/10;overflow:hidden;background:var(--navy)}
.prog-card__img img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.prog-card:hover .prog-card__img img{transform:scale(1.05)}
.prog-card__no{position:absolute;left:16px;top:12px;font-family:var(--font-en);font-weight:700;font-size:34px;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}
.prog-card__body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:6px;flex:1}
.prog-card__en{font-family:var(--font-en);font-weight:700;font-size:12px;letter-spacing:.18em;color:var(--orange)}
.prog-card__body h3{margin:0;font-size:21px;line-height:1.5}
.prog-card__body p{margin:4px 0 0;font-size:15px;line-height:1.85;color:var(--ink-2);flex:1}
.prog-card__more{margin-top:12px;font-weight:700;font-size:14.5px;color:var(--navy)}
.prog-card__more::after{content:" →";font-family:var(--font-en);color:var(--orange)}

/* ---------- スケジュール ---------- */
.sched{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.sched-item{display:grid;grid-template-columns:150px 1fr auto;gap:24px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:22px 26px}
.sched-item.is-past{background:#FAFAF8}
.sched-item.is-past .sched-date .d{color:#7A8190}
.sched-item.is-next{border:2px solid var(--orange);box-shadow:0 10px 26px rgba(234,91,30,.14)}
.sched-date{line-height:1.2}
.sched-date .y{font-family:var(--font-en);font-size:13px;font-weight:700;color:var(--ink-2);letter-spacing:.08em}
.sched-date .d{font-family:var(--font-en);font-weight:700;font-size:34px;color:var(--navy);letter-spacing:.02em}
.sched-date .w{font-size:14px;font-weight:700;margin-left:4px;color:var(--ink-2)}
.sched-body h3{margin:0 0 4px;font-size:18.5px;line-height:1.55}
.sched-body .tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px}
.sched-body .guest{margin:0;font-size:15.5px;color:var(--ink)}
.sched-body .guest b{font-size:13px;color:var(--ink-2);margin-right:8px}
.sched-body .guest a{color:var(--navy);font-weight:700;text-underline-offset:3px}
.sched-body .place{margin:2px 0 0;font-size:14px;color:var(--ink-2)}
.sched-links{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.sched-links a{font-size:14px;font-weight:700;text-decoration:none;padding:9px 16px;border-radius:999px;border:1.5px solid var(--navy);color:var(--navy);white-space:nowrap}
.sched-links a.primary{background:var(--orange);border-color:var(--orange);color:#fff}
.sched-links a:hover{opacity:.85}
@media (max-width:760px){.sched-item{grid-template-columns:1fr;gap:10px;padding:18px}.sched-links{flex-direction:row;flex-wrap:wrap;align-items:flex-start}}

/* ---------- レポート（LP）カード ---------- */
.rep-card{display:flex;flex-direction:column;text-decoration:none;background:#fff;border-radius:10px;overflow:hidden;border:1px solid var(--line);transition:transform .25s,box-shadow .25s}
.rep-card:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(13,24,42,.14)}
.rep-card__img{aspect-ratio:16/9;overflow:hidden;background:var(--navy);position:relative}
.rep-card__img img{width:100%;height:100%;object-fit:cover}
.rep-card__month{position:absolute;left:0;top:0;background:var(--orange);color:#fff;font-weight:700;font-size:14px;padding:6px 14px}
.rep-card__body{padding:18px 20px 22px}
.rep-card__body .kind{font-size:13px;font-weight:700;color:var(--orange)}
.rep-card__body h3{margin:4px 0 6px;font-size:17.5px;line-height:1.55}
.rep-card__body p{margin:0;font-size:14.5px;line-height:1.8;color:var(--ink-2)}

/* ---------- メンバー ---------- */
.members{display:grid;grid-template-columns:repeat(4,1fr);gap:30px 24px}
.member{text-align:left}
.member__img{aspect-ratio:3/4;border-radius:10px;overflow:hidden;background:var(--navy-2)}
.member__img img{width:100%;height:100%;object-fit:cover;object-position:50% 20%;transition:transform .4s}
.member:hover .member__img img{transform:scale(1.04)}
.member__role{display:inline-block;margin-top:14px;font-size:12.5px;font-weight:700;color:#fff;background:var(--navy);padding:4px 10px;border-radius:3px}
.member__role--chair{background:var(--orange)}
.member h3{margin:8px 0 0;font-size:19px;line-height:1.4}
.member h3 small{font-size:13px;font-weight:700;color:var(--orange);margin-left:8px}
.member p{margin:4px 0 0;font-size:14px;line-height:1.6;color:var(--ink-2)}
.member__noimg{display:flex;align-items:center;justify-content:center;height:100%;font-family:var(--font-serif);font-size:44px;color:rgba(255,255,255,.7)}
.member__noimg{flex-direction:column;gap:8px}.member__noimg small{font-family:var(--font-jp);font-size:13px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.6)}
@media (max-width:960px){.members{grid-template-columns:repeat(3,1fr)}}
@media (max-width:640px){.members{grid-template-columns:repeat(2,1fr);gap:24px 14px}.member h3{font-size:17px}}
.avatars{display:flex;flex-wrap:wrap;gap:10px}
.avatars img{width:64px;height:64px;border-radius:50%;object-fit:cover;object-position:50% 18%;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}

/* ---------- 下層ページの見出し ---------- */
.page-hero{position:relative;color:#fff;background:var(--navy);overflow:hidden}
.page-hero__bg{position:absolute;inset:0}
.page-hero__bg img{width:100%;height:100%;object-fit:cover}
.page-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,42,.94) 0%,rgba(13,24,42,.72) 55%,rgba(13,24,42,.45) 100%)}
.page-hero__inner{position:relative;padding:96px 24px 84px;max-width:var(--wrap);margin:0 auto}
.page-hero .en{font-family:var(--font-en);font-weight:700;font-size:clamp(40px,6vw,72px);letter-spacing:.06em;line-height:1.05}
.page-hero h1{margin:12px 0 0;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:14px}
.page-hero h1::before{content:"";width:30px;height:2px;background:var(--orange)}
.page-hero p.lead{max-width:720px;margin:20px 0 0;font-size:17px;line-height:2;color:var(--on-dark)}
.crumb{background:var(--paper);font-size:13.5px}
.crumb ol{list-style:none;margin:0 auto;padding:12px 24px;max-width:var(--wrap);display:flex;gap:8px;flex-wrap:wrap}
.crumb li+li::before{content:"›";margin-right:8px;color:#8A919E}
.crumb a{text-decoration:none;color:var(--ink-2)}

/* ---------- 本文ブロック ---------- */
.prose h2{font-family:var(--font-serif);font-weight:800;font-size:clamp(25px,2.8vw,34px);letter-spacing:.06em;line-height:1.55;margin:0 0 22px}
.prose h3{font-size:20px;line-height:1.6;margin:36px 0 10px;padding-left:14px;border-left:4px solid var(--orange)}
.prose p{margin:0 0 1.2em}
.prose ul{padding-left:1.3em;margin:0 0 1.2em}
.prose li{margin:.3em 0}
.lead-box{background:var(--paper);border-radius:10px;padding:30px 32px;font-size:17px;line-height:2}
.feat{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.feat-item{background:#fff;border:1px solid var(--line);border-radius:10px;padding:26px 24px}
.feat-item .no{font-family:var(--font-en);font-weight:700;font-size:28px;color:var(--orange);line-height:1}
.feat-item h3{margin:10px 0 8px;font-size:18.5px;line-height:1.55;border:0;padding:0}
.feat-item p{margin:0;font-size:15px;line-height:1.85;color:var(--ink-2)}
@media (max-width:860px){.feat{grid-template-columns:1fr}}
.flow{list-style:none;margin:0;padding:0;counter-reset:flow;display:grid;gap:0}
.flow li{counter-increment:flow;display:grid;grid-template-columns:72px 1fr;gap:20px;position:relative;padding:0 0 30px}
.flow li::before{content:counter(flow,decimal-leading-zero);display:flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--font-en);font-weight:700;font-size:18px;position:relative;z-index:1}
.flow li::after{content:"";position:absolute;left:27px;top:56px;bottom:0;width:2px;background:var(--line)}
.flow li:last-child::after{display:none}
.flow h3{margin:12px 0 4px;font-size:18.5px;border:0;padding:0}
.flow p{margin:0;font-size:15.5px;color:var(--ink-2);line-height:1.85}
.timeline{list-style:none;margin:0;padding:0;border-left:2px solid var(--line);margin-left:8px}
.timeline li{position:relative;padding:0 0 26px 30px}
.timeline li::before{content:"";position:absolute;left:-8px;top:8px;width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid var(--orange)}
.timeline .when{font-family:var(--font-en);font-weight:700;color:var(--orange);font-size:15px;letter-spacing:.06em}
.timeline h3{margin:2px 0 4px;font-size:18px;border:0;padding:0}
.timeline p{margin:0;color:var(--ink-2);font-size:15px}
.rules{counter-reset:rule;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px 28px}
.rules li{counter-increment:rule;display:flex;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:16px}
.rules li::before{content:counter(rule);font-family:var(--font-en);font-weight:700;color:var(--orange);font-size:22px;min-width:26px}
@media (max-width:760px){.rules{grid-template-columns:1fr}}
.qa{border-top:1px solid var(--line)}
.qa details{border-bottom:1px solid var(--line)}
.qa summary{cursor:pointer;list-style:none;display:flex;gap:14px;align-items:baseline;padding:20px 4px;font-weight:700;font-size:16.5px}
.qa summary::-webkit-details-marker{display:none}
.qa summary::before{content:"Q";font-family:var(--font-en);font-weight:700;color:var(--orange);font-size:20px}
.qa summary::after{content:"+";margin-left:auto;font-size:22px;color:var(--ink-2);transition:transform .2s}
.qa details[open] summary::after{transform:rotate(45deg)}
.qa .a{padding:0 4px 22px 34px;color:var(--ink-2);font-size:15.5px}
table.tbl{width:100%;border-collapse:collapse;font-size:15.5px}
table.tbl th,table.tbl td{border-bottom:1px solid var(--line);padding:16px 14px;text-align:left;vertical-align:top}
table.tbl th{width:200px;background:var(--paper);font-weight:700}
@media (max-width:640px){table.tbl th,table.tbl td{display:block;width:auto}table.tbl th{border-bottom:0;padding-bottom:6px}}
.plan-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:30px 28px;display:flex;flex-direction:column;gap:8px;position:relative}
.plan-card.is-main{border:2px solid var(--orange)}
.plan-card .kind{font-size:13px;font-weight:700;color:var(--orange);letter-spacing:.08em}
.plan-card h3{margin:0;font-size:22px}
.plan-card .price{font-family:var(--font-en);font-weight:700;font-size:30px;color:var(--navy);line-height:1.3}
.plan-card .price small{font-family:var(--font-jp);font-size:14px;font-weight:700;color:var(--ink-2);margin-left:4px}
.plan-card p{margin:0;font-size:15px;color:var(--ink-2);line-height:1.8}
.pending{display:inline-block;background:#FFF3C4;color:#5A4500;font-size:12.5px;font-weight:700;padding:3px 8px;border-radius:3px;vertical-align:middle}
.ibmap{display:flex;flex-wrap:wrap;gap:10px}
.ibmap span{display:inline-flex;align-items:baseline;gap:6px;border:1px solid var(--line);border-radius:999px;padding:7px 14px;font-size:14px;background:#fff}
.ibmap span b{font-family:var(--font-en);font-size:13px;letter-spacing:.06em}
.ibmap span.is-eib{background:var(--orange);color:#fff;border-color:var(--orange)}
.sponsors{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.sponsors div{background:#fff;border:1px solid var(--line);border-radius:8px;min-height:76px;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:14.5px;padding:10px;line-height:1.5}
@media (max-width:860px){.sponsors{grid-template-columns:repeat(2,1fr)}}
.quote{font-family:var(--font-serif);font-weight:600;font-size:clamp(20px,2.4vw,26px);line-height:1.9;letter-spacing:.06em;border-left:4px solid var(--orange);padding:6px 0 6px 24px;margin:0 0 24px}

/* ---------- 入会CTA ---------- */
.cta{position:relative;color:#fff;background:var(--navy);overflow:hidden}
.cta__bg{position:absolute;inset:0;opacity:.5}
.cta__bg img{width:100%;height:100%;object-fit:cover}
.cta__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,42,.95),rgba(13,24,42,.6))}
.cta__inner{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center}
.cta h2{font-family:var(--font-serif);font-weight:800;font-size:clamp(28px,3.6vw,44px);line-height:1.5;letter-spacing:.06em;margin:10px 0 16px}
.cta p{margin:0;font-size:16.5px;color:var(--on-dark)}
.cta .btns{justify-content:flex-end}
@media (max-width:860px){.cta__inner{grid-template-columns:1fr}.cta .btns{justify-content:flex-start}}

/* ---------- フッター ---------- */
.site-footer{background:#070E1A;color:var(--on-dark-2);font-size:14.5px}
.site-footer__top{display:grid;grid-template-columns:1.1fr 2fr;gap:56px;padding:72px 0 48px}
.site-footer .brand img{width:70px}
.site-footer address{font-style:normal;margin-top:20px;line-height:1.9}
.fnav{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.fnav h4{margin:0 0 10px;font-family:var(--font-en);letter-spacing:.16em;font-size:12.5px;color:#fff}
.fnav ul{list-style:none;margin:0;padding:0}
.fnav li{margin:6px 0}
.fnav a{text-decoration:none;color:var(--on-dark-2)}
.fnav a:hover{color:#fff}
.site-footer__bottom{border-top:1px solid var(--line-dark);padding:20px 0;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
.site-footer__bottom a{color:var(--on-dark-2)}
@media (max-width:860px){.site-footer__top{grid-template-columns:1fr;gap:36px}.fnav{grid-template-columns:repeat(2,1fr)}}

/* ---------- 表示アニメ（控えめ） ---------- */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}
.reveal.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.hero__bg img{animation:none;transform:none}html{scroll-behavior:auto}}

/* 活動カードのアイコン（写真の右下） */
.prog-card__icon{position:absolute;right:14px;bottom:14px;width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(0,0,0,.3)}
.prog-card__icon svg{width:28px;height:28px}
.page-icon{display:inline-flex;width:64px;height:64px;border-radius:50%;background:var(--orange);color:#fff;align-items:center;justify-content:center;margin-bottom:18px}
.page-icon svg{width:34px;height:34px}
.photo-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.photo-row img{width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}
@media (max-width:760px){.photo-row{grid-template-columns:1fr 1fr}.photo-row img:first-child{grid-column:1/3}}
.compare{width:100%;border-collapse:collapse;font-size:15.5px;background:#fff}
.compare th,.compare td{border:1px solid var(--line);padding:14px 12px;text-align:center;vertical-align:middle}
.compare thead th{background:var(--navy);color:#fff;font-weight:700}
.compare tbody th{background:var(--paper);text-align:left;font-weight:700;width:30%}
.compare .yes{color:var(--orange);font-weight:700;font-size:20px}
.compare .no{color:#9AA0AA;font-size:18px}
.table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.pill-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.pill-list li{background:#fff;border:1px solid var(--line);border-radius:999px;padding:8px 16px;font-weight:700;font-size:15px}
.big-cta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;background:var(--navy);color:#fff;border-radius:14px;padding:34px 36px;position:relative;overflow:hidden}
.big-cta::after{content:"";position:absolute;right:-60px;top:-60px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(234,91,30,.45),transparent 70%)}
.big-cta h3{margin:6px 0 6px;font-size:24px;line-height:1.5}
.big-cta p{margin:0;color:var(--on-dark-2);font-size:15.5px}
.big-cta .btns{position:relative;z-index:1}
@media (max-width:760px){.big-cta{grid-template-columns:1fr;padding:26px 22px}}
.info-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.info-grid div{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 18px 16px}
.info-grid dt{font-size:13px;font-weight:700;color:var(--orange);letter-spacing:.06em}
.info-grid dd{margin:4px 0 0;font-size:17px;font-weight:700;line-height:1.6}
.info-grid dl{margin:0}
@media (max-width:860px){.info-grid{grid-template-columns:repeat(2,1fr)}}

/* ==========================================================
   動き（motion.js と対）— transform / opacity 中心で軽く
   ========================================================== */
.hero__inner,.page-hero__inner,.theme__inner,.cta__inner{z-index:2}
.net-canvas{position:absolute;inset:0;z-index:1;pointer-events:none}
.scroll-progress{position:fixed;left:0;top:0;width:100%;height:3px;z-index:300;pointer-events:none;background:linear-gradient(90deg,var(--orange),#FFB36B);transform-origin:0 50%;transform:scaleX(0)}
.avatar-noimg{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:50%;background:var(--navy-2);color:rgba(255,255,255,.8);font-family:var(--font-serif);font-size:22px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.15)}

/* 流れる帯（紺地に白い線の文字・静かに流れる）
   2026-10-01 社長「横に流れるこのオレンジださすぎ」→ 塗りのオレンジ帯をやめた */
.marquee{overflow:hidden;background:var(--navy);padding:6px 0 18px;white-space:nowrap;position:relative;z-index:3}
.marquee--navy{background:var(--navy-2);padding:22px 0 6px}
.marquee__track{display:flex;width:max-content;animation:marquee 80s linear infinite}
.marquee--navy .marquee__track{animation-direction:reverse;animation-duration:95s}
.marquee__half{display:flex;align-items:center}
.marquee span{padding:0 28px;line-height:1.15;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.32)}
.marquee span.en{font-family:var(--font-en);font-weight:700;font-size:clamp(34px,5.4vw,76px);letter-spacing:.06em}
.marquee span.jp{font-family:var(--font-serif);font-weight:800;font-size:clamp(32px,5vw,70px);letter-spacing:.14em}
.marquee i{font-style:normal;font-size:clamp(12px,1.2vw,16px);color:var(--orange-2)}
@supports not (-webkit-text-stroke:1px #fff){.marquee span{color:rgba(255,255,255,.18)}}
@keyframes marquee{to{transform:translateX(-50%)}}

/* 動画 */
.video{max-width:960px;margin:0 auto}
.video__play,.video__empty,.video iframe{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;border-radius:12px;overflow:hidden;background:#000;box-shadow:0 24px 60px rgba(0,0,0,.35)}
.video__play{padding:0;cursor:pointer}
.video__play img{width:100%;height:100%;object-fit:cover;transition:transform .5s,opacity .3s;opacity:.88}
.video__play:hover img{transform:scale(1.03);opacity:1}
.video__btn{position:absolute;left:50%;top:50%;width:84px;height:84px;margin:-42px 0 0 -42px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 0 rgba(234,91,30,.6);animation:pulse 2.2s ease-out infinite}
.video__btn::after{content:"";position:absolute;left:34px;top:26px;border-style:solid;border-width:16px 0 16px 26px;border-color:transparent transparent transparent #fff}
@keyframes pulse{70%{box-shadow:0 0 0 22px rgba(234,91,30,0)}100%{box-shadow:0 0 0 0 rgba(234,91,30,0)}}
.video__empty{background:linear-gradient(135deg,#1B2A44,#0D182A);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.video__empty .video__btn{position:relative;left:auto;top:auto;margin:0;opacity:.85}
.video__empty p{margin:0;color:#fff;font-weight:700;font-size:17px}
.video figcaption{margin-top:12px;text-align:center;font-weight:700;color:#fff;font-size:15px}
@media (max-width:640px){.video__btn{width:64px;height:64px;margin:-32px 0 0 -32px}.video__btn::after{left:25px;top:19px;border-width:13px 0 13px 21px}}

@media (prefers-reduced-motion:no-preference){
  /* 1文字ずつ */
  .motion-ready .ch{display:inline-block;will-change:transform}
  .motion-ready .hero__title .ch{animation:chIn .9s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 42ms + .15s)}
  @keyframes chIn{from{opacity:0;transform:translateY(.55em) rotate(8deg)}to{opacity:1;transform:none}}
  .motion-ready .sec-head .en .ch,.motion-ready .page-hero .en .ch{opacity:0;transform:translateY(.7em);transition:opacity .5s,transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--i) * 38ms)}
  .sec-head.is-in .en .ch,.page-hero.is-in .en .ch{opacity:1;transform:none}
  .motion-ready .sec-head .ja::before{transform:scaleX(0);transform-origin:0 50%;transition:transform .8s .25s cubic-bezier(.7,0,.2,1)}
  .sec-head--center .ja::before{transform-origin:50% 50%}
  .sec-head.is-in .ja::before{transform:none}
  .motion-ready .theme__title .ch{opacity:0;transform:translateY(30%) scale(.7);transition:opacity .7s,transform 1s cubic-bezier(.2,.9,.25,1.2);transition-delay:calc(var(--i) * 130ms)}
  .theme__title.is-in .ch{opacity:1;transform:none}

  /* 写真のワイプ */
  .motion-ready .split__img{overflow:hidden;border-radius:10px;clip-path:inset(0 100% 0 0 round 10px);transition:clip-path 1.1s cubic-bezier(.7,0,.2,1),opacity .7s,transform .7s}
  .motion-ready .split--rev .split__img{clip-path:inset(0 0 0 100% round 10px)}
  .motion-ready .split__img img{transform:scale(1.18);transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
  .split__img.is-in{clip-path:inset(0 0 0 0 round 10px)!important}
  .split__img.is-in img{transform:none}


  /* カードの傾きと光 */
  .tilt{position:relative;transition:transform .25s ease-out,box-shadow .25s;will-change:transform}
  .tilt::after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .3s;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),rgba(234,91,30,.14),transparent 45%)}
  .axis.tilt::after{background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.14),transparent 45%)}
  .tilt:hover::after{opacity:1}

  /* テーマ・入会の区画：マウスを追う光 */
  .theme::after,.cta::after{content:"";position:absolute;left:0;top:0;width:720px;height:720px;z-index:1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,rgba(234,91,30,.22),transparent 62%);transform:translate(calc(var(--mx,50vw) - 360px),calc(var(--my,30%) - 360px));transition:transform .35s ease-out,opacity .4s;opacity:0}
  @media (hover:hover) and (pointer:fine){.theme:hover::after,.cta:hover::after{opacity:.9}}
}
@media (prefers-reduced-motion:reduce){.marquee__track,.video__btn{animation:none}}

/* ---------- 理事に確認したいこと（右上のポップアップ） ---------- */
.review{position:fixed;right:16px;top:var(--review-top,96px);z-index:260;display:flex;flex-direction:column;align-items:flex-end;gap:10px;font-family:var(--font-jp)}
.review__pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:0;border-radius:999px;background:#FFF3C4;color:#3D2F00;font-weight:700;font-size:15px;box-shadow:0 6px 20px rgba(0,0,0,.25);cursor:pointer}
.review__pill b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 6px;border-radius:999px;background:var(--orange);color:#fff;font-size:13px}
.review__pill:hover{background:#FFE98A}
.review__panel{width:min(420px,calc(100vw - 32px));max-height:min(70vh,640px);overflow:auto;background:#fff;color:var(--ink);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.35);border-top:5px solid var(--orange)}
.review__head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px 10px;background:#fff;border-bottom:1px solid var(--line)}
.review__head b{font-size:17px}
.review__close{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:#fff;font-size:20px;line-height:1;color:var(--ink);cursor:pointer}
.review__lead{margin:12px 16px 4px;font-size:14.5px;line-height:1.75;color:var(--ink-2)}
.review ol{list-style:none;margin:0;padding:6px 16px 16px}
.review li{padding:12px 0;border-bottom:1px solid var(--line)}
.review li:last-child{border-bottom:0}
.review li b{display:block;font-size:15.5px;line-height:1.55}
.review li em{font-style:normal;display:inline-block;margin-left:8px;padding:1px 8px;border-radius:3px;background:var(--orange);color:#fff;font-size:12px;vertical-align:2px}
.review li span{display:block;margin-top:4px;font-size:14.5px;line-height:1.7;color:var(--ink-2)}
.review li a{display:inline-block;margin-top:4px;font-size:14px;font-weight:700;color:var(--orange);text-decoration:none}
.review li.is-here{background:var(--orange-soft);margin:0 -16px;padding:12px 16px}
@media (max-width:640px){.review{right:12px}.review__pill{font-size:14px;padding:8px 14px}}

/* ==========================================================
   明るく（2026-10-01 社長「全体的にサイトが暗い」）
   白を基本に、紺は締めの色（ヘッダー・入会案内・フッター・小さな案内箱）だけに使う
   ========================================================== */
/* トップの写真：重ねを薄くして朝日の色を見せる（文字の下だけ濃く） */
.hero__bg img{filter:brightness(1.14) saturate(1.08)}
.hero__bg::after{background:linear-gradient(180deg,rgba(13,24,42,.34) 0%,rgba(13,24,42,0) 34%,rgba(13,24,42,.14) 62%,rgba(13,24,42,.72) 100%)}
/* 下層ページの見出し：写真が見えるように */
.page-hero__bg img{filter:brightness(1.08)}
.page-hero__bg::after{background:linear-gradient(90deg,rgba(13,24,42,.84) 0%,rgba(13,24,42,.52) 48%,rgba(13,24,42,.12) 100%)}
.page-hero__inner{text-shadow:0 2px 14px rgba(0,0,0,.35)}
@media (max-width:760px){.page-hero__bg::after{background:linear-gradient(180deg,rgba(13,24,42,.5) 0%,rgba(13,24,42,.72) 100%)}}
/* テーマの区画：白基調に */
.theme{background:linear-gradient(180deg,#FFF6EC 0%,#FFFFFF 72%);color:var(--ink)}
.theme__bg{display:none}
.theme__label{color:var(--orange)}
.theme__title,.theme__sub{color:var(--navy)}
.theme__en{color:var(--ink-2)}
.theme__body{color:var(--ink)}
.theme__body b{color:var(--navy);background:linear-gradient(transparent 62%,rgba(234,91,30,.22) 0)}
.axis{background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(13,24,42,.07)}
.axis .en{color:var(--orange)}
.axis h3{color:var(--navy)}
.axis p{color:var(--ink-2)}
.goal__num{color:var(--navy)}
.goal__txt{color:var(--ink-2)}
.goal__txt b{color:var(--navy)}
@media (prefers-reduced-motion:no-preference){.axis.tilt::after{background:radial-gradient(420px circle at var(--gx,50%) var(--gy,50%),rgba(234,91,30,.12),transparent 45%)}.theme::after{background:radial-gradient(circle,rgba(234,91,30,.14),transparent 62%)}}
/* 流れる帯：白地に紺の線の文字 */
.marquee{background:#fff}
.marquee--navy{background:var(--paper);border-top:1px solid var(--line)}
.marquee span{-webkit-text-stroke:1px rgba(13,24,42,.2)}
.marquee i,.marquee--navy i{color:var(--orange)}
@supports not (-webkit-text-stroke:1px #000){.marquee span{color:rgba(13,24,42,.1)}}
/* 動画の区画（紺→生成り） */
.video figcaption{color:var(--ink)}
/* 入会案内：写真を少し見せる／フッター：真っ黒→紺 */
.cta__bg{opacity:.8}
.cta__bg::after{background:linear-gradient(90deg,rgba(13,24,42,.88) 0%,rgba(13,24,42,.55) 60%,rgba(13,24,42,.3) 100%)}
.site-footer{background:var(--navy)}

/* ==========================================================
   明るく その2（2026-10-01 社長「サイトが暗いのは何か方法ある？」）
   全ページの最初に目に入る ヘッダー と ページ見出し を白基調に
   ========================================================== */
/* ヘッダー：白地に紺の文字・カラーロゴ（トップの写真の上だけ透明＋白ロゴ） */
.site-header{background:#fff;color:var(--ink);box-shadow:0 1px 0 var(--line)}
.site-header.is-scrolled,.site-header.is-over.is-scrolled{background:rgba(255,255,255,.97);box-shadow:0 2px 18px rgba(13,24,42,.12)}
.site-header.is-over{background:transparent;box-shadow:none;color:#fff}
.brand .logo-c{display:block}.brand .logo-w{display:none}
.site-header.is-over:not(.is-scrolled) .logo-c{display:none}
.site-header.is-over:not(.is-scrolled) .logo-w{display:block}
.brand__ja{color:var(--navy)}
.brand__en,.gnav .en{color:#5B6475}
.gnav .ja{color:var(--navy)}
.site-header.is-over:not(.is-scrolled) .brand__ja,.site-header.is-over:not(.is-scrolled) .gnav .ja{color:#fff}
.site-header.is-over:not(.is-scrolled) .brand__en,.site-header.is-over:not(.is-scrolled) .gnav .en{color:var(--on-dark-2)}
.gnav a.gnav__link:hover .ja,.gnav a.is-current .ja{color:var(--orange)}
.menu-toggle{color:var(--navy)}
.site-header.is-over:not(.is-scrolled) .menu-toggle{color:#fff}
@media (max-width:1180px){
  .gnav{background:#fff}
  .gnav a.gnav__link{border-bottom:1px solid var(--line)}
  .gnav .ja,.site-header.is-over:not(.is-scrolled) .gnav .ja{color:var(--navy)}
  .gnav .en,.site-header.is-over:not(.is-scrolled) .gnav .en{color:#5B6475}
  .gnav .has-sub>.sub{color:var(--ink)}
  .gnav .sub a small{color:#5B6475}
  .menu-open .menu-toggle,.menu-open .site-header.is-over .menu-toggle{color:var(--navy)}
  body.menu-open .site-header.is-over .logo-c{display:block}
  body.menu-open .site-header.is-over .logo-w{display:none}
  body.menu-open .site-header.is-over .brand__ja{color:var(--navy)}
}
/* ページ見出し：生成りの地に紺の文字、写真は右側に */
.page-hero{background:var(--paper);color:var(--navy)}
.page-hero__bg{left:auto;width:54%}
.page-hero__bg img{filter:none}
.page-hero__bg::after{background:linear-gradient(90deg,var(--paper) 0%,rgba(246,244,240,.82) 18%,rgba(246,244,240,0) 58%)}
.page-hero__inner{text-shadow:none}
.page-hero .en{color:var(--navy)}
.page-hero p.lead{color:var(--ink);max-width:620px}
.crumb{background:#fff;border-bottom:1px solid var(--line)}
@media (max-width:760px){
  .page-hero__bg{width:100%}
  .page-hero__bg::after{background:linear-gradient(180deg,rgba(246,244,240,.80) 0%,rgba(246,244,240,.92) 100%)}
}

/* ---------- 開幕のロゴ演出（トップだけ・1回だけ・約2.5秒） ----------
   横線とEIBが左から引かれ、太陽（オレンジの丸）が線の上に昇る */
.splash{position:fixed;inset:0;z-index:1000;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:26px;cursor:pointer;animation:splashOut .7s cubic-bezier(.7,0,.2,1) 2.15s forwards}
.splash.is-skip{animation:splashOut .3s ease forwards}
.no-splash .splash{display:none}
.splash__logo{position:relative;width:min(260px,56vw);aspect-ratio:520/416}
.splash__logo::before{content:"";position:absolute;left:47.7%;top:20%;width:90%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(234,91,30,.22),rgba(234,91,30,0) 62%);transform:translate(-50%,-50%) scale(.3);opacity:0;animation:splashGlow 1.3s ease .75s forwards}
.splash__mask{position:absolute;left:0;top:0;width:100%;height:31.25%;overflow:hidden}
.splash__sun{position:absolute;left:38.65%;top:29.2%;width:18.08%;transform:translateY(112%);animation:sunRise .95s cubic-bezier(.2,.9,.3,1.12) .6s forwards}
.splash__bar{position:absolute;left:0;top:31.25%;width:100%;clip-path:inset(0 100% 0 0);animation:barDraw .75s cubic-bezier(.7,0,.2,1) .1s forwards}
.splash__en{margin:0;padding-left:.7em;font-family:var(--font-en);font-weight:700;font-size:clamp(12px,1.4vw,15px);letter-spacing:.7em;color:var(--navy);opacity:0;animation:splashEn .9s ease 1.05s forwards}
@keyframes barDraw{to{clip-path:inset(0 0 0 0)}}
@keyframes sunRise{to{transform:none}}
@keyframes splashGlow{to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes splashEn{to{opacity:1;letter-spacing:.34em;padding-left:.34em}}
@keyframes splashOut{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.splash{display:none}}
/* 演出の間はトップの見出しの動きを待たせる */
@media (prefers-reduced-motion:no-preference){
  .has-splash.motion-ready .hero__title .ch{animation-delay:calc(var(--i) * 42ms + 2.45s)}
  .has-splash .hero__bg img{animation-delay:2.3s}
}
/* 理事ポータル版：パスワード画面の間は開幕の演出とトップの見出しの動きを止めておき、通ってから最初から再生 */
.splash-hold .splash,.splash-hold .splash *,.splash-hold .splash__logo::before,.splash-hold .hero__title .ch,.splash-hold .hero__bg img{animation-play-state:paused!important}

/* ==========================================================
   トップのファーストビューを写真に（2026-10-02 社長「ファーストビューは写真の方が良い」）
   左に見出し・右に総会の集合写真。白基調（文字を顔に重ねない）
   ========================================================== */
.hero{min-height:auto;display:block;color:var(--ink);background:linear-gradient(180deg,#FFF6EC 0%,#FFFFFF 78%)}
.hero__bg,.scroll-cue{display:none}
.hero__inner{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:56px;align-items:center;max-width:1360px;margin:0 auto;padding:64px 24px 36px}
.hero__kicker{color:var(--orange);text-shadow:none}
.hero__title{color:var(--navy);text-shadow:none;font-size:clamp(34px,4.4vw,64px)}
.hero__title .accent{color:var(--orange)}
.hero__en{color:var(--ink-2)}
.hero__photo{position:relative;margin:0;aspect-ratio:4/3;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px rgba(13,24,42,.18)}
.hero__photo img{width:100%;height:100%;object-fit:cover}
@media (max-width:960px){
  .hero__inner{grid-template-columns:1fr;gap:24px;padding:20px 16px 20px}
  .hero__photo{order:-1}
}
@media (prefers-reduced-motion:no-preference){
  .hero__photo{clip-path:inset(0 0 0 100% round 16px);animation:heroPhotoIn 1.1s cubic-bezier(.7,0,.2,1) .35s forwards}
  .hero__photo img{transform:scale(1.12);animation:heroPhotoZoom 1.8s cubic-bezier(.2,.8,.2,1) .35s forwards}
  .has-splash .hero__photo,.has-splash .hero__photo img{animation-delay:2.3s}
  @keyframes heroPhotoIn{to{clip-path:inset(0 0 0 0 round 16px)}}
  @keyframes heroPhotoZoom{to{transform:none}}
}
.splash-hold .hero__photo,.splash-hold .hero__photo img{animation-play-state:paused!important}

/* ==========================================================
   トップ：活動写真のモザイク＋「何の会か」を言い切る一文
   （2026-10-02 社長「どんな会なのかわかりにくい」→ local-uni.com を参考）
   5つの枠が、それぞれ3枚を時間差で切り替える（opacityだけ・ライブラリなし）
   ========================================================== */
.hero__title{font-size:clamp(28px,3.5vw,54px);line-height:1.45}
.hero__lead{margin:22px 0 0;max-width:34em;font-size:clamp(15.5px,1.25vw,17.5px);line-height:2;color:var(--ink);font-weight:500}
.hero__slogan{margin:18px 0 0;padding-left:14px;border-left:3px solid var(--orange);font-size:14.5px;line-height:1.9;color:var(--ink-2);font-weight:700}
.hero__mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;aspect-ratio:1/1}
.fv-tile{position:relative;overflow:hidden;border-radius:12px;background:var(--paper)}
.fv-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fv-tile--a{grid-column:1/3;grid-row:1/3}
.fv-tile--b{grid-column:3;grid-row:1}
.fv-tile--c{grid-column:3;grid-row:2}
.fv-tile--d{grid-column:1;grid-row:3}
.fv-tile--e{grid-column:2/4;grid-row:3}
.fv-tile--a{--t:15s;--o:-1s}.fv-tile--b{--t:12s;--o:-5s}.fv-tile--c{--t:13.5s;--o:-9s}.fv-tile--d{--t:10.5s;--o:-3s}.fv-tile--e{--t:16.5s;--o:-11s}
.fv-tile img:nth-child(1){--k:0}.fv-tile img:nth-child(2){--k:1}.fv-tile img:nth-child(3){--k:2}
@media (max-width:960px){.hero__mosaic{order:-1;gap:6px}.fv-tile{border-radius:8px}}
@media (prefers-reduced-motion:no-preference){
  .fv-tile img{opacity:0;animation:fvFade var(--t) linear infinite both;animation-delay:calc(var(--t) * (var(--k) / 3 - 1) + var(--o))}
  @keyframes fvFade{0%{opacity:0}4%{opacity:1}34%{opacity:1}38%{opacity:0}100%{opacity:0}}
  .fv-tile{opacity:0;transform:scale(.94);animation:fvTileIn .8s cubic-bezier(.2,.8,.2,1) forwards}
  .fv-tile--a{animation-delay:.25s}.fv-tile--b{animation-delay:.35s}.fv-tile--c{animation-delay:.45s}.fv-tile--d{animation-delay:.55s}.fv-tile--e{animation-delay:.65s}
  .has-splash .fv-tile--a{animation-delay:2.3s}.has-splash .fv-tile--b{animation-delay:2.4s}.has-splash .fv-tile--c{animation-delay:2.5s}.has-splash .fv-tile--d{animation-delay:2.6s}.has-splash .fv-tile--e{animation-delay:2.7s}
  @keyframes fvTileIn{to{opacity:1;transform:none}}
}
@media (prefers-reduced-motion:reduce){.fv-tile img{opacity:0}.fv-tile img:first-child{opacity:1}}
.splash-hold .fv-tile{animation-play-state:paused!important}

/* ==========================================================
   ヒーロー下のお知らせ＋テーマ（2026-10-02 社長「AI感ありすぎる」→ local-uni.com に寄せる）
   影・左の色帯・浮かぶ動き・丸い札をやめ、細い枠のカード＋黒い帯のボタン＋淡い下敷きにする
   ========================================================== */
.hero__theme{display:inline-flex;align-items:center;flex-wrap:wrap;gap:8px 14px;margin-top:30px;text-decoration:none;color:var(--ink)}
.hero__theme-tag{display:inline-block;background:var(--orange);color:#fff;font-size:12.5px;font-weight:700;line-height:1;padding:7px 10px;letter-spacing:.04em}
.hero__theme-name{font-family:var(--font-serif);font-weight:700;font-size:24px;line-height:1.3;letter-spacing:.14em;color:var(--navy);white-space:nowrap}
.hero__theme-sub{font-size:14.5px;font-weight:500;color:var(--ink-2)}
.arrow-circle{position:relative;display:inline-block;flex:none;width:28px;height:28px;border-radius:50%;background:var(--navy);transition:transform .2s}
.arrow-circle::after{content:"";position:absolute;left:9px;top:10.5px;width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg)}
.hero__theme:hover .arrow-circle{transform:translateX(3px)}
.hero__theme:hover .hero__theme-sub{text-decoration:underline;text-underline-offset:4px}

.hero__pick{position:relative;z-index:2;padding:44px 0 72px}
.hero__pick::before{content:"";position:absolute;left:0;top:0;bottom:0;width:min(1320px,94%);background:var(--paper);border-radius:0 56px 0 0;z-index:-1}
.hero__pick-inner{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1360px;margin:0 auto;padding:0 24px}
.pick{display:flex;flex-direction:column;background:#fff;border:1px solid #E2DED6;border-radius:8px;overflow:hidden;text-decoration:none;color:var(--ink);transition:border-color .2s}
.pick:hover{border-color:var(--navy)}
.pick__body{flex:1;padding:24px 26px 22px}
.pick__meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:0 0 10px;font-size:13.5px;font-weight:700;color:var(--ink-2);letter-spacing:.04em}
.pill{display:inline-flex;align-items:center;height:22px;padding:0 10px;border:1px solid var(--navy);border-radius:999px;font-size:11.5px;font-weight:700;line-height:1;color:var(--navy);background:#fff;letter-spacing:.04em}
.pill--new{border-color:var(--orange);color:var(--orange)}
.pick__title{margin:0;font-size:19px;line-height:1.55;font-weight:700}
.pick__text{margin:8px 0 0;font-size:14.5px;line-height:1.8;color:var(--ink-2)}
.pick__bar{position:relative;display:block;background:var(--navy);color:#fff;text-align:center;font-weight:700;font-size:14.5px;line-height:1.4;padding:15px 48px;letter-spacing:.06em}
.pick__bar::after{content:"";position:absolute;right:24px;top:50%;width:6px;height:6px;margin-top:-4px;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);transition:right .2s}
.pick:hover .pick__bar::after{right:19px}
@media (max-width:960px){
  .hero__pick{padding:28px 0 48px}
  .hero__pick::before{width:100%;border-radius:0 32px 0 0}
  .hero__pick-inner{grid-template-columns:1fr;gap:14px;padding:0 16px}
  .pick__body{padding:20px 20px 18px}
}
/* 新着一覧のラベルもカードと同じ枠線ラベルに揃える（赤い塗りの札・薄オレンジの帯をやめる） */
.news-list .tag{display:inline-flex;align-items:center;height:22px;padding:0 9px;border:1px solid var(--navy);border-radius:999px;background:#fff;color:var(--navy);font-size:11.5px}
.news-list .tag--new,.news-list .tag--orange{border-color:var(--orange);color:var(--orange);background:#fff}
.news-list li.is-new a{background:transparent}
.news-list li.is-new a:hover{background:var(--paper)}

/* ==========================================================
   EIB デザインテーマセット v1（2026-10-02 社長「まだAI感・色センス」→ KOIB／WIB に学ぶ）
   KOIB・WIB の共通点＝「墨色・白・薄いグレー＋ブランド色1色だけ／影なし／見出しは書体で見せる」
   EIBらしさ＝ロゴの「水平線と朝日」。オレンジは"朝日の点"と1語だけに使い、面や枠には使わない
   ・色：墨紺 #0D182A（文字・ボタン・帯）／白／薄いグレー #F3F4F6（区画の地）／線 #DDE0E4／朝日 #EA5B1E
   ・書体：英字見出し＝DM Serif Display（ロゴの太い飾り付きの英字に近い）／和文見出し＝しっぽり明朝／本文＝ゴシック
   ・やめたもの：クリーム色の地・グラデーション・影・丸いピル型ボタン・オレンジの札や線・光の点と線・カードの傾き
   ========================================================== */
:root{
  --paper:#F3F4F6; --orange-soft:#F3F4F6; --orange-2:#EA5B1E;
  --ink:#161B25; --ink-2:#4A515E; --line:#DDE0E4;
  --font-en:"DM Serif Display","Times New Roman",serif;
}

/* 印＝朝日の点（見出しの和文ラベル・キッカーの頭） */
.sec-head .ja{color:var(--ink);font-size:15px;gap:10px;letter-spacing:.06em}
.sec-head .ja::before{width:9px;height:9px;border-radius:50%;background:var(--orange)}
.sec-head .en{font-weight:400;letter-spacing:.01em;font-size:clamp(40px,5.4vw,66px);line-height:1.05;color:var(--navy)}
.page-hero .en{font-weight:400;letter-spacing:.01em}
.page-hero h1::before{width:9px;height:9px;border-radius:50%;background:var(--orange)}

/* ヘッダー：影をやめ細い線だけ。入会ボタンは墨紺の四角 */
.site-header,.site-header.is-scrolled,.site-header.is-over.is-scrolled{box-shadow:none;border-bottom:1px solid var(--line)}
.gnav a.gnav__link:hover .ja,.gnav a.is-current .ja{color:var(--navy)}
.gnav a.is-current{border-bottom-color:var(--navy)}
.gnav .sub a:hover{color:var(--navy)}
.gnav .has-sub>.sub{box-shadow:none;border:1px solid var(--line);border-radius:0}
.btn-join{background:var(--navy);border-radius:2px;padding:12px 20px}
.btn-join:hover{background:#000}

/* ボタン：ピル型の枠をやめ「文字＋墨紺の丸矢印」（WIB・ローカル大学と同じ作法） */
.btn{border:0;border-radius:0;padding:0;min-height:0;background:none;color:var(--navy);gap:14px;font-size:15.5px}
.btn .arrow{display:inline-grid;place-items:center;flex:none;width:46px;height:46px;border-radius:50%;background:var(--navy);color:#fff;font-family:var(--font-jp);font-size:16px;line-height:1}
.btn:hover{background:none;color:var(--navy)}
.btn:hover .arrow{transform:translateX(4px)}
.btn--orange{background:var(--navy);color:#fff;padding:12px 12px 12px 26px;border-radius:2px;min-height:58px}
.btn--orange .arrow{width:34px;height:34px;background:#fff;color:var(--navy)}
.btn--orange:hover{background:#000;color:#fff;border-color:transparent}
.btn--white,.btn--white:hover{color:#fff;background:none}
.btn--white .arrow{background:#fff;color:var(--navy)}
.cta .btn--orange{background:#fff;color:var(--navy)}
.cta .btn--orange .arrow{background:var(--navy);color:#fff}
.cta .btn--orange:hover{background:#fff;color:var(--navy)}

/* 札：塗りは墨紺の四角だけ。オレンジは「受付中・NEW」など今動いているものの枠線にだけ */
.tag{background:var(--navy);border-radius:0;font-size:12px;padding:6px 9px}
.tag--orange,.tag--new{background:#fff;color:var(--orange);box-shadow:inset 0 0 0 1px var(--orange)}
.tag--line{background:#fff;color:var(--navy);border:0;box-shadow:inset 0 0 0 1px var(--navy)}
.pill{border-radius:0}
.news-list .tag{border-radius:0}

/* ヒーロー：白地。オレンジは頭の点と「本気」の1語だけ */
.hero{background:#fff}
.hero__kicker{display:flex;align-items:center;gap:10px;color:var(--ink);letter-spacing:.08em}
.hero__kicker::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--orange)}
.hero__title{color:var(--navy)}
.hero__title .accent{color:var(--orange)}
.hero__slogan{border-left:2px solid var(--navy)}
.hero__theme-tag{background:var(--navy)}
.fv-tile{border-radius:3px;background:var(--paper)}
.pick{border-radius:0;border-color:var(--line)}

/* 新着：日付はゴシックの等幅数字、矢印は墨紺 */
.news-list time{font-family:var(--font-jp);font-weight:700;font-size:14px;letter-spacing:.06em;font-variant-numeric:tabular-nums}
.news-list .arw{color:var(--navy);font-family:var(--font-jp)}

/* テーマ区画：薄いグレーの地・影と色帯なし */
.theme{background:var(--paper)}
.theme::after,.cta::after{display:none}
.theme__label{color:var(--ink-2);font-family:var(--font-jp);font-size:13px;letter-spacing:.24em}
.theme__en{font-family:var(--font-en);letter-spacing:.12em}
.theme__line{width:40px;height:1px;background:var(--navy)}
.theme__body b{background:none;color:var(--navy);border-bottom:1px solid var(--navy)}
.axis{background:#fff;border:0;border-top:2px solid var(--navy);border-radius:0;box-shadow:none}
.axis::before{display:none}
.axis .en{color:var(--ink-2);font-family:var(--font-en);font-weight:400;letter-spacing:.08em;font-size:15px}
.goal__num{font-weight:400}

/* 活動カード：影・角丸・オレンジの丸アイコンをやめ、写真と文字だけ */
.prog-card{background:transparent;border-radius:0;box-shadow:none}
.prog-card:hover{transform:none;box-shadow:none}
.prog-card__img{border-radius:2px}
.prog-card__icon{display:none}
.prog-card__no{font-weight:400;font-size:38px}
.prog-card__body{padding:18px 2px 8px}
.prog-card__en{color:var(--ink-2);font-family:var(--font-en);font-weight:400;font-size:14px;letter-spacing:.08em}
.prog-card__more::after{color:var(--navy);font-family:var(--font-jp)}
.page-icon{background:var(--navy)}

/* 日程：枠の箱をやめ罫線の一覧に。次回は墨紺の太線 */
.sched{gap:0;border-bottom:1px solid var(--line)}
.sched-item{background:transparent;border:0;border-top:1px solid var(--line);border-radius:0;box-shadow:none}
.sched-item.is-past{background:transparent}
.sched-item.is-next{border:0;border-top:2px solid var(--navy);box-shadow:none}
.sched-date .y{font-family:var(--font-jp)}
.sched-date .d{font-weight:400}
.sched-links a{border-radius:2px;border-width:1px}
.sched-links a.primary{background:var(--navy);border-color:var(--navy)}

/* レポート・メンバー */
.rep-card{border-radius:0;border:0;background:transparent}
.rep-card:hover{transform:none;box-shadow:none}
.rep-card__img{border-radius:2px}
.rep-card__body{padding:16px 2px 8px}
.rep-card__month{background:var(--navy)}
.rep-card__body .kind{color:var(--ink-2)}
.member__img{border-radius:2px}
.member__role{border-radius:0}
.member__role--chair{background:var(--navy)}
.member h3 small{color:var(--ink-2)}
.avatars img,.avatar-noimg{box-shadow:none}

/* 下層ページの部品：オレンジの線・番号を墨紺へ */
.prose h3{border-left:3px solid var(--navy)}
.quote{border-left:3px solid var(--navy)}
.feat-item .no,.timeline .when,.rules li::before,.qa summary::before,.compare .yes{color:var(--navy)}
.timeline li::before{border-color:var(--navy)}
.plan-card{border-radius:0;box-shadow:none}
.plan-card.is-main{border:2px solid var(--navy)}
.plan-card .kind,.info-grid dt{color:var(--ink-2)}
.page-hero__bg::after{background:linear-gradient(180deg,rgba(243,244,246,.82) 0%,rgba(243,244,246,.93) 100%)}
.split__img img{border-radius:2px}
.motion-ready .split__img{border-radius:2px;clip-path:inset(0 100% 0 0)}
.motion-ready .split--rev .split__img{clip-path:inset(0 0 0 100%)}
.split__img.is-in{clip-path:inset(0 0 0 0)!important}

/* 動画：影と脈打つ光をやめる */
.video__play,.video__empty,.video iframe{box-shadow:none;border-radius:2px}
.video__btn{background:var(--navy);animation:none!important;box-shadow:none}

/* 読み進みバーは朝日の細い線1本 */
.scroll-progress{background:var(--orange)}
/* DM Serif Display は太字が無い＝ブラウザの擬似太字（にじむ）を止める */
html{font-synthesis:none}
.news-list li.is-new .ttl{color:var(--navy)}
/* テーマ行：丸矢印だけが次の行に落ちないよう、副題と矢印を離さない */
.hero__theme-sub{display:inline-flex;align-items:center;gap:12px}
:root{--radius:2px}
/* 下層ページの見出し：PCは右に写真をそのまま（膜をかけない）、左は薄いグレーに文字。スマホは従来どおり膜の上に文字 */
@media (min-width:961px){
  .page-hero__bg{left:auto;right:0;width:46%;overflow:hidden}
  .page-hero__bg::after{background:none}
  .page-hero p.lead{max-width:min(560px,calc(54vw - 220px))}
}

/* ==========================================================
   テーマのページ・トップのテーマ帯（2026-10-02 社長「このあたりのデザインないわ」）
   公式キービジュアル「夜明けの瀬戸内」＝ロゴの水平線と朝日。文字は白い明朝、面は写真に任せる
   ========================================================== */
.cover-hero{position:relative;min-height:min(80vh,780px);display:flex;align-items:flex-start;justify-content:center;overflow:hidden;background:#0B1424;color:#fff;text-align:center}
.cover-hero__bg{position:absolute;inset:0}
.cover-hero__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 72%}
.cover-hero__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,14,26,.30) 0%,rgba(8,14,26,0) 50%)}
.cover-hero__inner{position:relative;z-index:2;padding:clamp(72px,13vh,150px) 24px 120px}
.cover-hero__en{margin:0;font-family:var(--font-en);font-size:clamp(15px,1.4vw,19px);letter-spacing:.16em;color:rgba(255,255,255,.88);white-space:pre}
.cover-hero__title{margin:16px 0 0;font-family:var(--font-serif);font-weight:800;font-size:clamp(60px,10.5vw,150px);letter-spacing:.2em;line-height:1.15;padding-left:.2em;text-shadow:0 2px 30px rgba(0,0,0,.18)}
.cover-hero__sub{margin:20px 0 0;font-family:var(--font-serif);font-weight:600;font-size:clamp(18px,2vw,26px);letter-spacing:.22em;padding-left:.22em}

.kv-band{position:relative;overflow:hidden;color:#fff;background:#0B1424}
.kv-band__bg{position:absolute;inset:0}
.kv-band__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 72%}
.kv-band__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,26,.62) 0%,rgba(8,14,26,.28) 55%,rgba(8,14,26,0) 100%)}
.kv-band__inner{position:relative;z-index:2;padding:clamp(88px,11vw,150px) 24px}
.kv-band__label{margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.14em}
.kv-band__label::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--orange)}
.kv-band__label span{font-family:var(--font-en);font-weight:400;font-size:16px;letter-spacing:.06em}
.kv-band__title{margin:18px 0 0;font-family:var(--font-serif);font-weight:800;font-size:clamp(56px,9vw,124px);letter-spacing:.16em;line-height:1.15}
.kv-band__sub{margin:14px 0 0;font-family:var(--font-serif);font-weight:600;font-size:clamp(18px,2vw,24px);letter-spacing:.16em}
.kv-band__body{margin:26px 0 34px;max-width:40em;font-size:16px;line-height:2.05;color:rgba(255,255,255,.92)}

.t-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:64px;align-items:center}
.t-lead{margin:6px 0 0;font-family:var(--font-serif);font-weight:800;font-size:clamp(24px,2.6vw,34px);line-height:1.8;letter-spacing:.06em;color:var(--navy)}
.t-body{margin:24px 0 0;font-size:16.5px;line-height:2.1}
.t-body b,.t-def__head b{color:var(--navy);border-bottom:1px solid var(--navy)}
.t-intro__img{margin:0}
.t-intro__img img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:2px}
.t-intro__img figcaption{margin-top:12px;font-size:13.5px;line-height:1.7;color:var(--ink-2)}

.t-def{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start}
.t-def__title{margin:0 0 22px;font-family:var(--font-serif);font-weight:800;font-size:clamp(26px,3vw,38px);line-height:1.6;letter-spacing:.06em;color:var(--navy)}
.t-def__head p{font-size:16.5px;line-height:2}
.t-steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--navy)}
.t-steps li{display:grid;grid-template-columns:76px 1fr;gap:8px;padding:28px 0;border-bottom:1px solid var(--line)}
.t-steps__no{font-family:var(--font-en);font-size:42px;line-height:1;color:var(--navy)}
.t-steps h3{margin:2px 0 6px;font-size:19px;line-height:1.5}
.t-steps p{margin:0;font-size:15.5px;line-height:1.85;color:var(--ink-2)}

.t-axes-lead{margin:0 0 44px;font-size:17px;line-height:2}
.t-axes{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--navy)}
.t-axis{padding:32px 32px 8px;border-right:1px solid var(--line)}
.t-axis:first-child{padding-left:0}
.t-axis:last-child{border-right:0;padding-right:0}
.t-axis__en{margin:0;font-family:var(--font-en);font-size:clamp(44px,4.6vw,64px);line-height:1;color:var(--navy)}
.t-axis h3{margin:12px 0 14px;font-family:var(--font-serif);font-weight:800;font-size:22px;letter-spacing:.12em}
.t-axis p{margin:0;font-size:15.5px;line-height:1.95}
.t-axis p.t-axis__where{margin-top:18px;font-size:14px;font-weight:700;color:var(--ink-2)}

.t-goal{position:relative;overflow:hidden;color:#fff;background:#0B1424}
.t-goal__bg{position:absolute;inset:0}
.t-goal__bg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.t-goal__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,14,26,.84) 0%,rgba(8,14,26,.55) 45%,rgba(8,14,26,.08) 100%)}
.t-goal__inner{position:relative;z-index:2;padding:clamp(80px,10vw,140px) 24px}
.t-goal__label{margin:0;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.14em}
.t-goal__label::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--orange)}
.t-goal__num{margin:12px 0 0;font-family:var(--font-en);font-size:clamp(96px,14vw,180px);line-height:1}
.t-goal__num small{margin-left:8px;font-family:var(--font-jp);font-size:28px;font-weight:700}
.t-goal__text{margin:18px 0 0;font-size:17px;line-height:2}
.t-goal__text b{font-family:var(--font-serif);font-weight:800;font-size:clamp(22px,2.4vw,30px);letter-spacing:.08em}

.t-step1{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:64px;align-items:start}
.t-step1__title{margin:0;font-family:var(--font-serif);font-weight:800;font-size:clamp(28px,3.4vw,44px);line-height:1.6;letter-spacing:.06em;color:var(--navy)}
.t-step1 p{margin:0 0 14px;font-size:16.5px;line-height:2.05}

@media (max-width:860px){
  .t-intro,.t-def,.t-step1{grid-template-columns:1fr;gap:32px}
  .t-axes{grid-template-columns:1fr}
  .t-axis,.t-axis:first-child,.t-axis:last-child{padding:28px 0 24px;border-right:0;border-bottom:1px solid var(--line)}
  .cover-hero{min-height:72svh}
  .cover-hero__title{letter-spacing:.14em;padding-left:.14em}
  .kv-band__bg::after{background:rgba(8,14,26,.45)}
  .t-goal__bg::after{background:rgba(8,14,26,.62)}
}
@media (prefers-reduced-motion:no-preference){
  .cover-hero__inner>*{animation:coverIn 1.1s cubic-bezier(.2,.8,.2,1) both}
  .cover-hero__title{animation-delay:.15s!important}
  .cover-hero__sub{animation-delay:.4s!important}
  @keyframes coverIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
  .motion-ready .kv-band__title .ch{opacity:0;transform:translateY(30%);transition:opacity .7s,transform 1s cubic-bezier(.2,.9,.25,1);transition-delay:calc(var(--i) * 120ms)}
  .kv-band__title.is-in .ch{opacity:1;transform:none}
}
/* 見出しは句のまとまりでだけ改行する（「て、」だけが次の行に落ちない） */
.t-lead span,.t-step1__title span{display:inline-block}
.t-axis p.t-axis__en{font-size:clamp(44px,4.6vw,64px);line-height:1;color:var(--navy)}
/* 目標：写真は右に寄せ、文字は左の地に置く（文字を顔に重ねない） */
.t-goal{background:var(--paper);color:var(--ink)}
.t-goal__bg{left:auto;width:56%}
.t-goal__bg::after{display:none}
.t-goal__num{color:var(--navy)}
.t-goal__text b{color:var(--navy)}
.t-goal__inner{max-width:var(--wrap);margin:0 auto}
.t-goal__inner>*{max-width:40%}
@media (max-width:860px){
  .t-goal__bg{position:relative;width:100%;aspect-ratio:4/3}
  .t-goal__inner{padding:36px 16px 56px}
  .t-goal__inner>*{max-width:none}
}

/* テーマのページ：キックオフ総会で上映したアニメ（サイト内の mp4 をクリックで再生） */
.video video{display:block;width:100%;aspect-ratio:16/9;background:#000;border-radius:2px}
.t-movie{margin-top:clamp(72px,9vw,128px)}
.t-movie .video{max-width:none}
.t-movie .video figcaption{text-align:left;font-weight:500;font-size:14.5px;color:var(--ink-2)}


/* オープン回の会場 E:N BASE の説明（月例会・年間日程のページ） */
.venue{display:grid;grid-template-columns:1.5fr 1fr;gap:28px 56px;margin-top:48px;padding:34px 38px;background:var(--paper);border-top:2px solid var(--navy)}
.section--paper .venue{background:#fff}
.venue__label{display:flex;align-items:center;gap:9px;margin:0;font-size:13.5px;font-weight:700;letter-spacing:.08em;color:var(--ink-2)}
.venue__label::before{content:"";flex:none;width:8px;height:8px;border-radius:50%;background:var(--orange)}
.venue__name{margin:8px 0 14px;font-family:var(--font-en);font-weight:400;font-size:clamp(32px,3.6vw,44px);line-height:1.1;color:var(--navy)}
.venue__name small{margin-left:6px;font-family:var(--font-jp);font-size:16px;font-weight:700;color:var(--ink)}
.venue__main>p{margin:0 0 18px;font-size:16px;line-height:1.95}
.venue__info{display:grid;gap:0;margin:0}
.venue__info div{display:grid;grid-template-columns:4.5em 1fr;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.venue__info dt{font-size:14px;font-weight:700;color:var(--ink-2)}
.venue__info dd{margin:0;font-size:15px;line-height:1.85}
.venue__links{align-self:end;margin:0;padding:0;list-style:none;border-top:1px solid var(--line)}
.venue__links li{border-bottom:1px solid var(--line)}
.venue__links a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 4px;font-size:15.5px;font-weight:700;color:var(--navy);text-decoration:none}
.venue__links a::after{content:"↗";flex:none;display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--navy);color:#fff;font-size:13px;transition:transform .2s}
.venue__links a:hover{text-decoration:underline;text-underline-offset:4px}
.venue__links a:hover::after{transform:translate(2px,-2px)}
@media (max-width:860px){.venue{grid-template-columns:1fr;padding:26px 20px;margin-top:36px}}
/* 2列のカード（4項目を2×2で並べる時） */
.feat.feat--2{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.feat.feat--2{grid-template-columns:1fr}}
/* サイトポリシー・プライバシーポリシー（読みやすい行幅に絞る・2026-10-04） */
.legal{max-width:820px;margin:0 auto}
.legal h4{font-size:17px;margin:24px 0 8px}
.legal__date{color:var(--ink-2)}
.legal__contact{margin:8px 0 1.2em;padding:18px 22px;border:1px solid var(--line);border-radius:8px}
.legal__contact dt{font-weight:700;margin-bottom:6px}
.legal__contact dd{margin:0;line-height:1.9}
.legal__src{margin-top:48px}

/* ---------------------------------------------------------------- 旧サイトから移したお知らせ・会員登録（2026-10-09） */
.page-hero .page-hero__h{margin:12px 0 0;font-size:clamp(22px,2.6vw,30px);font-weight:700;letter-spacing:.06em;display:flex;align-items:center;gap:14px}
.page-hero .page-hero__h::before{content:"";width:30px;height:2px;background:var(--orange)}
.post .wrap{max-width:880px}
.post__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:var(--ink-2)}
.post__meta time{font-family:var(--font-en);letter-spacing:.06em;margin-right:4px}
.post__title{margin:14px 0 32px;font-size:clamp(22px,3vw,32px);line-height:1.5;color:var(--navy);letter-spacing:.04em}
.post__feat{margin:0 0 36px}.post__feat img{display:block;max-width:100%;max-height:520px;width:auto;height:auto;margin:0 auto;border-radius:var(--radius)}
.post__body{overflow-wrap:anywhere}
.post__body img{max-width:100%;height:auto}
.post__body h2{font-size:clamp(19px,2.2vw,23px);color:var(--navy);margin:2.2em 0 .9em;padding-left:14px;border-left:4px solid var(--orange);line-height:1.55}
.post__body h3{font-size:19px;color:var(--navy);margin:1.9em 0 .7em;line-height:1.55}
.post__body h4,.post__body h5{font-size:17px;margin:1.6em 0 .5em}
.post__body p{margin:0 0 1.2em}
.post__body a{color:var(--orange);text-underline-offset:3px}
.post__body figure{margin:1.8em 0}
.post__body figcaption{font-size:13px;color:var(--ink-2);text-align:center;margin-top:6px}
.post__body ul,.post__body ol{padding-left:1.5em;margin:0 0 1.2em}
.post__body iframe{max-width:100%;border:0}
.post__body .aligncenter{margin-left:auto;margin-right:auto;text-align:center}
.post__body .has-text-align-center{text-align:center}
.post__body .has-text-align-right{text-align:right}
.post__body .wp-block-image img{border-radius:4px}
.post__body .wp-block-media-text{display:grid;grid-template-columns:50% 1fr;gap:28px;align-items:center;margin:2em 0}
.post__body .wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr 50%}
.post__body .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:2}
.post__body .wp-block-media-text__media{margin:0}
.post__body .wp-block-media-text__media img{width:100%;height:auto;border-radius:4px}
.post__body .wp-block-media-text__content>:first-child{margin-top:0}
.post__body .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px;margin:1.8em 0}
.post__body .wp-block-buttons.is-content-justification-center{justify-content:center}
.post__body .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:10px 28px;border-radius:999px;background:var(--orange);color:#fff;font-weight:700;text-decoration:none}
.post__body .wp-block-button__link:hover{background:var(--orange-2)}
.post__body .wp-block-table{overflow-x:auto;margin:1.8em 0}
.post__body .wp-block-table table{width:100%;border-collapse:collapse;font-size:15px}
.post__body .wp-block-table td,.post__body .wp-block-table th{border:1px solid var(--line);padding:10px 12px;vertical-align:top}
.post__body .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}
.post__body .wp-block-gallery figure{margin:0}
.post__body .wp-block-separator{border:0;border-top:1px solid var(--line);margin:2.4em 0}
.post__nav{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:start;margin-top:64px;padding-top:24px;border-top:1px solid var(--line);font-size:14.5px}
.post__nav a{color:var(--navy);text-decoration:none;font-weight:700;line-height:1.6}
.post__nav a small{font-weight:400;color:var(--ink-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.post__nav .next{text-align:right}
.post__nav .all{align-self:center;white-space:nowrap;border:1.5px solid var(--navy);border-radius:999px;padding:8px 18px}
@media (max-width:760px){
  .post__body .wp-block-media-text,.post__body .wp-block-media-text.has-media-on-the-right{grid-template-columns:1fr!important}  /* 旧記事は列幅が style 属性で入っている */
  .post__body .wp-block-media-text.has-media-on-the-right .wp-block-media-text__media{order:0}
  .post__nav{grid-template-columns:1fr}.post__nav .next{text-align:left}.post__nav .all{justify-self:start}
}

/* ==========================================================
   トップの最初の画面：全面写真（2026-10-16 GOさん「koib.jp のような感じに・ロゴの後のファーストビュー」）
   写真がゆっくり寄りながら切り替わる＋正式ロゴ（白抜き）＋キャッチ。ライブラリなし・CSSだけ
   ========================================================== */
.hero.hero--full{display:block;min-height:0;background:#fff;color:var(--ink);padding:0}
.hero-full{position:relative;min-height:max(100svh,620px);display:flex;align-items:center;overflow:hidden}
.hero-slides{position:absolute;left:0;right:0;top:0;height:max(100svh,620px);overflow:hidden;background:#0D182A}
.hero-slides img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 72%;opacity:0}
.hero-slides img:first-child{opacity:1}
.hero-slides::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,24,42,.72) 0%,rgba(13,24,42,.42) 48%,rgba(13,24,42,.12) 100%),linear-gradient(180deg,rgba(13,24,42,.35) 0%,rgba(13,24,42,0) 30%,rgba(13,24,42,0) 70%,rgba(13,24,42,.45) 100%)}
.hero-full__inner{position:relative;z-index:2;width:100%;max-width:1360px;margin:0 auto;padding:calc(var(--header-h) + 32px) 24px 88px}
.hero-full__logo{margin:0 0 clamp(18px,3vh,30px)}
.hero-full__logo img{display:block;width:clamp(220px,min(26vw,40vh),400px);height:auto}
.hero.hero--full .hero__title{color:#fff;font-size:clamp(28px,min(4vw,6.4vh),58px);line-height:1.45;text-shadow:0 2px 20px rgba(0,0,0,.35)}
.hero.hero--full .hero__title .accent{color:#FF7A2F}
.hero-full__slogan{margin:clamp(14px,2.2vh,22px) 0 0;font-size:clamp(15px,1.3vw,18px);line-height:1.9;font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.hero-full__theme{display:inline-flex;align-items:center;gap:14px;margin-top:clamp(18px,3vh,30px);padding:12px 20px;border:1.5px solid rgba(255,255,255,.85);color:#fff;text-decoration:none;font-weight:700;transition:background .25s,color .25s}
.hero-full__theme:hover{background:#fff;color:var(--navy)}
.hero-full__theme-tag{font-size:13.5px;letter-spacing:.08em}
.hero-full__theme-name{font-family:var(--font-serif);font-size:22px;letter-spacing:.12em}
.hero-full__scroll{position:absolute;z-index:2;left:50%;bottom:22px;transform:translateX(-50%);margin:0;font-family:var(--font-en);font-size:12px;letter-spacing:.3em;color:#fff;padding-bottom:44px}
.hero-full__scroll::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:36px;background:rgba(255,255,255,.75);transform-origin:top;animation:scrollLine 2s ease-in-out infinite}
@keyframes scrollLine{0%{transform:scaleY(0)}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.hero-intro{background:#fff;color:var(--ink);padding:40px 0 8px}
.hero-intro__lead{margin:0 auto;max-width:46em;font-size:clamp(15.5px,1.3vw,18px);line-height:2;font-weight:500;text-align:center}
@media (max-width:960px){
  .hero-full__inner{padding:calc(var(--header-h) + 24px) 16px 88px}
  .hero-full__logo{margin-bottom:26px}
  .hero-full__logo img{width:min(72vw,320px)}
  .hero-slides::after{background:linear-gradient(180deg,rgba(13,24,42,.45) 0%,rgba(13,24,42,.35) 45%,rgba(13,24,42,.6) 100%)}
  .hero-intro{padding:28px 0 0}.hero-intro__lead{text-align:left}
}
@media (prefers-reduced-motion:no-preference){
  /* 3枚×6秒で一巡。各写真は約7秒かけて少しずつ寄る */
  .hero-slides img{animation:heroSlide 18s linear infinite;animation-delay:calc(var(--n) * 6s)}
  .hero-slides img:nth-child(1){--n:0;opacity:0}.hero-slides img:nth-child(2){--n:1}.hero-slides img:nth-child(3){--n:2}
  @keyframes heroSlide{0%{opacity:0;transform:scale(1.12)}7%{opacity:1}33%{opacity:1}40%{opacity:0;transform:scale(1)}100%{opacity:0;transform:scale(1)}}
  .hero-full__logo,.hero-full__slogan,.hero-full__theme{opacity:0;transform:translateY(14px);animation:heroUp .9s cubic-bezier(.2,.8,.2,1) forwards}
  .hero-full__logo{animation-delay:.1s}.hero-full__slogan{animation-delay:1.3s}.hero-full__theme{animation-delay:1.6s}
  .has-splash .hero-full__logo{animation-delay:2.3s}.has-splash .hero-full__slogan{animation-delay:3.5s}.has-splash .hero-full__theme{animation-delay:3.8s}
  .has-splash.motion-ready .hero-full__title .ch{animation-delay:calc(var(--i) * 42ms + 2.75s)}
  .motion-ready .hero-full__title .ch{animation-delay:calc(var(--i) * 42ms + .55s)}
  @keyframes heroUp{to{opacity:1;transform:none}}
}
.splash-hold .hero-slides img,.splash-hold .hero-full__logo,.splash-hold .hero-full__slogan,.splash-hold .hero-full__theme{animation-play-state:paused!important}

/* ヘッダー・フッターのロゴ＝ARMS の正式ロゴ（2022.2.17）をそのまま使う（2026-10-16「ロゴが違う」の指摘から）
   「EIB」＋「EHIME INNOVATION BASE」までが1つのロゴ。英字を別の文字で組まない */
.brand img.logo-off{width:auto;height:40px}
.site-footer .brand img.logo-off{width:auto;height:56px}
.brand--foot{flex-direction:column;align-items:flex-start;gap:12px}
@media (max-width:960px){.brand img.logo-off{height:34px}}

/* 運営メンバー：設立時のメンバー（2026-10-16 GOさん「Founderとか設立メンバーも欲しい」＝旧WordPressの「EIBについて」Messages を原文のまま移した） */
.founders{display:grid;grid-template-columns:repeat(2,1fr);gap:28px 36px}
.founder{display:grid;grid-template-columns:132px 1fr;gap:20px;align-items:start;padding:22px;background:#fff;border:1px solid var(--line,#E2E6EC)}
.founder__img{aspect-ratio:1;overflow:hidden;background:var(--paper)}
.founder__img img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.founder__tag{display:inline-block;font-size:12.5px;font-weight:700;color:#fff;background:var(--orange);padding:3px 10px;margin-bottom:6px}
.founder h3{margin:0;font-size:19px;line-height:1.4}
.founder__co{margin:2px 0 0;font-size:14px;color:var(--ink-2)}
.founder__msg{margin:12px 0 0;font-size:15px;line-height:1.95}
@media (max-width:960px){.founders{grid-template-columns:1fr}.founder{grid-template-columns:96px 1fr;gap:14px;padding:16px}}
.founder-cos{list-style:none;margin:0 0 44px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line,#E2E6EC);border-left:1px solid var(--line,#E2E6EC)}
.founder-cos li{padding:18px 16px;border-right:1px solid var(--line,#E2E6EC);border-bottom:1px solid var(--line,#E2E6EC);font-weight:700;font-size:16px;line-height:1.5}
.founder-cos li small{display:block;margin-top:4px;font-size:13px;font-weight:700;color:var(--orange)}
.founder-msgs-h{margin:0 0 8px;font-size:20px}
@media (max-width:960px){.founder-cos{grid-template-columns:repeat(2,1fr)}.founder-cos li{font-size:15px;padding:14px 12px}}
.hero-slides img.hero-slide--chair{object-position:50% 50%}
@media (max-width:960px){.hero-slides img.hero-slide--chair{top:auto;height:56%;object-position:88% 12%;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%);mask-image:linear-gradient(180deg,transparent 0,#000 22%)}}