@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&family=Zen+Kaku+Gothic+New:wght@500;700&display=swap";:root{--accent:#1a5a56;--accent-dark:#134643;--paper:#f5f5f3;--paper-2:#fff;--ink:#2c2c2c;--muted:#5c5c5c;--line:#e2e2de;--error:#8a2b2b;--ok:#1a5a56;--header-h:4.5rem;--wrap:64rem;--measure:40rem;--sans:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--heading:"Zen Kaku Gothic New", "Hiragino Sans", sans-serif;--radius:.5rem}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-h)}body{padding-top:var(--header-h);background:var(--paper);font-family:var(--sans);font-feature-settings:"palt";color:var(--ink);margin:0;font-size:1rem;line-height:1.9}img{max-width:100%}a{color:var(--accent)}a:hover{color:var(--accent-dark)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.skip-link{z-index:40;background:var(--paper-2);padding:.4rem .7rem;position:absolute;top:.75rem;left:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:none}.wrap{width:min(calc(100% - 2.5rem), var(--wrap));margin-inline:auto}.site-header{z-index:20;height:var(--header-h);border-bottom:1px solid var(--line);background:#f5f5f3f5;position:fixed;top:0;left:0;right:0}.site-header__inner{height:var(--header-h);min-height:var(--header-h);grid-template-columns:1fr auto;align-items:center;column-gap:1.5rem;display:grid}.wordmark{color:var(--ink);flex-direction:column;text-decoration:none;display:flex}.site-header .wordmark{justify-self:start;width:max-content;max-width:100%}.wordmark__en{font-family:var(--heading);letter-spacing:.02em;font-size:1.15rem;font-weight:500;line-height:1.3}.wordmark__ja{letter-spacing:.08em;color:var(--muted);font-size:.72rem}.nav-toggle{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);width:2.75rem;height:2.75rem;color:var(--ink);cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:0;display:inline-flex}.nav-toggle__bar{background:currentColor;width:1.2rem;height:2px;transition:transform .2s,opacity .2s;display:block}.site-header.is-open .nav-toggle__bar:first-child{transform:translateY(7px)rotate(45deg)}.site-header.is-open .nav-toggle__bar:nth-child(2){opacity:0}.site-header.is-open .nav-toggle__bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.site-nav ul{flex-direction:column;gap:.2rem;margin:0;padding:.15rem 0 .75rem;list-style:none;display:flex}.site-nav a{letter-spacing:.04em;color:var(--ink);padding:.45rem 0;text-decoration:none;display:block}.site-nav a[aria-current=page]{color:var(--accent)}.site-header:not(.is-open) .site-nav{display:none}.site-header.is-open .site-nav{top:var(--header-h);z-index:21;padding-inline:max(1.25rem, calc((100% - var(--wrap)) / 2));border-bottom:1px solid var(--line);background:var(--paper);display:block;position:fixed;left:0;right:0}.nav-backdrop{z-index:19;cursor:pointer;touch-action:none;background:#10101052;border:0;width:100%;margin:0;padding:0;display:none;position:fixed;inset:0}html.is-nav-open .nav-backdrop{display:block}html.is-nav-open,html.is-nav-open body{overscroll-behavior:none;overflow:hidden}.hero{align-items:center;min-height:24rem;display:grid;position:relative;overflow:hidden}.hero__image{z-index:0;object-fit:cover;object-position:center 30%;width:100%;height:100%;position:absolute;inset:0}.hero__scrim{z-index:1;background:linear-gradient(90deg,#101010d1 0%,#10101085 38%,#10101024 68%,#10101000 100%);position:absolute;inset:0}.hero__copy{z-index:2;padding-block:3rem;position:relative}.hero .eyebrow,.hero .hero__title{color:#f7f7f5}.hero .lead{color:#f7f7f5e0;max-width:28rem;margin-bottom:1.5rem}.hero .button--ghost{color:#f7f7f5;border-color:#f7f7f5}.hero .button--ghost:hover{color:#f7f7f5;background:#f7f7f51f}.eyebrow{letter-spacing:.1em;color:var(--accent);margin:0 0 1rem;font-size:.8rem}.hero__title,.page-title,.section-title{font-family:var(--heading);letter-spacing:.02em;margin:0 0 1.25rem;font-size:clamp(1.65rem,4.2vw,2.55rem);font-weight:500;line-height:1.55}.lead,.measure{max-width:var(--measure)}.lead{color:var(--muted);margin:0 0 2rem;font-size:1.05rem;line-height:2}.actions{flex-wrap:wrap;gap:.85rem;display:flex}.section .actions{margin-top:2rem}.card .actions{margin-top:auto;padding-top:.85rem}.button{border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent);letter-spacing:.04em;color:#f7f7f5;cursor:pointer;justify-content:center;align-items:center;min-height:2.85rem;padding:.5rem 1.25rem;font-family:inherit;font-size:.95rem;text-decoration:none;display:inline-flex}.button:hover{background:var(--accent-dark);color:#f7f7f5}.button:disabled{border-color:var(--line);color:#6a6a6a;cursor:not-allowed;background:#d8d8d4}.button--ghost{color:var(--accent);background:0 0}.button--ghost:hover{background:var(--paper-2);color:var(--accent-dark)}.section{border-bottom:1px solid var(--line);padding:4.5rem 0}#agency,#shop,#flow-agency,#flow-store,#small-fix,#price-entry,#price-bundle,#plan-m,#impl,#ec,#ec-shopify{scroll-margin-top:5.5rem}.section-title{font-size:clamp(1.35rem,2.8vw,1.85rem)}h3.section-title{margin-top:2.5rem;font-size:clamp(1.1rem,2.2vw,1.35rem)}.section-head{margin-bottom:2rem}.cards{grid-template-columns:1fr;gap:1.25rem;display:grid}.card--link{height:100%;color:var(--ink);text-decoration:none}.card--link:hover{border-color:var(--accent);color:var(--ink)}.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);flex-direction:column;gap:.7rem;padding:1.75rem 1.5rem 1.85rem;display:flex}.card__label{letter-spacing:.12em;color:var(--accent);margin:0;font-size:.75rem}.card h3,.card__title{font-family:var(--heading);color:var(--ink);margin:0;font-size:1.25rem;font-weight:500}.card p{color:var(--muted);margin:0}.card__list{color:var(--muted);margin:0;padding-left:1.1rem}.card__list li+li{margin-top:.35rem}.follow{margin-top:2rem}.card__price{font-family:var(--heading);letter-spacing:.02em;margin-top:auto;padding-top:.5rem;font-size:1.2rem}.card .note{margin-top:.35rem}.section-head .measure+.measure{margin-top:.85rem}.timeline{max-width:var(--measure);margin:0 0 1.5rem;padding:0;list-style:none;display:grid}.timeline li{border-top:1px solid var(--line);grid-template-columns:6.5rem minmax(0,1fr);gap:.35rem 1.25rem;padding:.9rem 0;display:grid}.timeline__year{font-family:var(--heading);margin:0;font-size:1.05rem;font-weight:500}.timeline__body{color:var(--muted);margin:0}.timeline+.measure{margin-bottom:2rem}.note{max-width:var(--measure);color:var(--muted);margin:1.5rem 0 0;font-size:.92rem}.page-hero{padding:2.25rem 0 .75rem}.page-hero .lead{margin-bottom:.75rem}.page-hero .note{margin-top:0;margin-bottom:1.5rem}.note--mark{text-indent:-1.25em;padding-left:1.25em}.note--tight-top{margin-top:0;margin-bottom:1.75rem}.measure:has(+.note--tight-top){margin-bottom:.15rem}.price-list{gap:.25rem;display:grid}.price-list+.price-list,.note+.price-list{margin-top:2.5rem}.price-row{border-bottom:1px solid var(--line);grid-template-columns:1fr;gap:.25rem 1rem;padding:1.15rem 0;display:grid}.price-row__name{margin:0}.price-row__yen{font-family:var(--heading);letter-spacing:.02em;margin:0;font-size:1.15rem}.price-row__dir{color:var(--muted);margin:.2rem 0 0;font-size:.92rem}.servers{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.servers a{word-break:break-all}.steps{counter-reset:step;gap:0;margin:0;padding:0;list-style:none;display:grid}.steps li{border-bottom:1px solid var(--line);counter-increment:step;padding:1.25rem 0 1.25rem 3rem;position:relative}.steps li:before{font-family:var(--heading);letter-spacing:.04em;color:var(--accent);content:counter(step, decimal-leading-zero);font-size:.95rem;position:absolute;top:1.3rem;left:0}.split{gap:1.5rem;display:grid}.scope{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);padding:1.6rem 1.4rem}.scope h3{font-family:var(--heading);margin:0 0 .85rem;font-size:1.15rem;font-weight:500}.scope ul{margin:0;padding-left:1.1rem}.scope li+li{margin-top:.45rem}.form{gap:1.25rem;max-width:38rem;display:grid}.field{gap:.4rem;display:grid}.field label,.field legend{font-size:.92rem}.req{color:var(--accent);margin-left:.3rem;font-size:.75rem}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);width:100%;color:var(--ink);padding:.75rem .8rem;font-family:inherit;font-size:1rem;line-height:1.7}.field textarea{resize:vertical;white-space:pre-wrap;min-height:16rem}.field textarea::placeholder{color:var(--muted);opacity:1}.field .note{margin-top:0}.agree{align-items:flex-start;gap:.55rem;display:flex}.agree input{width:auto;margin-top:.45rem}.form-status{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper-2);padding:.9rem 1rem;font-size:.92rem}.form-status[data-kind=error]{color:var(--error);border-color:#e0b4b4}.form-status[data-kind=ok]{color:var(--ok);border-color:#b7cbbd}.form-status[data-kind=warn]{color:#5c4a20;border-color:#d8c9a3}[data-recaptcha-wrap][hidden]{display:none}[data-recaptcha-wrap] p{margin:0 0 .4rem}.policy h2{font-family:var(--heading);margin:2.4rem 0 .7rem;font-size:1.25rem;font-weight:500}.policy p,.policy ul{max-width:var(--measure)}.site-footer{border-top:1px solid var(--line);color:var(--ink);background:#ececea;padding:2.75rem 0 3rem}.site-footer a{color:var(--accent)}.site-footer__inner{gap:1rem;display:grid}.site-footer__links{flex-wrap:wrap;gap:.85rem 1.1rem;display:flex}.site-footer .wordmark__en,.site-footer .wordmark__ja{color:var(--ink)}.site-footer small{max-width:var(--measure);color:var(--muted);display:block}@media (width>=760px){.cards{grid-template-columns:repeat(3,1fr)}.hero{min-height:clamp(28rem,68vh,36rem)}.hero__copy{padding-block:4rem}.cards--two{grid-template-columns:1fr 1fr}.price-row{grid-template-columns:minmax(0,1fr) minmax(0,auto);align-items:baseline}.split{grid-template-columns:1fr 1fr}.wrap{width:min(calc(100% - 4rem), var(--wrap))}.site-header.is-open .site-nav{padding-inline:max(2rem, calc((100% - var(--wrap)) / 2))}}@media (width>=960px){.nav-toggle,.nav-backdrop,html.is-nav-open .nav-backdrop{display:none}html.is-nav-open,html.is-nav-open body{overscroll-behavior:auto;overflow:visible}.site-header__inner{flex-wrap:nowrap;grid-template-rows:none;grid-template-columns:none;justify-content:space-between;align-items:center;gap:.85rem 1rem;display:flex}.site-header:not(.is-open) .site-nav,.site-header.is-open .site-nav,.site-nav{z-index:auto;background:0 0;border-bottom:0;width:auto;padding-inline:0;display:block;position:static;top:auto;left:auto;right:auto}.site-nav ul{flex-flow:row;gap:.75rem;padding:0}.site-nav a{letter-spacing:.03em;padding:.35rem 0;font-size:.9rem}}