/* ══ 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-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;}

    /* ══ SECTION 01 — 医療Web制作とは ══ */
    .sec01{background:var(--bg0);}
    .what-lead{text-align:center;font-family:'Shippori Mincho',serif;font-size:clamp(1rem,2vw,1.32rem);font-weight:400;color:var(--tx1);line-height:2.3;letter-spacing:.06em;margin-bottom:56px;}
    .what-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:52px;}
    .what-chip{padding:8px 22px;border-radius:100px;border:1px solid var(--br2);font-size:.82rem;color:var(--acc);background:var(--card);letter-spacing:.04em;font-weight:500;}
    .what-tail{text-align:center;font-family:'Shippori Mincho',serif;font-size:clamp(.94rem,1.8vw,1.15rem);color:var(--tx1);line-height:2.3;letter-spacing:.06em;border-top:1px solid var(--br);padding-top:48px;}
    .what-tail strong{color:var(--acc);}

    /* ══ SECTION 02 — 特徴 ══ */
    .sec02{background:var(--bg1);}
    .feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:0;}
    .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;letter-spacing:.04em;}
    .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;margin-bottom:20px;}
    .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-kw{font-size:.88rem;color:var(--tx2);line-height:2;font-style:italic;margin-bottom:16px;}
    .feat-kw span{display:block;color:var(--acc-dk);font-style:normal;font-weight:500;}

    /* ══ SECTION 03 — 制作の流れ ══ */
    .sec03{background:#1e2e40;position:relative;overflow:hidden;}
    .sec03::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;letter-spacing:.03em;}
    .flow-arrow{text-align:left;padding-left:54px;color:rgba(142,197,234,.35);font-size:1rem;line-height:1;margin:0;}

    /* ══ SECTION 04 — 制作できるサイト ══ */
    .sec04{background:var(--bg0);}
    .site-tags{display:flex;flex-wrap:wrap;gap:14px;justify-content:center;margin-top:44px;}
    .site-tag{padding:12px 28px;border-radius:var(--r);border:1px solid var(--br2);background:var(--card);font-size:.9rem;font-weight:500;color:var(--tx1);letter-spacing:.04em;transition:all var(--t);}
    .site-tag:hover{border-color:var(--acc);color:var(--acc);background:#fff;}
    .site-note{text-align:center;margin-top:38px;font-size:.8rem;color:var(--tx3);}

    /* ══ SECTION 05 — 制作実績 ══ */
    .sec05{background:var(--bg1);}
    .works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:0;}
    .wk-card{background:var(--card);border-radius:var(--r);border:1px solid var(--br);overflow:hidden;transition:box-shadow var(--t),transform var(--t);}
    .wk-card:hover{box-shadow:0 10px 32px rgba(47,111,165,.12);transform:translateY(-4px);}
    .wk-img{height:190px;background:var(--bg2);display:flex;align-items:center;justify-content:center;overflow:hidden;}
    .wk-body{padding:24px 24px 28px;}
    .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;margin-bottom:14px;}
    .wk-tags{display:flex;flex-wrap:wrap;gap:6px;}
    .wk-tag{font-size:.68rem;padding:3px 10px;border-radius:100px;border:1px solid var(--br2);color:var(--acc);background:var(--bg1);letter-spacing:.04em;}
    a.wk-card{display:block;text-decoration:none;color:inherit;}
    .works-cta{text-align:center;margin-top:44px;}

    /* ══ SECTION 06 — FAQ ══ */
    .sec06{background:var(--bg0);}
    .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:200px;}

    /* ══ SECTION 07 — CTA ══ */
    .sec07{background:#1e2e40;position:relative;overflow:hidden;}
    .sec07::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-kws{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:44px;}
    .cta-kw{font-size:.74rem;color:rgba(255,255,255,.5);border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:5px 18px;letter-spacing:.06em;}
    .cta-sub{font-size:.75rem;color:rgba(255,255,255,.35);margin-top:24px;letter-spacing:.04em;}

    /* ══ RESPONSIVE ══ */
    @media(max-width:768px){
      .ph{padding:110px 0 72px;}
      .feat-grid{grid-template-columns:1fr;}
      .works-grid{grid-template-columns:1fr;}
      .flow-line{display:none;}
      .feat{padding:30px 26px;}
    }
    @media(max-width:480px){
      .ph-h1{font-size:1.3rem;}
      .what-lead{font-size:.96rem;}
    }