.doc-comparison{min-height:100vh}.doc-comparison *,.doc-comparison :before,.doc-comparison :after{box-sizing:border-box;margin:0;padding:0}.doc-comparison{--shouen:#c0392b;--shouen-l:#faece7;--shouen-d:#7a1a0a;--ink:#0b5394;--ink-l:#e7f0fa;--bg:#fff;--bg2:#f5f7fa;--bg3:#eceef3;--t1:#16161d;--t2:#4a4a57;--t3:#8a8a98;--bd:#00000014;--bd2:#00000024;--ok:#1e7b3c;--ok-l:#e8f5ec;--warn:#9a6300;--warn-l:#fcf2dd;--r:10px;--rl:16px;--font:var(--font-gothic),"Hiragino Kaku Gothic Pro","Yu Gothic","Meiryo",sans-serif}@media (prefers-color-scheme:dark){.doc-comparison{--bg:#0f0f15;--bg2:#181820;--bg3:#22222e;--t1:#e6e6ee;--t2:#a2a2b2;--t3:#5a5a64;--bd:#ffffff17;--bd2:#ffffff29}}.doc-comparison{scroll-behavior:smooth;font-family:var(--font);background:var(--bg);color:var(--t1);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.7}.doc-comparison nav{z-index:100;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--bd);background:#fffffff2;justify-content:space-between;align-items:center;height:56px;padding:0 40px;display:flex;position:sticky;top:0}@media (prefers-color-scheme:dark){.doc-comparison nav{background:#0f0f15f2}}.doc-comparison .nav-brand{align-items:center;gap:8px;display:flex}.doc-comparison .nav-badge{background:var(--shouen);color:#fff;border-radius:4px;padding:3px 10px;font-size:12px;font-weight:700}.doc-comparison .nav-brand-name{color:var(--t1);font-size:15px;font-weight:700}.doc-comparison .nav-links{gap:28px;list-style:none;display:flex}.doc-comparison .nav-links a{color:var(--t2);font-size:13px;font-weight:500;text-decoration:none;transition:color .15s}.doc-comparison .nav-links a:hover{color:var(--shouen)}.doc-comparison .nav-cta{background:var(--ink);color:#fff;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font);border-radius:var(--r);border:none;padding:7px 18px;transition:background .2s}.doc-comparison .nav-cta:hover{background:var(--shouen)}.doc-comparison .hero{text-align:center;border-bottom:1px solid var(--bd);padding:80px 40px 60px}.doc-comparison .hero-badge{background:var(--shouen);color:#fff;border-radius:4px;margin-bottom:24px;padding:4px 14px;font-size:12px;font-weight:700;display:inline-block}.doc-comparison .hero-h{letter-spacing:-.02em;color:var(--t1);margin-bottom:16px;font-size:clamp(28px,3.5vw,46px);font-weight:900;line-height:1.2}.doc-comparison .hero-h .accent{color:var(--shouen)}.doc-comparison .hero-sub{color:var(--t2);text-align:center;max-width:660px;margin:0 auto 14px;font-size:15px;line-height:1.9}.doc-comparison .hero-tagline{color:var(--t3);letter-spacing:.05em;margin-bottom:40px;font-size:12px}.doc-comparison .kpi-row{grid-template-columns:repeat(4,1fr);gap:12px;max-width:760px;margin:0 auto;display:grid}.doc-comparison .kpi-c{background:var(--bg2);border-radius:var(--r);text-align:center;border:1px solid var(--bd);padding:20px 12px}.doc-comparison .kpi-n{color:var(--shouen);letter-spacing:-.02em;font-size:36px;font-weight:900;line-height:1}.doc-comparison .kpi-l{color:var(--t3);margin-top:6px;font-size:11px}.doc-comparison .wrap{max-width:1100px;margin:0 auto;padding:0 40px}.doc-comparison section{border-bottom:1px solid var(--bd);padding:72px 0}.doc-comparison section:last-child{border-bottom:none}.doc-comparison .sec-label{letter-spacing:.15em;text-transform:uppercase;color:var(--shouen);margin-bottom:10px;font-size:11px;font-weight:700}.doc-comparison .sec-h{letter-spacing:-.015em;color:var(--t1);margin-bottom:12px;font-size:clamp(22px,2.5vw,32px);font-weight:900;line-height:1.25}.doc-comparison .sec-sub{color:var(--t2);max-width:640px;margin-bottom:40px;font-size:14px;line-height:1.85}.doc-comparison .pos-box{background:var(--shouen-l);border-radius:var(--rl);border-left:4px solid var(--shouen);margin-bottom:48px;padding:28px 32px}.doc-comparison .pos-box-h{color:var(--t1);margin-bottom:10px;font-size:16px;font-weight:700}.doc-comparison .pos-box-h .q{color:var(--shouen)}.doc-comparison .pos-box-d{color:var(--t2);font-size:14px;line-height:1.85}.doc-comparison .diff-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.doc-comparison .diff-card{background:var(--bg);border:1px solid var(--bd2);border-radius:var(--r);padding:22px;transition:all .2s;position:relative;overflow:hidden}.doc-comparison .diff-card:before{content:"";background:var(--shouen);width:3px;height:100%;position:absolute;top:0;left:0}.doc-comparison .diff-card:hover{border-color:var(--shouen);transform:translateY(-2px);box-shadow:0 4px 20px #00000012}.doc-comparison .diff-icon{margin-bottom:10px;font-size:24px}.doc-comparison .diff-h{color:var(--t1);margin-bottom:8px;font-size:14px;font-weight:700}.doc-comparison .diff-before{color:var(--t3);background:var(--bg2);border-radius:6px;margin-bottom:10px;padding:7px 10px;font-size:12px;line-height:1.6}.doc-comparison .diff-before strong{color:var(--t2)}.doc-comparison .diff-after{color:var(--ok);font-size:12px;font-weight:600;line-height:1.6}.doc-comparison .layers-section{background:var(--bg2)}.doc-comparison .layers-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.doc-comparison .layer-card{background:var(--bg);border:1px solid var(--bd2);border-radius:var(--r);padding:24px}.doc-comparison .layer-num-badge{letter-spacing:.1em;text-transform:uppercase;border-radius:20px;margin-bottom:14px;padding:3px 10px;font-size:10px;font-weight:700;display:inline-block}.doc-comparison .ln1{background:var(--shouen-l);color:var(--shouen-d)}.doc-comparison .ln2{background:var(--ink-l);color:var(--ink)}.doc-comparison .ln3{background:var(--ok-l);color:var(--ok)}.doc-comparison .layer-h{color:var(--t1);margin-bottom:6px;font-size:15px;font-weight:700}.doc-comparison .layer-d{color:var(--t2);margin-bottom:14px;font-size:13px;line-height:1.7}.doc-comparison .layer-fns{list-style:none}.doc-comparison .layer-fns li{color:var(--t3);padding:3px 0 3px 14px;font-size:12px;line-height:1.5;position:relative}.doc-comparison .layer-fns li:before{content:"·";color:var(--t2);font-weight:700;position:absolute;left:2px}.doc-comparison .comp-section{background:var(--bg)}.doc-comparison .comp-table-wrap{border-radius:var(--rl);border:1px solid var(--bd2);overflow:hidden;box-shadow:0 2px 16px #0000000f}.doc-comparison .comp-table{border-collapse:collapse;width:100%;font-size:12.5px}.doc-comparison .comp-table th{background:var(--t1);color:#fff;text-align:left;padding:14px 16px;font-size:11px;font-weight:700}.doc-comparison .comp-table th:not(:first-child){text-align:center}.doc-comparison .comp-table th.hl{background:var(--shouen)}.doc-comparison .comp-table td{border-bottom:1px solid var(--bd);color:var(--t2);vertical-align:middle;padding:11px 16px}.doc-comparison .comp-table tr:last-child td{border-bottom:none}.doc-comparison .comp-table tr:nth-child(2n) td{background:var(--bg2)}.doc-comparison .comp-table td.center{text-align:center}.doc-comparison .m-full{color:var(--ok);font-size:15px;font-weight:700}.doc-comparison .m-part{color:var(--warn);font-size:13px;font-weight:700}.doc-comparison .m-none{color:#ccc}.doc-comparison .comp-cat td{color:var(--t3);letter-spacing:.1em;text-transform:uppercase;padding:9px 16px;font-size:10px;font-weight:700;background:var(--bg3)!important}.doc-comparison .comp-note{color:var(--t3);margin-top:10px;font-size:11px}.doc-comparison .backend-section{background:var(--t1);color:#fff}.doc-comparison .backend-section .sec-label{color:#fff6}.doc-comparison .backend-section .sec-h{color:#fff}.doc-comparison .backend-section .sec-sub{color:#ffffff8c}.doc-comparison .backend-grid{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.doc-comparison .be-card{border-radius:var(--r);background:#ffffff0f;border:1px solid #ffffff1a;padding:20px}.doc-comparison .be-icon{margin-bottom:10px;font-size:22px}.doc-comparison .be-h{color:#fff;margin-bottom:8px;font-size:13px;font-weight:700}.doc-comparison .be-items{list-style:none}.doc-comparison .be-items li{color:#ffffff73;padding:2px 0 2px 12px;font-size:11px;line-height:1.5;position:relative}.doc-comparison .be-items li:before{content:"›";color:#fff9;position:absolute;left:0}.doc-comparison .be-note{border-radius:var(--r);color:#ffffffb3;background:#c0392b33;border:1px solid #c0392b4d;margin-top:24px;padding:16px 20px;font-size:13px;line-height:1.7}.doc-comparison .be-note strong{color:#f4a59a}.doc-comparison .tiers-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.doc-comparison .tier-card{border:1.5px solid var(--bd2);border-radius:var(--r);background:var(--bg);padding:22px;transition:all .15s;position:relative}.doc-comparison .tier-card:hover{border-color:var(--ink);box-shadow:0 4px 16px #00000014}.doc-comparison .tier-card.feat{border-color:var(--shouen);background:var(--shouen-l)}.doc-comparison .tier-num{color:var(--shouen);letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:700}.doc-comparison .tier-name{color:var(--t1);margin-bottom:4px;font-size:14px;font-weight:700}.doc-comparison .tier-price{color:var(--t3);margin-bottom:14px;font-size:12px}.doc-comparison .tier-fns{font-size:12px;list-style:none}.doc-comparison .tier-fns li{color:var(--t2);padding:3px 0 3px 14px;line-height:1.5;position:relative}.doc-comparison .tier-fns li:before{content:"✓";color:var(--ok);font-size:11px;font-weight:700;position:absolute;left:0}.doc-comparison .tier-fns li.x:before{content:"—";color:var(--t3)}.doc-comparison .tier-fns li.x{color:var(--t3)}.doc-comparison .cta-section{background:var(--shouen);color:#fff;text-align:center;padding:72px 40px}.doc-comparison .cta-h{letter-spacing:-.01em;margin-bottom:16px;font-size:clamp(24px,3vw,38px);font-weight:900;line-height:1.25}.doc-comparison .cta-sub{opacity:.85;margin-bottom:36px;max-width:480px;margin-inline:auto;font-size:15px;line-height:1.8}.doc-comparison .btn-white{color:var(--shouen);cursor:pointer;font-size:14px;font-weight:700;font-family:var(--font);border-radius:var(--r);background:#fff;border:none;padding:14px 32px;text-decoration:none;transition:all .2s;display:inline-block}.doc-comparison .btn-white:hover{background:var(--shouen-l);transform:translateY(-1px);box-shadow:0 6px 20px #0003}.doc-comparison footer{background:var(--bg2);border-top:1px solid var(--bd);text-align:center;color:var(--t3);padding:24px 40px;font-size:12px}@keyframes fadeUp__comparison{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.doc-comparison .fade{animation:.6s both fadeUp__comparison}.doc-comparison .fade2{animation:.6s .1s both fadeUp__comparison}.doc-comparison .fade3{animation:.6s .2s both fadeUp__comparison}@media (max-width:900px){.doc-comparison .diff-grid,.doc-comparison .layers-grid,.doc-comparison .backend-grid,.doc-comparison .tiers-grid,.doc-comparison .kpi-row{grid-template-columns:1fr 1fr}.doc-comparison .nav-links{display:none}.doc-comparison nav,.doc-comparison section,.doc-comparison footer{padding-left:20px;padding-right:20px}.doc-comparison .wrap{padding:0 20px}}@media (max-width:560px){.doc-comparison .diff-grid,.doc-comparison .layers-grid,.doc-comparison .backend-grid,.doc-comparison .tiers-grid,.doc-comparison .kpi-row{grid-template-columns:1fr}}