@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Zen+Kaku+Gothic+New:wght@400;500;700&family=Zen+Old+Mincho:wght@400;500;600&display=swap');
:root{--paper:#f6f2ea;--cream:#fffdf8;--ink:#272820;--forest:#2d4b3a;--orange:#bf6741;--sand:#e6ddd0;--line:#d4cdc2;--muted:#77766d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans","Noto Sans JP","Yu Gothic UI",sans-serif;line-height:1.7}.sample-note{background:var(--ink);color:#f4eee5;font-size:11px;text-align:center;padding:7px 18px}header{height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,7vw,112px);background:var(--cream);border-bottom:1px solid var(--line)}.brand{font-size:15px;font-weight:700;color:var(--ink);text-decoration:none;letter-spacing:.03em}.brand span{color:var(--forest)}nav{display:flex;gap:29px}nav a{color:#4e514a;text-decoration:none;font-size:12px}.header-cta{padding:11px 15px;background:var(--forest);color:#fffdf7;text-decoration:none;font-size:12px;font-weight:700}.hero{max-width:1360px;margin:auto;padding:clamp(74px,10vw,135px) clamp(24px,7vw,110px);display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(35px,7vw,95px);align-items:center;background:var(--cream)}.kicker{font-family:"DM Mono",monospace;color:var(--orange);font-size:10px;letter-spacing:.08em;margin:0 0 18px}.hero h1,.feature h2,.story h2,.price h2,.trial h2{font-family:"Noto Serif JP","Yu Mincho",serif;font-weight:500;letter-spacing:-.06em;line-height:1.35}.hero h1{font-size:clamp(35px,4.2vw,60px);margin:0 0 25px}.hero h1 em{font-style:normal;color:var(--forest)}.hero-copy>p:not(.kicker){font-size:14px;color:#595b53;margin:0 0 28px}.hero-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.primary-button{display:inline-flex;align-items:center;gap:28px;padding:15px 18px;background:var(--orange);color:#fffdf9;text-decoration:none;font-size:12px;font-weight:700;transition:transform .2s ease,background .2s ease}.primary-button b{font-size:18px}.plain-link{color:var(--ink);font-size:12px;font-weight:700;text-underline-offset:6px}.hero-copy>small{display:block;margin-top:16px;font-size:10px;color:var(--muted)}.hero-ui{position:relative;display:grid;grid-template-columns:135px 1fr;min-height:480px;background:#fff;border:1px solid #cec7bc;box-shadow:15px 15px 0 var(--sand);border-radius:5px;overflow:hidden}.ui-top{position:absolute;z-index:2;top:0;left:0;right:0;height:47px;padding:0 15px;background:#f2eee6;border-bottom:1px solid #ded6cb;display:flex;align-items:center;gap:14px;font-size:10px}.ui-top .dots{font-size:8px;color:#a79e91;letter-spacing:2px}.ui-top span:last-child{margin-left:auto;padding:3px 7px;background:#dce8dc;color:var(--forest);font-size:9px}.hero-ui aside{padding:69px 13px 16px;background:#f8f5ee;border-right:1px solid #e4ddd3}.hero-ui aside strong{display:block;margin-bottom:24px;color:var(--forest);font-size:14px}.hero-ui aside a{display:block;padding:8px 5px;color:#72736c;font-size:10px;text-decoration:none}.hero-ui aside .active{background:#e3ece0;color:var(--forest);font-weight:700}.hero-ui aside i{float:right;font-style:normal;font-size:9px}.hero-ui aside hr{border:0;border-top:1px solid #e1dacf;margin:18px 0}.ui-main{padding:67px 24px 20px}.case-head{display:flex;align-items:start;justify-content:space-between;gap:10px}.case-head p,.case-head h2{margin:0}.case-head p{font-size:10px;color:var(--muted)}.case-head h2{font-size:18px;margin-top:3px}.case-head button,.form-content button{border:0;background:var(--forest);color:#fff;font:600 10px "Noto Sans JP";padding:9px 11px}.meta{display:flex;flex-wrap:wrap;gap:7px;margin:19px 0}.meta span{padding:5px 7px;background:#f2eee7;color:#77766d;font-size:9px}.meta b{color:#363932}.meta .high{color:#a44f2d}.checklist,.activity{padding:13px 0;border-top:1px solid #e2dcd2}.checklist h3,.activity h3{font-size:10px;margin:0 0 9px}.checklist label{display:block;font-size:10px;padding:4px 0}.checklist input{accent-color:var(--forest)}.activity p{margin:4px 0;font-size:9px;color:#66685f}.activity p span{float:right;color:var(--forest)}.hero-ui>small{position:absolute;right:12px;bottom:7px;font-size:8px;color:#a29c91}.proof{max-width:1180px;margin:auto;padding:45px clamp(24px,5vw,64px);display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof>p{font-family:"Noto Serif JP",serif;font-size:20px;line-height:1.5;margin:0}.proof div{padding-left:20px;border-left:1px solid var(--line)}.proof strong{display:block;font-size:34px;letter-spacing:-.06em;color:var(--forest)}.proof strong span{font-size:.48em}.proof small{font-size:9px;color:var(--muted);line-height:1.45}.feature,.story,.price,.faq,.trial{max-width:1180px;margin:auto;padding:clamp(80px,11vw,150px) clamp(24px,5vw,64px)}.feature{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,8vw,100px);align-items:center}.feature h2,.story h2,.price h2{font-size:clamp(32px,3.8vw,53px);margin:0 0 25px}.feature-copy>p:not(.kicker){font-size:14px;color:#5e6058;margin:0 0 24px}.form-screen{border:1px solid #cfc8bd;background:#fffdf8;box-shadow:12px 12px 0 #ddd4c7}.screen-bar{padding:14px 18px;border-bottom:1px solid #ded7cc;font-size:12px;font-weight:700}.screen-bar span{float:right;color:var(--forest);font-size:9px;font-weight:500}.form-content{padding:19px}.form-content label{display:block;margin-bottom:13px;font-size:10px;font-weight:700}.form-content input,.form-content select,.form-content textarea{width:100%;display:block;margin-top:5px;border:1px solid #d6cec3;padding:9px;background:#fff;font:10px "Noto Sans JP";color:#555;resize:none}.form-content textarea{height:63px}.form-content button{margin-top:2px}.feature-two{grid-template-columns:1.15fr .85fr;border-top:1px solid var(--line)}.review-screen{padding:23px;background:#29392c;color:#f8f5ed;box-shadow:12px 12px 0 #c2b7a7}.review-title span{display:block;color:#f5a783;font:10px "DM Mono"}.review-title b{display:block;margin:8px 0 2px;font-size:20px}.review-title small{color:#bdc7b9;font-size:9px}.review-item{display:grid;grid-template-columns:13px 1fr auto;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid #536154}.review-item i{width:9px;height:9px;border-radius:50%;background:#e5a279}.review-item:nth-child(3) i{background:#d5db94}.review-item:nth-child(4) i{background:#91b3a0}.review-item b{font-size:11px}.review-item p{margin:1px 0 0;font-size:9px;color:#bcc7ba}.review-item>span{font-size:9px;color:#d5ddd1}.story{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid var(--line)}.story ol{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.story li{display:grid;grid-template-columns:65px 1fr;gap:18px;padding:20px 0;border-bottom:1px solid var(--line)}.story time{font-family:"DM Mono";font-size:11px;color:var(--orange)}.story li p{margin:0;font-size:13px}.story blockquote{grid-column:1/-1;margin:0;padding-top:25px;border-top:1px solid var(--line);font-family:"Noto Serif JP",serif;font-size:20px;line-height:1.65}.story cite{display:block;margin-top:11px;font-family:"Noto Sans JP";font-size:10px;font-style:normal;color:var(--muted)}.price{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;border-top:1px solid var(--line)}.plans{display:grid;grid-template-columns:1fr 1fr;gap:12px}.plans article{padding:24px;border:1px solid var(--line);transition:transform .2s ease}.plans .featured{background:var(--forest);color:#fffdf7;border-color:var(--forest)}.plans p{font-family:"DM Mono";font-size:10px;margin:0;color:var(--orange)}.plans .featured p{color:#efb38b}.plans p b{float:right;font-size:8px;background:#efb38b;color:#463228;padding:3px}.plans h3{font-size:28px;margin:20px 0 0}.plans h3 small,.plans>article>span{font-size:9px;color:var(--muted)}.plans .featured h3 small,.plans .featured>span{color:#d4ddd1}.plans ul{padding:0;margin:22px 0;list-style:none;font-size:10px}.plans li{padding:5px 0}.plans li:before{content:'—';margin-right:7px;color:var(--orange)}.plans a{display:block;padding:10px;background:#ece6dd;color:var(--ink);text-align:center;text-decoration:none;font-size:10px;font-weight:700}.featured a{background:#efb38b}.plans article:hover{transform:translateY(-5px)}.faq{max-width:820px;border-top:1px solid var(--line)}.faq>p{font-size:12px;font-weight:700;margin:0 0 25px}.faq details{padding:19px 0;border-bottom:1px solid var(--line)}.faq summary{font-size:14px;font-weight:700;cursor:pointer}.faq details div{padding:14px 0 0;color:var(--muted);font-size:12px}.trial{text-align:center;border-top:1px solid var(--line)}.trial>p{font:10px "DM Mono";color:var(--orange);letter-spacing:.1em}.trial h2{font-size:clamp(35px,4vw,56px);margin:17px 0 35px}.trial .primary-button{background:var(--forest)}.trial small{display:block;margin-top:15px;color:var(--muted);font-size:10px}footer{max-width:1360px;margin:auto;border-top:1px solid var(--line);padding:32px clamp(24px,7vw,112px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:10px}footer p{margin:0}.primary-button:hover{transform:translateY(-3px);background:#9d4e2d}.header-cta:hover{background:#1c3126}a:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}@media(max-width:760px){header{height:68px;padding:0 18px}nav{display:none}.hero,.feature,.feature-two,.story,.price{grid-template-columns:1fr;gap:45px}.hero{padding:75px 24px}.hero-ui{min-height:470px;grid-template-columns:95px 1fr}.hero-ui aside{padding-left:8px;padding-right:8px}.ui-main{padding:67px 14px 20px}.case-head{display:block}.case-head button{margin-top:9px}.proof{grid-template-columns:1fr 1fr;gap:18px}.proof>p{grid-column:1/-1}.proof div{padding-left:12px}.feature,.story,.price{padding:80px 24px}.feature-two .review-screen{order:2}.plans{grid-template-columns:1fr}.story blockquote{grid-column:auto}.hero h1{font-size:39px}footer{display:block}footer p{margin-top:10px}}
/* 第4ラウンド：SaaS固有の編集リズム */
body{font-family:"Zen Kaku Gothic New","Yu Gothic UI",sans-serif}.hero h1,.feature h2,.story h2,.price h2,.trial h2,.case-head h2{font-family:"Zen Old Mincho","Yu Mincho",serif;letter-spacing:-.025em}.hero{grid-template-columns:1.05fr .95fr;gap:50px}.hero h1{font-size:clamp(35px,3.15vw,44px);line-height:1.5}.feature h2,.story h2,.price h2{font-size:clamp(32px,3.05vw,44px);line-height:1.5}.proof,.feature-two,.story,.price,.faq,.trial{border-top:0}.feature-one{padding:400px clamp(24px,5vw,64px) 150px}.feature-two{padding:0 clamp(24px,5vw,64px) 400px;gap:64px}.story{padding:0 clamp(24px,5vw,64px) 150px;grid-template-columns:.78fr 1.22fr;gap:54px}.price{padding:0 clamp(24px,5vw,64px) 150px;gap:64px}.faq{padding:0 clamp(24px,5vw,64px) 150px}.trial{padding:0 clamp(24px,5vw,64px) 150px;text-align:left}.trial .primary-button{margin:0}.story-photo{grid-column:1/-1;margin:0 0 8px;width:42%;justify-self:end;aspect-ratio:1.6;overflow:hidden}.story-photo img{display:block;width:100%;height:100%;object-fit:cover}.story blockquote{grid-column:1/-1}.story .kicker,.feature .kicker,.price .kicker{font-family:"Zen Kaku Gothic New",sans-serif}@media(max-width:760px){.hero h1{font-size:35px;line-height:1.5}.feature h2,.story h2,.price h2{font-size:35px;line-height:1.52}.feature-one{padding:260px 24px 110px}.feature-two{padding:0 24px 260px}.story{padding:0 24px 110px}.price,.faq,.trial{padding:0 24px 110px}.story-photo{grid-column:auto;width:100%;justify-self:stretch;margin-top:0}.hero-ui{grid-template-columns:1fr;min-height:390px}.hero-ui aside{display:none}.ui-main{padding:67px 16px 20px}}
/* 和文の折り返し規則（第3ラウンド【S】。style.cssへのマージ時に脱落していたため復旧 2026-07-28） */
h1,h2,h3,p,li,blockquote,summary,dd,dt,figcaption{word-break:auto-phrase;line-break:strict;overflow-wrap:normal}
h1,h2,h3{text-wrap:balance}
p,blockquote,summary,dd{text-wrap:pretty}
/* 残存Notoの掃除（禁止⑫）2026-07-28 */
.story blockquote,.proof>p{font-family:"Zen Old Mincho","Yu Mincho",serif}
.story cite,.case-head button,.form-content button,.form-content input,.form-content select,.form-content textarea{font-family:"Zen Kaku Gothic New",sans-serif}