:root{
      --ink:#2e1a24; --ink-soft:#6b5560; --ink-faint:#9a8a90; --line:#f0dde2;
      --grad:linear-gradient(135deg,#ff5a8c,#a05cff);
      --pink:#e23e5e;
    }
    *{ box-sizing:border-box; }
    body{ font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",system-ui,sans-serif; color:var(--ink); background:#fff; -webkit-font-smoothing:antialiased; line-height:1.8; }
    a{ color:inherit; text-decoration:none; }
    .wrap{ width:1000px; max-width:90%; margin:0 auto; }

    /* ヘッダー */
    .ghead{ position:sticky; top:0; z-index:50; background:rgba(255,255,255,.92); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); }
    .ghead__in{ display:flex; align-items:center; height:66px; }
    .ghead__logo img{ height:30px; width:auto; display:block; }
    .ghead__back{ margin-left:auto; font-size:.82rem; font-weight:800; color:var(--ink-soft); }
    .ghead__back:hover{ color:var(--pink); }

    /* ヒーロー */
    .ghero{ position:relative; color:#fff; padding:84px 0 72px; overflow:hidden; background:linear-gradient(155deg,#ff7a33,#ff4f6e 52%,#a05cff); }
    .ghero::after{ content:""; position:absolute; right:-120px; top:-120px; width:420px; height:420px; border-radius:50%; background:rgba(255,255,255,.12); }
    .ghero__in{ position:relative; z-index:1; }
    .ghero__tag{ display:inline-flex; gap:10px; align-items:center; background:rgba(255,255,255,.18); border:1px solid rgba(255,255,255,.35); font-size:.72rem; font-weight:800; letter-spacing:.06em; padding:6px 14px; border-radius:999px; }
    .ghero__en{ display:block; margin-top:18px; font-size:.95rem; font-weight:800; letter-spacing:.18em; opacity:.85; }
    .ghero h1{ font-size:clamp(2rem,4.6vw,3.1rem); font-weight:900; line-height:1.2; margin:6px 0 14px; }
    .ghero__lead{ font-size:1rem; max-width:640px; opacity:.95; }
    .ghero__nav{ display:flex; gap:10px; margin-top:26px; flex-wrap:wrap; }
    .ghero__nav a{ font-size:.84rem; font-weight:800; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.4); padding:9px 18px; border-radius:999px; transition:background .2s ease; }
    .ghero__nav a:hover{ background:rgba(255,255,255,.3); }

    /* 共通セクション */
    .gsec{ padding:66px 0; scroll-margin-top:80px; }
    .gsec--soft{ background:linear-gradient(180deg,#fff7f2,#fff); }
    .gsec__h{ display:flex; flex-direction:column; gap:4px; margin-bottom:28px; }
    .gsec__en{ font-size:.78rem; font-weight:900; letter-spacing:.12em; color:var(--pink); }
    .gsec__ja{ font-size:1.5rem; font-weight:900; }
    .gsec__lead{ margin-top:8px; font-size:.95rem; color:var(--ink-soft); max-width:720px; }

    /* 代表メッセージ */
    .gmsg{ max-width:760px; }
    .gmsg__catch{ font-size:clamp(1.5rem,3.4vw,2.1rem); font-weight:900; line-height:1.5; margin-bottom:26px; }
    .gmsg__catch span{ background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
    .gmsg p{ font-size:.98rem; line-height:2.05; margin:0 0 20px; }
    .gmsg em{ font-style:normal; font-weight:800; color:var(--ink); }
    .gsign{ display:flex; align-items:center; gap:16px; margin-top:36px; padding-top:26px; border-top:1px solid var(--line); }
    .gsign__av{ width:64px; height:72px; border-radius:12px; object-fit:cover; object-position:center; box-shadow:inset 0 0 0 1px rgba(20,20,50,.08); flex:0 0 auto; }
    .gsign__role{ font-size:.8rem; color:var(--ink-faint); font-weight:700; }
    .gsign__name{ font-size:1.15rem; font-weight:900; margin-top:2px; }

    /* 未来図：導入 */
    .gfintro{ font-size:1rem; line-height:2; color:var(--ink-soft); max-width:760px; margin-bottom:30px; }
    .gfintro strong{ color:var(--ink); }

    /* 数字 */
    .gnums{ display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
    .gnum{ background:#fff; border:1px solid var(--line); border-radius:16px; padding:26px 20px; box-shadow:0 12px 30px rgba(120,40,60,.08); text-align:center; }
    .gnum__n{ font-size:2.2rem; font-weight:900; line-height:1; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
    .gnum__n small{ font-size:1rem; }
    .gnum__l{ font-size:.82rem; font-weight:700; color:var(--ink-soft); margin-top:10px; }

    /* めざす姿（3つ） */
    .gvis{ display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .gvcard{ position:relative; background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px 26px 30px; box-shadow:0 12px 30px rgba(120,40,60,.07); overflow:hidden; transition:transform .3s ease, box-shadow .3s ease; }
    .gvcard::before{ content:""; position:absolute; left:0; top:0; height:5px; width:100%; background:var(--grad); }
    .gvcard:hover{ transform:translateY(-5px); box-shadow:0 24px 50px rgba(120,40,60,.16); }
    .gvcard__n{ font-size:1.6rem; font-weight:900; line-height:1; background:var(--grad); -webkit-background-clip:text; background-clip:text; color:transparent; }
    .gvcard__t{ font-size:1.16rem; font-weight:900; margin:10px 0 8px; }
    .gvcard__d{ font-size:.86rem; color:var(--ink-soft); line-height:1.85; }

    /* ロードマップ */
    .groad{ display:flex; gap:14px; flex-wrap:wrap; align-items:stretch; margin-top:8px; }
    .gstep{ flex:1 1 0; min-width:200px; background:#fff; border:1px solid var(--line); border-radius:16px; padding:22px 22px 24px; position:relative; }
    .gstep__y{ font-size:.78rem; font-weight:900; color:var(--pink); letter-spacing:.04em; }
    .gstep__t{ font-weight:900; margin-top:5px; font-size:1.05rem; }
    .gstep__d{ font-size:.84rem; color:var(--ink-soft); margin-top:8px; line-height:1.85; }

    .gfclose{ margin-top:34px; font-size:1.05rem; font-weight:800; line-height:1.8; }

    /* 沿革（タイムライン） */
    .ghist{ max-width:780px; }
    .ghrow{ display:grid; grid-template-columns:84px 1fr; gap:18px; }
    .ghrow__y{ font-size:.92rem; font-weight:900; color:var(--pink); text-align:right; padding-top:2px; letter-spacing:.02em; }
    .ghrow__c{ position:relative; padding:0 0 30px 26px; }
    /* 紫のボール（ノード） */
    .ghrow__c::before{ content:""; position:absolute; left:-8px; top:3px; width:14px; height:14px; border-radius:50%; background:var(--grad); box-shadow:0 0 0 4px #fff; z-index:1; }
    /* つなぎ線（上→下へ伸びる） */
    .ghrow__c::after{ content:""; position:absolute; left:-1px; top:20px; bottom:0; width:2px; background:var(--line); transform-origin:top; }
    .ghrow:last-child .ghrow__c{ padding-bottom:2px; }
    .ghrow:last-child .ghrow__c::after{ display:none; }
    .ghrow__t{ font-size:.92rem; line-height:1.85; color:var(--ink); min-height:1.85em; }
    /* タイピング演出：入力中のキャレット */
    .ghrow__y.is-typing::after, .ghrow__t.is-typing::after{ content:"▍"; color:var(--pink); margin-left:1px; animation:ghblink .7s steps(1) infinite; }
    @keyframes ghblink{ 50%{ opacity:0; } }
    /* JS演出が有効なときだけ：初期はボール・線を隠し、クラスで順に出現させる */
    #history.anim .ghrow__c::before{ transform:scale(0); opacity:0; transition:transform .4s cubic-bezier(.34,1.56,.64,1), opacity .3s ease; }
    #history.anim .ghrow__c::after{ transform:scaleY(0); transition:transform .45s ease; }
    #history.anim .ghrow.dot-in .ghrow__c::before{ transform:scale(1); opacity:1; }
    #history.anim .ghrow.line-in .ghrow__c::after{ transform:scaleY(1); }
    @media(max-width:560px){ .ghrow{ grid-template-columns:72px 1fr; gap:12px; } }

    @media(max-width:820px){
      .gnums{ grid-template-columns:repeat(2,1fr); }
      .gvis{ grid-template-columns:1fr; }
    }

/* ------------------------------------------------------------
   HTML の style 属性に直書きされていた指定をここへ移した（2026-09-17）
   ------------------------------------------------------------ */
/* セクション内の小見出し（WE AIM FOR など） */
.gsec__h--sub { margin: 46px 0 22px; }
.gsec__h--sub .gsec__ja { font-size: 1.25rem; }
/* 文字をグラデーションで塗る */
.gfclose .gtext-grad { background: var(--grad); -webkit-background-clip: text; background-clip: text; color: transparent; }