*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f7f4ea;--paper-deep:#efeadb;--ink:#1d1d1b;--ink-sub:#6b665a;--lime:#d6e33f;--green:#2f8a3e;--sticky-yellow:#fff59a;--sticky-green:#c9f0b8;--sticky-pink:#ffd3cf;--grid-line:#2f8a3e17;--margin-line:#d6505040;--radius:14px;--shadow-offset:4px 4px 0 var(--green);--grid-bg:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);--font-logo:"Nunito", "Noto Sans JP", sans-serif;--yellow:var(--lime);--yellow-dark:#b8c420;--black:var(--ink);--gray:var(--paper-deep);--border:#e2dccb;--text:#44413a;--muted:var(--ink-sub);--white:#fff}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.site-header{z-index:100;-webkit-backdrop-filter:blur(8px);background:#f7f4eaf0;border-bottom:2px dashed #1d1d1b24;justify-content:space-between;height:66px;padding:0 max(24px,50% - 560px);transition:box-shadow .3s;position:fixed;top:0;left:0;right:0}.header-logo,.site-header{align-items:center;display:flex}.header-logo{gap:10px;text-decoration:none}.header-logo img{width:36px;height:36px;box-shadow:2px 3px 0 var(--ink);border-radius:10px;transform:rotate(-4deg)}.header-logo-name{font-family:var(--font-logo);letter-spacing:-.01em;color:var(--ink);font-size:21px;font-weight:900}.header-nav{align-items:center;gap:26px;display:flex}.header-nav a{isolation:isolate;color:var(--ink-sub);font-size:14px;font-weight:700;text-decoration:none;position:relative}.header-nav a:not(.header-cta):not(.header-blog):after{content:"";background:var(--lime);z-index:-1;transform-origin:0;height:.45em;transition:transform .2s;position:absolute;bottom:1px;left:-2px;right:-2px;transform:scaleX(0)}.header-nav a:hover{color:var(--ink)}.header-nav a:hover:after{transform:scaleX(1)}.header-blog{background:var(--sticky-yellow);padding:6px 12px;transform:rotate(-2deg);box-shadow:2px 2px #1d1d1b2e;color:var(--ink)!important}.header-cta,.header-cta-mobile{background:var(--ink);white-space:nowrap;box-shadow:3px 3px 0 var(--green);border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex;color:#fff!important}.header-cta-mobile:hover,.header-cta:hover{box-shadow:2px 2px 0 var(--green);transform:translate(1px,1px)}.header-cta-icon{fill:currentColor;width:16px;height:16px}.header-cta-mobile{display:none}@media (width<=1023px){.header-nav{display:none}.header-cta-mobile{display:inline-flex}}@media (width<=900px){.site-header{height:58px;padding:0 16px}.header-cta-mobile{padding:8px 13px;font-size:13px}}@media (width<=380px){.header-logo-name{font-size:18px}.header-cta-mobile{padding:8px 11px;font-size:12px}}.hero{background-color:var(--paper);background-image:var(--grid-bg);background-position:-1px -1px;background-size:28px 28px;align-items:center;min-height:100vh;padding:124px 24px 48px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:var(--margin-line);width:2px;position:absolute;top:0;bottom:0;left:max(18px,50% - 590px)}.hero-inner{z-index:1;grid-template-columns:1.05fr .95fr;align-items:center;gap:24px;width:100%;max-width:1120px;margin:0 auto;display:grid;position:relative}.hero-text{z-index:2;position:relative}.hero-badge{color:var(--ink);background:var(--lime);box-shadow:2px 2px 0 var(--ink);margin-bottom:24px;padding:6px 12px;font-size:13px;font-weight:800;display:inline-block;transform:rotate(-2deg)}.hero-headline{letter-spacing:-.02em;color:var(--ink);font-size:clamp(34px,5vw,64px);font-weight:900;line-height:1.22}.marker{z-index:0;position:relative}.marker:after{content:"";background:var(--lime);z-index:-1;border-radius:4px;height:.38em;position:absolute;bottom:.06em;left:-4px;right:-4px;transform:rotate(-1deg)}.hero-sub{color:var(--ink-sub);max-width:540px;margin:22px 0 32px;font-size:clamp(14px,1.4vw,17px);line-height:1.95}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.hero-trust{color:var(--ink-sub);font-size:13px;font-weight:700}.btn-primary{background:var(--ink);color:#fff;border-radius:var(--radius);white-space:nowrap;box-shadow:var(--shadow-offset);align-items:center;gap:10px;padding:17px 28px;font-size:16px;font-weight:700;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.btn-primary:hover{box-shadow:2px 2px 0 var(--green);transform:translate(2px,2px)}.btn-primary svg{fill:#fff;flex-shrink:0;width:20px;height:20px}.phrase{display:inline-block}@media (width<=900px){.hero{padding:96px 22px 24px}.hero:before{left:9px}.hero-inner{grid-template-columns:1fr;gap:0}}@media (width<=380px){.hero-headline{font-size:30px}.btn-primary{padding:15px 20px;font-size:15px}}.section{padding:88px 24px}.section-inner{max-width:1100px;margin:0 auto}.section-label{letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;font-size:11px;font-weight:900}.section-label.light{color:#ffffff80}.section-title{letter-spacing:-.3px;margin-bottom:16px;font-size:clamp(24px,4vw,40px);font-weight:900;line-height:1.25}.section-body{color:var(--text);max-width:760px;font-size:15px;line-height:1.85}.origin{background:var(--black);padding:80px 24px}.origin-inner{grid-template-columns:1fr 1fr;align-items:center;gap:56px;max-width:800px;margin:0 auto;display:grid}@media (width<=768px){.origin-inner{grid-template-columns:1fr}}.origin-text .section-label{color:#fff6}.origin-text .section-title{color:var(--white)}.origin-word{letter-spacing:-1px;align-items:baseline;margin-bottom:24px;font-size:clamp(36px,6vw,64px);font-weight:900;display:inline-flex}.origin-word .part-memo{color:var(--white)}.origin-word .part-lie{color:var(--yellow)}.origin-breakdown{gap:12px;margin-bottom:24px;display:flex}.origin-part{text-align:center;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex:1;padding:14px 16px}.origin-part-word{margin-bottom:4px;font-size:20px;font-weight:900}.origin-part:first-child .origin-part-word{color:var(--white)}.origin-part:last-child .origin-part-word{color:var(--yellow)}.origin-part-desc{color:#ffffff80;font-size:11px;font-weight:700}.origin-story{color:#ffffffa6;font-size:14px;line-height:1.9}.origin-visual{flex-direction:column;align-items:center;gap:20px;display:flex}.origin-visual img{filter:drop-shadow(0 12px 24px #d0dc314d);width:160px;animation:3s ease-in-out infinite float}.origin-quote{color:#ffffffb3;text-align:center;background:#d0dc311a;border:1px solid #d0dc3140;border-radius:14px;padding:16px 20px;font-size:13px;font-style:italic;line-height:1.75}.problem{background:var(--gray)}.problem-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:44px;display:grid}@media (width<=600px){.problem-grid{grid-template-columns:1fr}}.pain-card{background:var(--white);border:1px solid var(--border);border-radius:16px;padding:24px}.card-icon{background:var(--yellow);width:48px;height:48px;color:var(--black);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:14px;display:flex}.card-icon svg{width:24px;height:24px}.pain-card h3{color:var(--black);margin-bottom:8px;font-size:16px;font-weight:900}.pain-card p{color:var(--text);font-size:14px;line-height:1.75}.solution-banner{background:var(--yellow);text-align:center;padding:72px 24px}.solution-banner .section-title{max-width:560px;margin:0 auto 16px}.solution-banner .section-body{color:#000000a6;margin:0 auto}.memokun-center{width:120px;margin:0 auto 28px;animation:3s ease-in-out infinite float;display:block}.features{background:var(--white)}.feature-row{border-bottom:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:56px 0;display:grid}.feature-row:last-child{border-bottom:none}.feature-row.reverse{direction:rtl}.feature-row.reverse>*{direction:ltr}.feature-tag{background:var(--yellow);color:var(--black);letter-spacing:.1em;text-transform:uppercase;border-radius:4px;padding:4px 10px;font-size:11px;display:inline-block}.feature-tag,.feature-title{margin-bottom:14px;font-weight:900}.feature-title{font-size:clamp(20px,3vw,30px);line-height:1.3}.feature-body{color:var(--text);margin-bottom:20px;font-size:15px;line-height:1.85}.feature-points{flex-direction:column;gap:8px;list-style:none;display:flex}.feature-points li{color:var(--text);align-items:flex-start;gap:8px;font-size:14px;display:flex}.feature-points li:before{content:"✓";color:var(--yellow-dark);flex-shrink:0;margin-top:1px;font-weight:900}.feature-screenshot{justify-content:center;display:flex}.tablet-frame{background:var(--black);border-radius:24px;width:100%;max-width:320px;padding:10px;box-shadow:0 24px 64px #0000002e}.tablet-screen{border-radius:16px;overflow:hidden}.tablet-screen img{width:100%;height:auto;display:block}.iphone-frame{background:var(--black);border-radius:40px;width:100%;max-width:min(268px,82vw);margin-left:auto;margin-right:auto;padding:9px;box-shadow:0 28px 72px #00000038}.iphone-screen{background:#000;border-radius:32px;overflow:hidden}.iphone-screen img{vertical-align:top;width:100%;height:auto;display:block}@media (width<=768px){.feature-row{grid-template-columns:1fr;gap:32px}.feature-row.reverse{direction:ltr}.tablet-frame{max-width:280px}.iphone-frame{max-width:min(240px,76vw)}}.gallery{background:var(--black);padding:88px 0;overflow:hidden}.gallery-header{text-align:center;margin-bottom:48px;padding:0 24px}.gallery-header .section-title{color:var(--white)}.swiper{padding:20px 0 56px!important;overflow:visible!important}.swiper-wrapper{align-items:center}.swiper-slide{cursor:pointer;transition:transform .3s,opacity .3s;width:240px!important}.swiper-slide:not(.swiper-slide-active){opacity:.6}.swiper-slide-active{opacity:1;transform:scale(1.06)}.swiper-slide .tablet-frame{box-shadow:0 32px 80px #00000080}.swiper-pagination-bullet{background:#fff6!important}.swiper-pagination-bullet-active{background:var(--yellow)!important}.lightbox{z-index:999;background:#000000eb;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.lightbox-img{border-radius:20px;max-width:min(360px,85vw);max-height:90vh;box-shadow:0 40px 120px #0009}.lightbox-close{cursor:pointer;width:40px;height:40px;color:var(--white);background:#ffffff26;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:flex;position:absolute;top:20px;right:24px}.lightbox-close:hover{background:#ffffff40}.howto{background:var(--gray)}.steps-grid{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;display:grid}@media (width<=768px){.steps-grid{grid-template-columns:1fr}}.step-card{background:var(--white);border:1px solid var(--border);border-radius:20px;padding:28px 24px}.step-num-wrap{gap:14px;margin-bottom:16px}.step-num,.step-num-wrap{align-items:center;display:flex}.step-num{background:var(--black);width:44px;height:44px;color:var(--yellow);border-radius:50%;flex-shrink:0;justify-content:center;font-size:18px;font-weight:900}.step-card h3{color:var(--black);font-size:17px;font-weight:900}.step-card p{color:var(--text);font-size:14px;line-height:1.8}.step-screenshot{justify-content:center;margin-top:20px;display:flex}.step-screenshot .iphone-frame{max-width:min(220px,72vw)}.target{background:var(--white)}.target-inner{grid-template-columns:1fr 1fr;align-items:center;gap:56px;display:grid}@media (width<=768px){.target-inner{grid-template-columns:1fr}}.target-list{flex-direction:column;gap:10px;margin-top:28px;display:flex}.target-item{color:var(--black);background:var(--gray);border-radius:12px;gap:12px;padding:14px 18px;font-size:15px;font-weight:700}.target-check,.target-item{align-items:center;display:flex}.target-check{background:var(--yellow);border-radius:50%;flex-shrink:0;justify-content:center;width:26px;height:26px;font-size:13px;font-weight:900}.target-visual{justify-content:center;display:flex}.target-visual img{filter:drop-shadow(0 16px 32px #00000026);width:220px}.privacy{background:var(--black);padding:88px 24px}.privacy-inner{text-align:center;max-width:1000px;margin:0 auto}.privacy .section-title{color:var(--white);margin-bottom:12px}.privacy .section-body{color:#ffffff8c;margin:0 auto 36px}.privacy-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}@media (width<=480px){.privacy-grid{grid-template-columns:1fr}}.privacy-card{text-align:left;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;padding:20px}.privacy-card-icon{color:#ffffffe6;background:#ffffff1a;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:14px;display:flex}.privacy-card-icon svg{width:22px;height:22px}.privacy-card h3{color:var(--white);margin-bottom:6px;font-size:15px;font-weight:900}.privacy-card p{color:#ffffff80;font-size:13px;line-height:1.7}.cta-bottom{background:var(--yellow);text-align:center;padding:100px 24px}.cta-bottom img.memokun-cta{filter:drop-shadow(0 10px 20px #0003);width:130px;margin:0 auto 28px;animation:3s ease-in-out infinite float;display:block}.cta-bottom .section-title{max-width:480px;margin:0 auto 12px}.cta-bottom .section-body{color:#0009;max-width:560px;margin:0 auto 36px}.cta-actions{flex-direction:column;align-items:center;gap:14px;display:flex}.cta-note{color:#00000080;font-size:13px;font-weight:700}footer{background:var(--black);padding:40px 24px}.footer-inner{flex-direction:column;gap:20px;max-width:1100px;margin:0 auto}.footer-inner,.footer-logo{align-items:center;display:flex}.footer-logo{gap:8px;text-decoration:none}.footer-logo img{border-radius:7px;width:28px;height:28px}.footer-logo-name{font-family:var(--font-logo);color:var(--white);font-size:16px;font-weight:900}.footer-links{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.footer-links a{color:#ffffff80;font-size:13px;font-weight:700;text-decoration:none}.footer-copy{color:#ffffff4d;font-size:12px}@media (width<=768px){.no-wrap-mobile br{display:none}}.sp-only{display:none}@media (width<=600px){.sp-only{display:inline}.pc-only{display:none}}.memo-label{letter-spacing:.12em;text-transform:uppercase;color:var(--ink);clip-path:polygon(2% 0,98% 4%,100% 96%,0 100%);background:#d6e33fbf;margin-bottom:18px;padding:5px 14px;font-size:12px;font-weight:800;display:inline-block;transform:rotate(-2deg)}.memo-title{letter-spacing:-.02em;color:var(--ink);font-size:clamp(26px,4vw,42px);font-weight:900;line-height:1.3}.memo-body{color:var(--ink-sub);font-size:15px;line-height:1.95}.memo-section{padding:96px 24px;position:relative}.memo-inner{max-width:1100px;margin:0 auto}.memo-center{text-align:center}.bg-paper{background:var(--paper)}.bg-deep{background:var(--paper-deep)}.bg-grid{background-color:var(--paper);background-image:var(--grid-bg)}.bg-grid,.bg-lime{background-size:28px 28px}.bg-lime{background-color:var(--lime);background-image:linear-gradient(#1d1d1b0f 1px,#0000 0),linear-gradient(90deg,#1d1d1b0f 1px,#0000 0)}.tape{clip-path:polygon(3% 0,97% 6%,100% 94%,0 100%);background:#d6e33fb3;width:92px;height:24px;position:absolute;top:-12px;left:50%;transform:translate(-50%)rotate(-3deg)}.ruled{background-color:#fff;background-image:linear-gradient(90deg,transparent 14px,var(--margin-line) 14px,var(--margin-line) 16px,transparent 16px)}@media (width<=768px){.memo-section{padding:72px 20px}}footer{background:var(--ink);border-top:3px dashed #d6e33f73;padding:48px 24px 40px}.footer-logo img{width:32px;height:32px;box-shadow:2px 2px 0 var(--lime);border-radius:9px;transform:rotate(-4deg)}.footer-links a{color:#fff9}.footer-links a:hover{color:var(--lime)}