:root{--bg:#f7f5f1;--card:#fff;--line:#d7d8d0;--text:#23362d;--sub:#5d6d66;--green:#23483b;--green2:#2d5d4d;--purple:#6b5479;--soft:#eef0ea;--warn:#7a4c1b;--warnbg:#fff6e8;--shadow:0 12px 30px rgba(35,72,59,.08);--radius:22px}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:"Hiragino Sans","Noto Sans JP",system-ui,-apple-system,sans-serif;line-height:1.65}img{max-width:100%;display:block}a{color:inherit}main{display:block}.hidden{display:none!important}
.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;background:rgba(247,245,241,.92);backdrop-filter:blur(14px);border-bottom:1px solid rgba(35,72,59,.08)}.topbar.compact{position:static}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;color:var(--green)}.brand span small{display:block;font-size:12px;color:var(--sub);font-weight:600}.brand-flower{width:38px;height:38px;display:grid;place-items:center;background:#dce3df;border-radius:50%;font-size:18px}.nav{display:flex;gap:18px;font-weight:700;color:var(--sub)}.nav a{text-decoration:none}.navcta{white-space:nowrap}.soft-link{text-decoration:none;color:var(--sub);font-weight:700}
.btn{border:none;border-radius:999px;padding:15px 22px;font-weight:800;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:.18s ease}.btn.primary{background:linear-gradient(180deg,var(--green2),var(--green));color:#fff;box-shadow:0 10px 25px rgba(35,72,59,.2)}.btn.primary:hover{transform:translateY(-1px)}.btn.secondary,.btn.outline{background:#fff;color:var(--green);border:1px solid rgba(35,72,59,.18)}.btn.big{font-size:20px;padding:18px 30px}.btn.wide{width:100%}.btn.mini{font-size:14px;padding:10px 16px}.text-button{background:none;border:none;color:var(--purple);font-weight:800;font-size:15px;cursor:pointer;padding:0;text-decoration:underline}.hero{padding:32px 20px 18px}.hero-wrap{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.15fr .85fr;gap:26px;align-items:center}.hero-copy,.hero-photo{background:var(--card);border:1px solid rgba(35,72,59,.08);border-radius:32px;box-shadow:var(--shadow)}.hero-copy{padding:44px}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(35,72,59,.12);padding:8px 14px;border-radius:999px;font-weight:800;color:var(--green);background:#fbfcfb}.hero-copy h1{font-size:54px;line-height:1.12;margin:18px 0 14px;letter-spacing:-.02em}.hero-copy em{font-style:normal;color:var(--purple)}.hero-copy .large{font-size:22px;color:var(--sub);margin-bottom:22px}.hero-assure{display:flex;flex-wrap:wrap;gap:16px;margin-top:18px;color:var(--sub);font-weight:700}.hero-photo{padding:18px;position:relative}.hero-photo img{border-radius:24px;aspect-ratio:4/5;object-fit:cover;width:100%}.sample-label{position:absolute;left:30px;bottom:30px;background:rgba(255,255,255,.88);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:800;color:var(--green)}.wrap{max-width:1120px;margin:0 auto;padding:28px 20px}.wrap.terse{text-align:center}.eyebrow{font-size:14px;color:var(--purple);font-weight:800;margin:0 0 8px}.wrap h2{font-size:38px;line-height:1.2;margin:0 0 24px}.steps,.plans{display:grid;gap:18px}.steps{grid-template-columns:repeat(3,1fr)}.steps>div,.plan,.assure-card{background:var(--card);border:1px solid rgba(35,72,59,.08);border-radius:24px;box-shadow:var(--shadow)}.steps>div{padding:28px}.step-icon{width:52px;height:52px;margin:0 auto 16px;display:grid;place-items:center;border-radius:50%;background:#e2e7e4;color:var(--green);font-weight:900}.steps h3{margin:0 0 8px;font-size:24px}.steps p{margin:0;color:var(--sub);font-weight:700}.assure-card{padding:28px 30px;display:flex;gap:18px;align-items:center}.assure-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:50%;background:#ece4f3;color:var(--purple);font-size:28px}.pricing .plans{grid-template-columns:repeat(2,1fr)}.plan{padding:28px;position:relative}.plan-top{font-size:26px;font-weight:900}.recommend{border-color:#cbbad9;box-shadow:0 15px 34px rgba(107,84,121,.16)}.recommend-label{position:absolute;top:16px;right:16px;background:#f0e7f8;color:var(--purple);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900}.yen{font-size:48px;font-weight:900;line-height:1;margin:18px 0 8px}.yen small{font-size:16px;color:var(--sub)}.plan p{margin:0 0 16px;color:var(--sub);font-weight:700}.plan ul{padding-left:18px;color:var(--text);font-weight:700;min-height:130px}.smallnote{font-size:13px;color:var(--sub)}.faq details{background:var(--card);padding:18px 22px;border-radius:18px;border:1px solid rgba(35,72,59,.08);margin-bottom:12px;box-shadow:var(--shadow)}.faq summary{cursor:pointer;font-size:20px;font-weight:800;list-style:none}.faq p{margin:10px 0 0;color:var(--sub);font-weight:700}.endcall{text-align:center;padding-bottom:60px}.footer{max-width:1120px;margin:0 auto;padding:18px 20px 34px;display:flex;gap:14px;flex-wrap:wrap;justify-content:center;color:var(--sub);font-weight:700}.footer a{text-decoration:none}.mini-footer{justify-content:space-between;max-width:none;border-top:1px solid rgba(35,72,59,.08);padding-top:16px}
.wizard-main{max-width:1180px;margin:0 auto;padding:22px 20px 56px}.wizard-head{text-align:center;margin-bottom:18px}.wizard-head h1{font-size:40px;line-height:1.2;margin:16px 0 8px}.wizard-head p{font-size:18px;color:var(--sub);margin:0}.stepsbar{display:inline-flex;align-items:center;gap:12px;background:#fff;border:1px solid rgba(35,72,59,.08);padding:10px 16px;border-radius:999px;box-shadow:var(--shadow)}.stepsbar span{font-size:14px;color:var(--sub);font-weight:800}.stepsbar span.active{color:var(--green)}.stepsbar i{width:18px;height:1px;background:#cad0cc}.wizard-panel{background:transparent}.upload-surface{display:grid;place-items:center;text-align:center;gap:8px;padding:40px 20px;background:var(--card);border:2px dashed #b9c7c0;border-radius:28px;min-height:240px;cursor:pointer;box-shadow:var(--shadow)}.upload-surface.drag{border-color:var(--green);background:#fafcfb}.upload-icon{width:72px;height:72px;display:grid;place-items:center;border-radius:50%;background:#e4ebe7;color:var(--green);font-size:40px;font-weight:500}.upload-surface strong{font-size:28px}.upload-surface span{color:var(--sub);font-weight:700}.helper-center{text-align:center;color:var(--sub);font-size:13px}.note-panel{background:#fff;border:1px solid rgba(35,72,59,.08);border-radius:18px;box-shadow:var(--shadow);padding:18px 20px;max-width:820px;margin:16px auto 0;text-align:center;font-weight:700;color:var(--sub)}.upload-checklist{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;max-width:820px;margin:14px auto 0}.upload-checklist li{background:#fff;border:1px solid rgba(35,72,59,.08);border-radius:18px;padding:16px 12px;text-align:center;font-weight:800;color:var(--green);box-shadow:var(--shadow)}
.editor-layout{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,420px);gap:22px;align-items:start}.preview-col,.editor-controls,.summary-box,.finish-center{background:#fff;border:1px solid rgba(35,72,59,.08);border-radius:28px;box-shadow:var(--shadow)}.preview-col{padding:20px}.frame-title{font-weight:900;font-size:22px;margin-bottom:12px}.preview-frame{position:relative;background:#f1f0ea;border-radius:24px;padding:12px}.preview-frame canvas{width:100%;height:auto;border-radius:18px;display:block;background:#ecebe7}.preview-tag{position:absolute;left:24px;bottom:24px;background:rgba(255,255,255,.9);padding:6px 10px;border-radius:999px;font-size:12px;font-weight:900;color:var(--green)}.preview-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.consent-row{display:flex;gap:10px;align-items:flex-start;margin-top:12px;color:var(--sub);font-size:14px;font-weight:700}.consent-row input{margin-top:4px}.quality-status{margin-top:14px;padding:14px 16px;border-radius:16px;background:#eef4ef;color:var(--green);font-size:14px;font-weight:800}.quality-status.warning{background:var(--warnbg);color:var(--warn)}.editor-controls{padding:20px;display:grid;gap:16px}.selection-block{border:1px solid rgba(35,72,59,.08);border-radius:20px;padding:16px}.selection-block h2{font-size:22px;margin:0 0 12px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.mode-btn{padding:16px;border-radius:18px;border:1px solid #ccd2cf;background:#fafbfa;text-align:left;cursor:pointer;display:grid;gap:2px}.mode-btn.active{border-color:var(--green);background:#edf4f0;box-shadow:inset 0 0 0 1px var(--green)}.mode-btn strong{font-size:20px}.mode-btn b{font-size:28px;color:var(--green)}.mode-btn small{color:var(--sub);font-weight:700}.swatches{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.swatch{border:1px solid #cfd5d2;background:#fafbfa;border-radius:16px;padding:10px;cursor:pointer;display:grid;gap:8px}.swatch.active{border-color:var(--green);background:#edf4f0}.swatch i{display:block;width:100%;height:38px;border-radius:12px}.swatch span{font-size:13px;font-weight:800}.choice-row{display:flex;gap:10px;flex-wrap:wrap}.choice-row button{flex:1;padding:14px 12px;border-radius:16px;border:1px solid #ced4d1;background:#fafbfa;cursor:pointer;font-weight:800;font-size:16px;min-width:92px}.choice-row button.active{background:#edf4f0;border-color:var(--green);color:var(--green)}.hint,.micro-status,.mini-note{font-size:13px;color:var(--sub);font-weight:700}.micro-status{margin-top:10px}.err{font-size:14px;color:#a02b2b;font-weight:800;margin-top:10px}.field-label{display:block;font-size:14px;font-weight:900;margin-bottom:6px}.summary-box{padding:24px}.summary-box h2{font-size:28px;margin:14px 0 8px}.review-price{font-size:44px;font-weight:900;line-height:1;margin-bottom:12px}.review-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:22px;align-items:start}.compare-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px}.compare-head h2{margin:0;font-size:28px}.compare-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-pair>div{background:#fff;border:1px solid rgba(35,72,59,.08);border-radius:24px;box-shadow:var(--shadow);padding:14px}.compare-pair span{display:block;font-size:14px;font-weight:900;margin-bottom:8px}.compare-pair img,.compare-pair canvas{width:100%;height:auto;background:#ecebe7;border-radius:18px;display:block}.summary-box input{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #ccd3cf;font-size:16px}.finish-center{padding:28px;max-width:720px;margin:0 auto;text-align:center}.done-mark{width:76px;height:76px;display:grid;place-items:center;margin:0 auto 16px;border-radius:50%;background:#e5eee9;color:var(--green);font-size:38px;font-weight:900}.downloads{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px}.downloads button{padding:14px;border-radius:14px;border:1px solid #d0d6d2;background:#fafbfa;font-weight:800;cursor:pointer}.orderbox{margin-top:18px;padding:18px;border-radius:18px;background:#f6f7f3;border:1px solid rgba(35,72,59,.08)}
.admin-grid{display:grid;grid-template-columns:340px 1fr;gap:22px;align-items:start}.support-card,.admin-card{background:#fff;border:1px solid rgba(35,72,59,.08);border-radius:24px;box-shadow:var(--shadow);padding:22px}.stack{display:grid;gap:14px}.support-card input,.support-card textarea,.admin-card input,.admin-card textarea,.admin-card select{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #ccd3cf;font-size:16px;font-family:inherit}.support-card textarea,.admin-card textarea{min-height:140px;resize:vertical}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #e6e8e3;text-align:left;font-size:14px}.table th{font-size:13px;color:var(--sub)}.badge{display:inline-block;border-radius:999px;padding:4px 10px;font-size:12px;font-weight:900;background:#eef4ef;color:var(--green)}
@media (max-width:980px){.hero-wrap,.editor-layout,.review-grid,.admin-grid,.pricing .plans,.steps{grid-template-columns:1fr}.hero-copy h1{font-size:42px}.hero-copy .large{font-size:20px}.nav{display:none}.mini-footer{justify-content:center}}
@media (max-width:760px){.topbar{padding:14px}.btn.big{font-size:18px}.hero{padding:18px 14px 8px}.hero-copy,.hero-photo,.preview-col,.editor-controls,.summary-box,.finish-center,.support-card,.admin-card{border-radius:22px}.hero-copy{padding:28px 22px}.hero-copy h1{font-size:34px}.wrap{padding:20px 14px}.wrap h2,.wizard-head h1{font-size:30px}.upload-surface{min-height:210px}.upload-surface strong{font-size:24px}.upload-checklist{grid-template-columns:1fr}.mode-grid,.compare-pair,.downloads,.swatches{grid-template-columns:1fr 1fr}.compare-head{display:block}.compare-head .btn{margin-top:10px}.choice-row button{min-width:0}.review-grid{gap:16px}.stepsbar{gap:8px;padding:10px 12px}.stepsbar i{width:10px}}