/* =========================================================
   SSAについて（sub.css の後に読む）
   共通部品（パンくず・ヒーロー・セクション見出し）は sub.css 側。
   ========================================================= */
:root{--page-hero-img:var(--img-about-hero);}

/* ---------- MISSION ---------- */
.mission{background:var(--bg-soft);}
.mission__inner{display:grid;grid-template-columns:.78fr 1fr;gap:64px;align-items:center;}
.mission h2{font-size:26px;font-weight:700;line-height:1.6;color:var(--ink);margin:10px 0 18px;}
.mission__list{display:grid;grid-template-columns:repeat(3,1fr);}
.mission__item{padding:0 26px;text-align:center;border-left:1px solid var(--line);}
.mission__item:first-child{border-left:0;}
.mission__ic{width:64px;height:48px;margin:0 auto 20px;
             background:center/contain no-repeat;}
.ms-01{background-image:var(--ms-01);}
.ms-02{background-image:var(--ms-02);}
.ms-03{background-image:var(--ms-03);}
.mission__item h3{font-size:16.5px;font-weight:700;color:var(--ink);}
.mission__item p{margin-top:10px;font-size:12.5px;line-height:1.9;color:var(--muted);}

/* ---------- 事業内容 ---------- */
.biz-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;}
.biz-card{position:relative;overflow:hidden;padding:30px 28px 28px;background:#fff;
          border:1px solid var(--line);border-radius:var(--r-card);transition:.3s;}
.biz-card::before{content:"";position:absolute;right:0;bottom:0;width:38%;height:52%;
                  background:var(--gw-tint);clip-path:polygon(100% 0,100% 100%,0 100%);
                  opacity:.75;transition:opacity .35s;}
.biz-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);}
.biz-card:hover::before{opacity:1;}
.biz-card__top{position:relative;display:flex;align-items:center;gap:14px;margin-bottom:14px;}
.biz-card__num{font-family:var(--font-en);font-size:26px;font-weight:800;line-height:1;
               color:var(--gw-ink);letter-spacing:var(--track-num);
               transform:scaleX(var(--cond-x));transform-origin:left center;}
.biz-card__ic{width:38px;height:38px;flex:none;background:var(--gw-ink);
              -webkit-mask:var(--gw-icon) center/contain no-repeat;
                      mask:var(--gw-icon) center/contain no-repeat;}
.biz-card h3{position:relative;font-size:17px;font-weight:700;line-height:1.5;color:var(--ink);}
.biz-card h3 span{font-size:12px;font-weight:500;color:var(--muted);}
.biz-card__lead{position:relative;margin-top:10px;font-size:13px;line-height:1.9;color:var(--muted);}
.biz-card ul{position:relative;display:grid;gap:9px;margin-top:18px;}
.biz-card li{position:relative;padding-left:17px;font-size:12.5px;line-height:1.7;color:var(--text);}
.biz-card li::before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;
                     border-radius:50%;background:var(--gw-ink);opacity:.65;}

/* ---------- 沿革 ---------- */
.history__list{position:relative;display:grid;grid-template-columns:repeat(5,1fr);
               margin:0;padding:0;list-style:none;}
.history__list::before{content:"";position:absolute;left:7px;right:7px;top:7px;height:1px;
                       background:var(--line);}
.history__item{position:relative;padding-right:26px;}
.history__dot{position:relative;display:block;width:15px;height:15px;border-radius:50%;
              background:#fff;box-shadow:0 0 0 4px #fff, inset 0 0 0 4px var(--ac-blue);}
.history__item:nth-child(even) .history__dot{box-shadow:0 0 0 4px #fff, inset 0 0 0 4px var(--ac-green);}
.history__year{margin-top:18px;font-family:var(--font-en);font-size:22px;font-weight:800;
               line-height:1.2;letter-spacing:var(--track-num);color:var(--ink);}
.history__ttl{margin-top:8px;font-size:13.5px;font-weight:700;color:var(--ink);}
.history__item p{margin-top:8px;font-size:12.5px;line-height:1.85;color:var(--muted);}

/* ---------- 表（組合概要・役員） ---------- */
.facts{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.facts__block h3{display:flex;align-items:center;gap:10px;margin-bottom:20px;
                 font-size:19px;font-weight:700;color:var(--ink);}
.data-table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.8;}
.data-table th{width:118px;padding:14px 16px;text-align:left;vertical-align:top;
               font-weight:700;color:var(--ink);background:var(--bg-soft);
               border-bottom:1px solid var(--line);white-space:nowrap;}
.data-table td{padding:14px 16px;vertical-align:top;color:var(--text);
               border-bottom:1px solid var(--line);}
.data-table--officer th{width:104px;}
.data-table--officer td:first-of-type{width:120px;font-weight:700;color:var(--ink);white-space:nowrap;}
.data-table small{display:block;font-size:11.5px;color:var(--muted);}

/* ---------- 活動計画 ---------- */
.schedule{background:var(--bg-soft);}
.schedule__list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.schedule__item{display:flex;align-items:center;gap:16px;padding:20px 22px;background:#fff;
                border:1px solid var(--line);border-radius:12px;}
.schedule__when{flex:none;display:grid;place-items:center;min-width:74px;padding:6px 10px;
                border-radius:var(--r-pill);background:var(--bg-tint);
                font-family:var(--font-en);font-size:12px;font-weight:800;color:var(--blue-600);}
.schedule__what{font-size:13.5px;font-weight:700;color:var(--ink);}

@media (max-width:1000px){
  .mission__inner,.facts{grid-template-columns:1fr;gap:34px;}
  .biz-grid{grid-template-columns:1fr;}
  .history__list{grid-template-columns:repeat(2,1fr);gap:34px 0;}
  .history__list::before{display:none;}
  .schedule__list{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  /* 無理に縦積みにせず、3列のまま小さく見せる */
  .mission__item{padding:0 7px;}
  .mission__ic{width:46px;height:34px;margin-bottom:12px;}
  .mission__item h3{font-size:13px;}
  .mission__item p{margin-top:8px;font-size:10.5px;line-height:1.75;}
  .mission__item p br{display:none;}
  .history__list{grid-template-columns:1fr;}
  .history__item{padding-right:0;}
  /* 幅がないので、〇と年代を同じ行に並べて高さを稼ぐ */
  .history__dot{display:inline-block;vertical-align:middle;}
  .history__year{display:inline-block;vertical-align:middle;margin:0 0 0 10px;}
  .history__ttl{margin-top:14px;}
  .schedule__list{grid-template-columns:1fr;}
  .data-table th{width:96px;padding:12px;}
  .data-table td{padding:12px;}
}

/* 事業内容カード：色は gw-* から、アイコンだけ事業内容に合わせて差し替える */
.biz-card--edu {--gw-icon:var(--ic-01);}  /* 教育＝人 */
.biz-card--fun {--gw-icon:var(--ic-05);}  /* 親睦＝握手 */
.biz-card--link{--gw-icon:var(--ic-02);}  /* 連携＝つなぐ */
.biz-card--etc {--gw-icon:var(--ic-03);}  /* その他＝組織 */