:root{--blue:#4d7ee8;--brand:#0864bc;--pale:#edf2ff;--ink:#171a22;--line:#dce3f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP",sans-serif;font-size:14px;line-height:1.75}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.header{height:72px;padding:0 5vw;display:flex;align-items:center;gap:38px;background:#fff;position:relative;z-index:20}.logo{margin-right:auto}.logo img{width:230px}.header nav{display:flex;gap:28px;font-size:12px;font-weight:700}.header-cta{display:flex;gap:8px}.header-cta a{height:40px;padding:0 17px;display:flex;align-items:center;font-size:11px;font-weight:700;border-radius:2px}.header-cta .download{background:var(--brand);color:#fff}.header-cta .contact{border:1px solid var(--brand);color:var(--brand)}.menu{display:none;border:0;background:none}.hero{max-width:1160px;margin:0 auto;padding:66px 28px 60px;display:grid;grid-template-columns:1.22fr .78fr;gap:72px;align-items:start}.hero-main img{width:100%;height:360px;object-fit:cover;border-radius:2px}.hero-main h1{font-size:40px;line-height:1.45;margin:32px 0 0;font-weight:900}.form-card{background:#fff;padding:29px;box-shadow:0 8px 25px rgba(34,45,72,.16)}.form-card h2{font-size:20px;line-height:1.4;color:var(--brand);margin:0}.form-card>p{font-size:11px;margin:3px 0 17px}.form-card label:not(.check){display:block;margin:9px 0;font-size:11px;font-weight:700}.form-card em{color:#e94b5a;font-style:normal}.form-card input:not([type=checkbox]),.form-card select{display:block;width:100%;height:44px;margin-top:4px;padding:0 11px;border:1px solid var(--line);font:inherit;font-size:11px}.form-card select{margin:13px 0}.form-card .policy{font-size:10px;margin:5px 0}.policy a{color:var(--brand);text-decoration:underline}.check{display:block;font-size:10px;margin:9px 0 15px}.form-card button{width:100%;height:48px;border:0;background:var(--brand);color:#fff;font-weight:700;font-size:11px}.logos{max-width:1160px;margin:0 auto;padding:10px 28px 64px;text-align:center}.logos>p{font-size:11px;font-weight:700}.logos>div{display:flex;align-items:center;justify-content:center;gap:27px}.logos figure{width:90px;height:42px;margin:0;display:flex;align-items:center;justify-content:center}.logos img{max-height:34px;width:auto}.logos.second{padding-top:34px;padding-bottom:45px}.logos.second figure{width:120px}.pale{background:var(--pale)}.problem,.features,.cases,.flow,.faq,.document{padding:80px max(24px,calc((100% - 1120px)/2))}.heading{text-align:center;margin-bottom:43px}.heading b{display:block;color:var(--blue);font:900 italic 39px/1 Lato}.heading h2{font-size:13px;margin:11px 0 0}.problem-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.problem-cards article{background:#fff;text-align:center;padding-bottom:25px}.placeholder{height:210px;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:55px;border-bottom:1px solid #edf0f6}.problem-cards h3{font-size:15px;margin:20px 15px 7px}.problem-cards p{font-size:10px;line-height:1.7;margin:0 22px;color:#454c5b}.answer{text-align:center;padding-top:30px;font-size:19px}.answer span{font-size:28px}.answer p{margin:3px}.features{background:#fff}.feature-list{max-width:800px;margin:auto}.feature-list article{min-height:360px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.feature-list article:nth-child(even) .feature-photo{order:2}.feature-photo{height:285px;background:center/cover no-repeat}.photo1{background-image:url('https://images.unsplash.com/photo-1485827404703-89b55fcc595e?auto=format&fit=crop&w=900&q=80')}.photo2{background-image:url('https://images.unsplash.com/photo-1522542550221-31fd19575a2d?auto=format&fit=crop&w=900&q=80')}.photo3{background-image:url('https://images.unsplash.com/photo-1638202947561-e372255007b3?auto=format&fit=crop&w=900&q=80')}.feature-list span{font:700 52px Lato;color:#d9e4fb}.feature-list h3{font-size:28px;line-height:1.5;margin:8px 0 14px}.feature-list p{font-size:11px;color:#424958}.mini-features{max-width:980px;margin:42px auto 0;border-top:1px solid var(--line);padding-top:27px;text-align:center}.mini-features h3{font-size:14px}.mini-features>div{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}.mini-features span{background:var(--pale);padding:10px 15px;font-size:10px}.cta{padding:66px 24px;background:var(--blue);color:#fff;text-align:center}.cta h2{font-size:24px;margin:0 0 7px}.cta p{font-size:11px;margin:0 0 22px}.cta>div{display:flex;justify-content:center;align-items:center;gap:35px}.cta>div a:first-child{min-width:270px;height:50px;display:grid;place-items:center;background:#fff;color:var(--blue);font-weight:700}.cta>div a:last-child{text-decoration:underline;font-weight:700}.cta small{display:block;margin-top:12px;font-size:9px}.cases{background:#fff}.case-list{display:grid;gap:22px}.case-list article{min-height:205px;display:grid;grid-template-columns:250px 175px 1fr;align-items:center;background:var(--pale)}.case-image{height:100%;background:center/cover no-repeat}.ci1{background-image:url('https://images.unsplash.com/photo-1516321318423-f06f85e504b3?auto=format&fit=crop&w=700&q=80')}.ci2{background-image:url('https://images.unsplash.com/photo-1522542550221-31fd19575a2d?auto=format&fit=crop&w=700&q=80')}.ci3{background-image:url('https://images.unsplash.com/photo-1638202947561-e372255007b3?auto=format&fit=crop&w=700&q=80')}.case-list article>h3{font-size:13px;padding:22px}.case-list article>div:last-child{height:70%;border-left:1px solid #ced8ec;padding:20px 34px}.case-list h4{font-size:18px;line-height:1.55;margin:0 0 12px}.case-list p{font-size:10px;margin:0}.caption{font-size:9px;color:#666}.flow{background:var(--pale)}.flow-list{max-width:800px;margin:auto;display:grid;gap:23px}.flow-list article{position:relative;background:#fff;padding:26px 36px;display:grid;grid-template-columns:75px 1fr;gap:22px}.flow-list article:not(:last-child):after{content:"▼";position:absolute;left:50%;bottom:-23px;font-size:12px}.flow-list article>b{font:700 43px Lato;color:var(--blue);border-right:1px solid var(--line)}.flow-list h3{font-size:15px;margin:0 0 5px}.flow-list p{font-size:10px;margin:0}.faq{background:#fff}.faq-list{max-width:800px;margin:auto;display:grid;gap:18px}.faq details{border:0}.faq summary{list-style:none;background:var(--pale);padding:14px 19px;font-weight:700;font-size:12px}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:var(--blue);font:700 16px Lato;margin-right:9px}.faq details p{font-size:10px;margin:12px 19px 0}.document{background:var(--pale)}.document>h2{text-align:center;font-size:24px;margin:0 0 38px}.document>h2 small{font-size:12px}.document-box{max-width:1050px;margin:auto;background:#fff;padding:38px;display:grid;grid-template-columns:1.2fr .8fr;gap:45px}.book{width:350px;max-width:100%;height:200px;background:var(--brand);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font:900 29px Lato;box-shadow:0 10px 20px rgba(34,45,72,.15)}.document-copy>p{font-size:10px;text-align:center;background:var(--pale);border-radius:20px;padding:5px 12px}.document-copy h3{font-size:15px;margin-top:27px}.document-copy ul{list-style:none;padding:0}.document-copy li{font-size:11px;font-weight:700;margin:9px 0}.document-copy li:before{content:"●";color:var(--blue);margin-right:9px}.mobile-fixed{display:none}footer{min-height:190px;padding:48px max(24px,calc((100% - 1120px)/2));display:grid;grid-template-columns:1fr auto auto;gap:45px;align-items:end;font-size:9px}footer img{width:230px}footer p{margin:8px 0}
@media(max-width:800px){body{padding-bottom:61px}.header{height:64px;padding:0 18px;position:sticky;top:0}.logo img{width:190px}.header-cta{display:none}.menu{display:grid;gap:5px;padding:8px}.menu span{width:23px;height:2px;background:var(--ink)}.header nav{display:none;position:fixed;inset:64px 0 0;background:#fff;flex-direction:column;align-items:center;padding:55px 20px;font-size:15px}.menu-open .header nav{display:flex}.hero{padding:30px 20px 48px;display:flex;flex-direction:column;align-items:stretch;gap:30px}.hero-main,.form-card{width:100%;min-width:0}.hero-main img{height:220px}.hero-main h1{font-size:28px;margin-top:23px}.form-card{padding:21px}.logos{padding:20px 20px 50px}.logos>div{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.logos figure,.logos.second figure{width:auto;height:52px}.logos img{max-height:36px}.problem,.features,.cases,.flow,.faq,.document{padding:62px 20px}.heading{margin-bottom:34px}.heading b{font-size:33px}.problem-cards{grid-template-columns:1fr}.placeholder{height:165px}.feature-list article{min-height:0;display:flex;flex-direction:column;align-items:stretch;gap:18px;margin-bottom:55px}.feature-list article:nth-child(even) .feature-photo{order:0}.feature-photo{height:220px}.feature-list h3{font-size:23px}.mini-features>div{display:grid}.cta{padding:52px 20px}.cta h2{font-size:20px}.cta>div{flex-direction:column;gap:15px}.cta>div a:first-child{width:100%;min-width:0}.case-list article{display:block}.case-image{height:175px}.case-list article>h3{margin:0}.case-list article>div:last-child{border:0;border-top:1px solid #ced8ec;padding:22px;height:auto}.flow-list article{grid-template-columns:50px 1fr;padding:22px 18px}.flow-list article>b{font-size:35px}.document>h2{font-size:21px}.document-box{display:flex;flex-direction:column;padding:18px}.book{height:170px}.mobile-fixed{display:grid;grid-template-columns:1fr 1.4fr;position:fixed;z-index:50;bottom:0;left:0;right:0;height:61px;background:#fff;box-shadow:0 -3px 14px rgba(0,0,0,.12)}.mobile-fixed a{display:grid;place-items:center;font-weight:700;color:var(--brand)}.mobile-fixed a:last-child{background:var(--brand);color:#fff}footer{grid-template-columns:1fr;gap:20px;align-items:start;padding:40px 20px}footer img{width:210px}}

/* Exact STUDIO-template geometry corrections */
.placeholder{display:block;background-position:center;background-size:cover;background-repeat:no-repeat;color:transparent}.problem-photo1{background-image:url('https://images.unsplash.com/photo-1522542550221-31fd19575a2d?auto=format&fit=crop&w=900&q=80')}.problem-photo2{background-image:url('https://images.unsplash.com/photo-1638202947561-e372255007b3?auto=format&fit=crop&w=900&q=80')}.problem-photo3{background-image:url('https://storage.stock.studio.design/optimized/zNBsGq5_nI2XXnDN5E7v7.webp')}
@media(min-width:801px){.feature-list article{min-height:430px;display:block;padding:76px 0 60px 430px}.feature-list article:nth-child(even){padding-left:200px;padding-right:230px}.feature-photo{display:none}.case-list article{min-height:238px;display:block;padding:58px 55px 48px 430px}.case-image{display:none}.case-list article>h3{font-size:12px;margin:0 0 9px;padding:0}.case-list article>div:last-child{height:auto;border:0;padding:0}.flow-list article{min-height:102px}.features{padding-top:92px;padding-bottom:92px}.cases{padding-top:88px;padding-bottom:88px}}
@media(max-width:800px){.feature-list article{display:block;min-height:260px;padding:45px 0 30px 72px;margin:0}.feature-photo{display:none}.feature-list article:nth-child(even){padding-left:72px}.case-list article{display:block;min-height:190px;padding:32px 24px}.case-image{display:none}.case-list article>h3{padding:0}.case-list article>div:last-child{border:0;padding:0}.flow-list article{min-height:150px}.placeholder{height:175px}}

/* Continuous client-logo ticker */
.logos{max-width:none;overflow:hidden;padding-left:0;padding-right:0}.logos>div{--logo-gap:27px;width:max-content;justify-content:flex-start;gap:var(--logo-gap);animation:logo-ticker 28s linear infinite;will-change:transform}.logos>div:hover{animation-play-state:paused}.logos figure{width:145px;height:58px;flex:0 0 145px}.logos.second figure{width:155px;flex-basis:155px}.logos img{max-height:48px;max-width:100%}@keyframes logo-ticker{to{transform:translateX(calc(-50% - var(--logo-gap)/2))}}@media(max-width:800px){.logos>div{--logo-gap:18px;display:flex;grid-template-columns:none;gap:var(--logo-gap);animation-duration:22s}.logos figure,.logos.second figure{width:135px;flex:0 0 135px;height:58px}.logos img{max-height:44px}}@media(prefers-reduced-motion:reduce){.logos>div{animation-play-state:paused}}

.answer{font-size:38px;line-height:1.5}.answer strong{font-weight:900}@media(max-width:800px){.answer{font-size:25.33px}.answer span{font-size:38px}}
.hero-main img{object-position:left center}
.problem-cards .placeholder{display:none}.problem-cards article{padding:36px 24px}.problem-cards h3{margin-top:0}

/* Compact vertical rhythm */
.hero{padding-top:38px;padding-bottom:36px}.logos{padding-top:8px;padding-bottom:36px}.problem,.features,.cases,.flow,.faq,.document{padding-top:48px;padding-bottom:48px}.heading{margin-bottom:28px}.features,.cases{padding-top:52px;padding-bottom:52px}.feature-list article{min-height:300px;padding-top:42px;padding-bottom:36px}.case-list{gap:14px}.case-list article{min-height:170px;padding-top:36px;padding-bottom:32px}.mini-features{margin-top:24px}.cta{padding-top:42px;padding-bottom:42px}.logos.second{padding-top:24px;padding-bottom:28px}.flow-list{gap:16px}.flow-list article:not(:last-child):after{bottom:-17px}.faq-list{gap:12px}.document>h2{margin-bottom:24px}footer{min-height:140px;padding-top:32px;padding-bottom:32px}@media(max-width:800px){.hero{padding-top:22px;padding-bottom:30px}.logos{padding-top:12px;padding-bottom:30px}.problem,.features,.cases,.flow,.faq,.document{padding-top:40px;padding-bottom:40px}.heading{margin-bottom:24px}.feature-list article{min-height:190px;padding-top:28px;padding-bottom:22px}.case-list article{min-height:140px;padding-top:24px;padding-bottom:24px}.flow-list article{min-height:110px}.cta{padding-top:36px;padding-bottom:36px}.logos.second{padding-top:18px;padding-bottom:22px}}

.book{background:#fff url('assets-v2/hero-robot-letter-fv.jpg') left center/cover no-repeat;color:transparent;font-size:0}.book small{font-size:0}

.logos .logo-set{display:flex;align-items:center;gap:var(--logo-gap);width:max-content;flex:none}
.logos>p{display:none}

.media-proof{padding:38px 20px 44px;border-top:14px solid #d9f8e7;background:#fff;text-align:center}.media-proof>p{margin:0;color:var(--blue);font-size:18px;font-weight:900}.media-proof h2{margin:8px 0 32px;font-size:27px;line-height:1.35}.media-logos{max-width:455px;margin:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px 10px}.media-logos img{width:135px;height:58px;object-fit:contain}@media(max-width:800px){.media-proof{padding:30px 14px 34px;border-top-width:10px}.media-proof>p{font-size:14px}.media-proof h2{font-size:23px;margin-bottom:24px}.media-logos{max-width:360px;gap:13px 7px}.media-logos img{width:108px;height:48px}}
.media-proof>p{font-size:0}.media-proof>p::after{content:"↓手書き手紙DMサービスとして注目いただいてます↓";font-size:18px}@media(max-width:800px){.media-proof>p::after{font-size:14px}}
.media-logos{max-width:570px;gap:18px 10px}.media-logos img{width:135px;flex:0 0 135px}@media(max-width:800px){.media-logos{max-width:360px;gap:12px 6px}.media-logos img{width:84px;height:42px;flex:0 0 84px}}

.ci1{background-image:url('assets-v2/case-01.jpg')}.ci2{background-image:url('assets-v2/case-03.jpg')}.ci3{background-image:url('assets-v2/case-02.jpg')}@media(min-width:801px){.case-list article{min-height:210px;display:grid;grid-template-columns:280px 170px 1fr;padding:0}.case-image{display:block;height:100%;background-position:center;background-size:cover}.case-list article>h3{padding:24px;margin:0}.case-list article>div:last-child{height:70%;border-left:1px solid #ced8ec;padding:20px 34px}}@media(max-width:800px){.case-list article{display:block;padding:0}.case-image{display:block;height:190px;background-position:center;background-size:cover}.case-list article>h3{padding:22px 22px 8px}.case-list article>div:last-child{padding:8px 22px 24px}}
.cases .case-logos{padding:0 0 28px;margin:0 calc(50% - 50vw);width:100vw}.cases .case-logos>div{animation-direction:reverse}@media(max-width:800px){.cases .case-logos{padding-bottom:22px}}
.message-section .message-card{max-width:920px;margin:auto;display:grid;grid-template-columns:380px 1fr;gap:58px;align-items:center}.message-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center top}.message-card h3{font-size:28px;line-height:1.55;margin:0 0 24px}.message-card p{font-size:13px;line-height:2;margin:0 0 16px;color:#424958}.message-sign{padding-top:8px;text-align:right}.message-sign small,.message-sign strong{display:block}.message-sign strong{font-size:19px;color:var(--ink)}@media(max-width:800px){.message-section .message-card{display:block}.message-card>img{margin-bottom:28px}.message-card h3{font-size:23px}.message-card p{font-size:12px;line-height:1.9}.message-sign{text-align:left}}

@media(min-width:801px){#feature .feature-list article:first-child{position:relative}#feature .feature-list article:first-child .feature-photo{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:390px;height:auto;aspect-ratio:1674/941;background-image:url('assets-v2/feature-01-comparison.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}}@media(max-width:800px){#feature .feature-list article:first-child{padding-left:0}#feature .feature-list article:first-child .feature-photo{display:block;width:100%;height:auto;aspect-ratio:1674/941;margin-bottom:24px;background-image:url('assets-v2/feature-01-comparison.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}#feature .feature-list article:first-child>div:last-child{padding-left:72px}}
@media(max-width:800px){#feature .feature-list article,#feature .feature-list article:nth-child(even){padding-left:0;padding-right:0}#feature .feature-list article>div:last-child,#feature .feature-list article:first-child>div:last-child{width:100%;padding-left:0;padding-right:0}}
@media(max-width:800px){.features#feature{padding-left:8px;padding-right:8px}.features#feature .feature-list{width:100%;max-width:none}}
@media(min-width:801px){#feature .feature-list article:nth-child(3){position:relative}#feature .feature-list article:nth-child(3) .feature-photo{display:block;position:absolute;left:0;top:50%;transform:translateY(-50%);width:390px;height:auto;aspect-ratio:1932/820;background-image:url('assets-v2/feature-03-handwriting.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}}@media(max-width:800px){#feature .feature-list article:nth-child(3) .feature-photo{display:block;width:100%;height:auto;aspect-ratio:1932/820;margin:24px 0;background-image:url('assets-v2/feature-03-handwriting.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}}
@media(min-width:801px){#feature .feature-list article:nth-child(4){position:relative}#feature .feature-list article:nth-child(4) .feature-photo{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:390px;height:auto;aspect-ratio:1716/913;background-image:url('assets-v2/feature-04-shipping-flow.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}}@media(max-width:800px){#feature .feature-list article:nth-child(4) .feature-photo{display:block;width:100%;height:auto;aspect-ratio:1716/913;margin:24px 0;background-image:url('assets-v2/feature-04-shipping-flow.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}}
@media(min-width:801px){#feature .feature-list article:nth-child(2){position:relative}#feature .feature-list article:nth-child(2) .feature-photo{display:block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:390px;height:auto;aspect-ratio:1674/941;background-image:url('assets-v2/feature-02-pricing.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}}@media(max-width:800px){#feature .feature-list article:nth-child(2) .feature-photo{display:block;width:100%;height:auto;aspect-ratio:1674/941;margin:24px 0;background-image:url('assets-v2/feature-02-pricing.jpg');background-size:contain;background-repeat:no-repeat;background-position:center}}
@media(min-width:801px){#feature .feature-list article:nth-child(2),#feature .feature-list article:nth-child(4){padding-left:40px;padding-right:470px}}
.schedule-section{padding:52px max(20px,calc((100% - 980px)/2));background:#fff;text-align:center}.schedule-section>.heading{margin-bottom:14px}.schedule-section>p{margin:0 0 28px;color:#667085}.schedule-section .jicoo-widget{width:100%;max-width:980px;margin:auto;overflow:hidden}@media(max-width:800px){.schedule-section{padding:40px 12px}.schedule-section .jicoo-widget{min-width:0!important;width:100%;height:720px!important}}
.schedule-fallback{display:inline-grid;place-items:center;min-width:280px;height:54px;margin-top:20px;padding:0 24px;background:var(--brand);color:#fff;font-weight:700;border-radius:3px}
.guide-preview{max-width:980px;margin:36px auto 0;text-align:center}.guide-preview h3{font-size:22px;margin:0 0 6px}.guide-preview>p{font-size:12px;color:#667085;margin:0 0 20px}.guide-preview iframe{display:block;width:100%;height:720px;border:1px solid var(--line);background:#f5f7fb}@media(max-width:800px){.guide-preview{margin-top:28px}.guide-preview h3{font-size:20px}.guide-preview iframe{height:520px}}
