/* ══ PAGE HERO ══ */
    .ph{min-height:60svh;display:flex;align-items:center;background:#1e2e40;position:relative;overflow:hidden;padding:110px 0 72px;}
    .ph::before{content:'';position:absolute;inset:0;background:
      radial-gradient(ellipse at 80% 20%,rgba(142,197,234,.13) 0%,transparent 55%),
      radial-gradient(ellipse at 10% 80%,rgba(47,111,165,.1) 0%,transparent 45%);
      pointer-events:none;}
    .ph::after{content:'';position:absolute;inset:0;
      background-image:linear-gradient(rgba(142,197,234,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(142,197,234,.05) 1px,transparent 1px);
      background-size:60px 60px;
      mask-image:radial-gradient(ellipse at 70% 50%,black 10%,transparent 60%);
      pointer-events:none;}
    .ph-wave{position:absolute;inset:0;width:200%;height:100%;
      background:
        repeating-linear-gradient(-12deg,transparent 0,transparent 60px,rgba(142,197,234,.04) 72px,rgba(47,111,165,.08) 86px,rgba(142,197,234,.04) 100px,transparent 112px,transparent 190px),
        repeating-linear-gradient(12deg,transparent 0,transparent 90px,rgba(47,111,165,.04) 102px,rgba(142,197,234,.07) 116px,rgba(47,111,165,.04) 130px,transparent 142px,transparent 230px);
      animation:waveRTL 16s linear infinite;pointer-events:none;z-index:0;}
    @keyframes waveRTL{to{transform:translateX(-50%);}}
    .ph-ui{position:absolute;right:0;top:50%;transform:translateY(-50%);width:48%;height:70%;pointer-events:none;z-index:1;opacity:.18;}
    .ph-ui svg{width:100%;height:100%;}
    .ph-in{position:relative;z-index:2;max-width:720px;}
    .ph-lbl{font-family:'Noto Sans JP',sans-serif;font-size:.68rem;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:rgba(142,197,234,.7);display:flex;align-items:center;gap:14px;margin-bottom:26px;opacity:0;transform:translateX(-16px);transition:opacity .6s ease,transform .6s ease;}
    .ph-lbl.in{opacity:1;transform:none;}
    .ph-lbl::before{content:'';display:block;width:24px;height:1px;background:rgba(142,197,234,.5);}
    .ph-h1{font-family:'Shippori Mincho',serif;font-size:clamp(1.4rem,2.8vw,2.2rem);font-weight:400;line-height:1.45;letter-spacing:.05em;color:#fff;margin-bottom:28px;}
    .ph-h1 em{font-style:normal;color:rgba(142,197,234,.9);}
    .ph-catch{font-family:'Shippori Mincho',serif;font-size:clamp(1rem,1.8vw,1.3rem);color:rgba(255,255,255,.8);line-height:1.8;letter-spacing:.06em;margin-bottom:20px;}
    .ph-body{font-size:.9rem;color:rgba(255,255,255,.58);line-height:2.1;margin-bottom:42px;max-width:560px;}
    .ph-btns{display:flex;gap:12px;flex-wrap:wrap;}
    .bt-w{background:#8ec5ea;color:#1a3250;}
    .bt-w:hover{background:#a8d4f0;box-shadow:0 6px 22px rgba(142,197,234,.35);transform:translateY(-2px);}
    .bt-o{background:transparent;border:1px solid rgba(255,255,255,.34);color:rgba(255,255,255,.82);}
    .bt-o:hover{border-color:rgba(255,255,255,.7);color:#fff;transform:translateY(-2px);}

    /* ══ BREADCRUMB ══ */
    .bc{background:var(--bg1);border-bottom:1px solid var(--br);padding:12px 0;}
    .bc-in{display:flex;align-items:center;gap:8px;font-size:.72rem;color:var(--tx3);}
    .bc-in a{color:var(--tx3);transition:color var(--t);}
    .bc-in a:hover{color:var(--acc);}
    .bc-sep{opacity:.5;}

    /* ══ SEC01 — 重要な理由 ══ */
    .sec01{background:var(--bg0);}
    .why-lead{text-align:center;font-family:'Shippori Mincho',serif;font-size:clamp(1rem,2vw,1.28rem);font-weight:400;color:var(--tx1);line-height:2.3;letter-spacing:.06em;margin-bottom:52px;}
    .why-2col{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start;margin-bottom:52px;}
    .why-box{background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:36px 36px 32px;}
    .why-box-t{font-family:'Shippori Mincho',serif;font-size:1.08rem;font-weight:500;color:var(--acc-dk);margin-bottom:20px;letter-spacing:.05em;padding-bottom:14px;border-bottom:1px solid var(--br);}
    .why-checks{list-style:none;display:flex;flex-direction:column;gap:10px;}
    .why-checks li{font-size:.86rem;color:var(--tx2);display:flex;align-items:baseline;gap:10px;line-height:1.6;}
    .why-checks li::before{content:'✔';color:var(--acc);font-size:.72rem;flex-shrink:0;}

    /* ══ SEC02 — よくある課題 ══ */
    .sec02{background:var(--bg1);}
    .issue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:44px;}
    .issue-card{background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:28px 26px;position:relative;overflow:hidden;}
    .issue-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,rgba(47,111,165,.4),rgba(142,197,234,.3));}
    .issue-no{font-family:'Shippori Mincho',serif;font-size:2.6rem;font-weight:400;color:rgba(47,111,165,.1);line-height:1;margin-bottom:6px;}
    .issue-t{font-size:.9rem;font-weight:600;color:var(--tx1);margin-bottom:8px;line-height:1.5;}
    .issue-d{font-size:.78rem;color:var(--tx2);line-height:1.85;}
    .issue-tail{max-width:640px;margin:0 auto;text-align:center;font-family:'Shippori Mincho',serif;font-size:clamp(.9rem,1.6vw,1.05rem);color:var(--tx1);line-height:2.3;letter-spacing:.05em;}

    /* ══ SEC03 — 特徴 ══ */
    .sec03{background:var(--bg0);}
    .bgw{position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:clamp(5rem,12vw,10rem);font-weight:700;color:rgba(47,111,165,.04);letter-spacing:.1em;pointer-events:none;user-select:none;white-space:nowrap;}
    .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;}
    .feat{background:var(--card);border:1px solid var(--br);border-radius:var(--r);padding:42px 40px;position:relative;overflow:hidden;transition:box-shadow var(--t),border-color var(--t);}
    .feat:hover{box-shadow:0 8px 32px rgba(47,111,165,.1);border-color:var(--br2);}
    .feat::after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--acc),rgba(142,197,234,.5));transform:scaleX(0);transform-origin:left;transition:transform .4s ease;}
    .feat:hover::after{transform:scaleX(1);}
    .feat-no{font-family:'Shippori Mincho',serif;font-size:3.2rem;font-weight:400;color:rgba(47,111,165,.1);line-height:1;margin-bottom:8px;}
    .feat-t{font-family:'Shippori Mincho',serif;font-size:1.15rem;font-weight:500;color:var(--acc-dk);margin-bottom:14px;letter-spacing:.05em;}
    .feat-body{font-size:.84rem;color:var(--tx2);line-height:1.95;}
    .feat-checks{list-style:none;display:flex;flex-direction:column;gap:7px;margin-top:18px;border-top:1px solid var(--br);padding-top:18px;}
    .feat-checks li{font-size:.82rem;color:var(--tx2);display:flex;align-items:baseline;gap:8px;}
    .feat-checks li::before{content:'✔';color:var(--acc);font-size:.7rem;flex-shrink:0;}
    .feat-link{display:inline-flex;align-items:center;gap:6px;font-size:.78rem;color:var(--acc);margin-top:20px;text-decoration:none;font-weight:500;letter-spacing:.04em;}
    .feat-link::after{content:'→';}
    .feat-link:hover{text-decoration:underline;}

    /* ══ SEC04 — 制作の流れ (dark) ══ */
    .sec04{background:#1e2e40;position:relative;overflow:hidden;}
    .sec04::before{content:'';position:absolute;inset:0;background:
      radial-gradient(ellipse at 85% 15%,rgba(142,197,234,.08) 0%,transparent 50%),
      radial-gradient(ellipse at 15% 85%,rgba(47,111,165,.07) 0%,transparent 50%);
      pointer-events:none;}
    .flow-wrap{position:relative;max-width:700px;margin:0 auto;}
    .flow-line{position:absolute;left:27px;top:32px;bottom:32px;width:1px;background:linear-gradient(to bottom,rgba(142,197,234,.3),rgba(142,197,234,.1));z-index:0;}
    .flow-item{display:flex;align-items:flex-start;gap:28px;position:relative;z-index:1;padding:20px 0;}
    .flow-item+.flow-item{border-top:1px solid rgba(255,255,255,.05);}
    .flow-num{width:54px;height:54px;border-radius:50%;background:rgba(47,111,165,.25);border:1px solid rgba(142,197,234,.3);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:'Shippori Mincho',serif;font-size:1.1rem;color:rgba(142,197,234,.9);letter-spacing:.04em;}
    .flow-cnt{padding-top:12px;}
    .flow-t{font-family:'Shippori Mincho',serif;font-size:1rem;color:rgba(255,255,255,.88);margin-bottom:6px;letter-spacing:.05em;}
    .flow-d{font-size:.8rem;color:rgba(255,255,255,.5);line-height:1.8;}
    .flow-tail{text-align:center;margin-top:48px;font-size:.88rem;color:rgba(255,255,255,.5);letter-spacing:.04em;}

    /* ══ SEC05 — FAQ ══ */
    .sec05{background:var(--bg1);}
    .faq-list{max-width:760px;margin:0 auto;}
    .faq-item{border-bottom:1px solid var(--br);}
    .faq-q{display:flex;align-items:flex-start;gap:16px;padding:22px 0;cursor:pointer;user-select:none;}
    .faq-q-ico{width:22px;height:22px;border-radius:50%;border:1px solid var(--br2);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px;transition:all var(--t);}
    .faq-q-ico span{display:block;width:10px;height:1px;background:var(--acc);position:relative;}
    .faq-q-ico span::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg);width:10px;height:1px;background:var(--acc);transition:transform .3s ease,opacity .3s ease;}
    .faq-item.open .faq-q-ico{background:var(--acc);border-color:var(--acc);}
    .faq-item.open .faq-q-ico span{background:#fff;}
    .faq-item.open .faq-q-ico span::after{transform:translate(-50%,-50%) rotate(0deg);opacity:0;}
    .faq-qt{font-size:.92rem;font-weight:500;color:var(--tx1);letter-spacing:.03em;flex:1;line-height:1.6;}
    .faq-a{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.4,0,.2,1);}
    .faq-a-in{padding:0 0 22px 38px;font-size:.86rem;color:var(--tx2);line-height:2;}
    .faq-item.open .faq-a{max-height:220px;}
    .faq-cta{text-align:center;margin-top:44px;}

    /* ══ SEC06 — 制作実績 ══ */
    .sec06{background:var(--bg0);}
    .works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
    .wk-card{text-decoration:none;color:inherit;background:var(--card);border-radius:var(--r);border:1px solid var(--br);overflow:hidden;display:flex;flex-direction:column;transition:box-shadow var(--t),transform var(--t);}
    .wk-card:hover{box-shadow:0 10px 32px rgba(47,111,165,.12);transform:translateY(-6px);}
    .wk-screen{position:relative;background:#dce8f0;}
    .wk-bar{display:flex;align-items:center;gap:5px;padding:8px 12px;background:#c8d6e0;}
    .wk-bar span{width:8px;height:8px;border-radius:50%;display:block;}
    .wk-bar span:nth-child(1){background:#ff7b6b;}
    .wk-bar span:nth-child(2){background:#ffc46b;}
    .wk-bar span:nth-child(3){background:#6bc96b;}
    .wk-screen img{width:100%;display:block;aspect-ratio:16/10;object-fit:cover;object-position:top center;}
    .wk-body{padding:22px 22px 26px;flex:1;}
    .wk-cat{font-size:.65rem;font-weight:600;letter-spacing:.16em;color:var(--acc);margin-bottom:8px;text-transform:uppercase;}
    .wk-t{font-family:'Shippori Mincho',serif;font-size:1rem;color:var(--tx1);margin-bottom:8px;letter-spacing:.04em;}
    .wk-d{font-size:.78rem;color:var(--tx2);line-height:1.85;}
    .works-cta{text-align:center;margin-top:44px;}

    /* ══ SEC07 — お客様の声 ══ */
    .sec07{background:var(--bg1);}
    .voice-banner{max-width:700px;margin:0 auto;text-align:center;}
    .voice-banner-t{font-family:'Shippori Mincho',serif;font-size:clamp(1rem,2vw,1.2rem);color:var(--tx1);line-height:2.1;letter-spacing:.05em;margin-bottom:36px;}
    .voice-cta{display:inline-flex;align-items:center;gap:8px;font-size:.9rem;color:var(--acc);font-weight:500;text-decoration:none;border:1px solid var(--br2);border-radius:var(--r);padding:12px 32px;transition:all var(--t);}
    .voice-cta:hover{background:var(--acc);color:#fff;border-color:var(--acc);}

    /* ══ SEC08 — CTA ══ */
    .sec08{background:#1e2e40;position:relative;overflow:hidden;}
    .sec08::before{content:'';position:absolute;inset:0;background:
      radial-gradient(ellipse at 50% 0%,rgba(142,197,234,.12) 0%,transparent 60%);
      pointer-events:none;}
    .cta-inner{text-align:center;position:relative;z-index:1;max-width:680px;margin:0 auto;}
    .cta-lead{font-family:'Shippori Mincho',serif;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:400;color:#fff;line-height:1.7;letter-spacing:.06em;margin-bottom:18px;}
    .cta-lead em{font-style:normal;color:rgba(142,197,234,.9);}
    .cta-note{font-size:.86rem;color:rgba(255,255,255,.5);line-height:2;margin-bottom:40px;}
    .cta-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;}
    .cta-sub{font-size:.75rem;color:rgba(255,255,255,.35);margin-top:24px;letter-spacing:.04em;}

    /* ══ RESPONSIVE ══ */
    @media(max-width:900px){
      .why-2col{grid-template-columns:1fr;}
      .issue-grid{grid-template-columns:1fr 1fr;}
      .feat-grid{grid-template-columns:1fr;}
      .works-grid{grid-template-columns:1fr 1fr;}
    }
    @media(max-width:600px){
      .issue-grid{grid-template-columns:1fr;}
      .works-grid{grid-template-columns:1fr;}
      .flow-line{display:none;}
      .feat{padding:30px 26px;}
      .ph{padding:110px 0 64px;}
    }