:root{--teal:#00a99d;--teal-d:#008a80;--coral:#ff6b5b;--coral-d:#f05a4a;--ink:#2d3142;--mute:#707793;--soft:#f1f8f7;--line:#dfe5e4;--f-en:"Poppins", "Noto Sans JP", sans-serif;--f-jp:"Noto Sans JP", system-ui, sans-serif;--gutter:48px;--max:1200px;--outer:calc(var(--max) + var(--gutter) * 2)}*{box-sizing:border-box}html,body{margin:0}body{color:var(--ink);font-family:var(--f-jp);-webkit-text-size-adjust:100%;background:#fff;line-height:1.9}img{max-width:100%;height:auto;display:block}a{color:inherit}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--ink);outline-offset:3px}.wrap{max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.site-header{padding:24px var(--gutter);max-width:var(--outer);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-inline:auto;display:flex}.logo{font:700 20px var(--f-en);text-decoration:none}.logo span{color:var(--teal)}.gnav{flex-wrap:wrap;align-items:center;gap:4px 26px;font-size:13px;font-weight:500;display:flex}.gnav a{text-decoration:none}.gnav a:not(.pill):hover,.gnav a[aria-current=page]{color:var(--teal-d)}.menu-btn{border:1px solid var(--ink);font:500 13px var(--f-jp);color:var(--ink);cursor:pointer;background:0 0;padding:6px 12px;display:none}.pill{background:var(--coral);color:#fff;font-weight:700;font-family:var(--f-jp);cursor:pointer;border:0;border-radius:999px;padding:12px 30px;font-size:15px;text-decoration:none;display:inline-block}.gnav .pill{padding:6px 18px;font-size:13px}.pill:hover{background:var(--coral-d)}.more{border:1px solid var(--ink);padding:12px 54px 12px 28px;font-size:13px;text-decoration:none;display:inline-block;position:relative}.more:after{content:"";background:var(--ink);width:22px;height:1px;position:absolute;top:50%;right:20px}.more:hover{background:var(--ink);color:#fff}.more:hover:after{background:#fff}.ttl{margin:0 0 48px}.ttl span{font:800 48px/1 var(--f-en);letter-spacing:.04em;display:block}.ttl small{color:var(--teal);letter-spacing:.04em;margin-top:10px;font-size:13px;font-weight:700;display:block}section.block{padding:90px var(--gutter);letter-spacing:.04em}section.block>.in{max-width:var(--max);margin-inline:auto}.soft{background:var(--soft)}.lead{color:var(--mute);max-width:40em;margin:-24px 0 40px}.hero{padding:40px var(--gutter) 20px;max-width:var(--outer);grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin-inline:auto;display:grid}.hero>*{min-width:0}.hero h1{margin:0 0 16px;font-size:clamp(32px,5vw,52px);font-weight:900;line-height:1.35}.hero h1 span{color:var(--teal)}.hero p{color:var(--mute);margin:0 0 30px}.illust{height:340px;position:relative}.illust .blob{background:var(--soft);border-radius:46% 54% 38% 62%/52% 40% 60% 48%;position:absolute;inset:10% 0 0 10%}.illust .win{background:#fff;border-radius:10px;width:70%;height:62%;position:absolute;top:18%;left:14%;overflow:hidden;box-shadow:0 20px 40px #2d314226}.illust .bar{background:#e9ecf3;align-items:center;gap:5px;height:22px;padding-left:10px;display:flex}.illust .bar i{background:#c3c8d6;border-radius:50%;width:7px;height:7px}.illust .l{background:#e9ecf3;border-radius:5px;height:10px;margin:14px 16px 0}.illust .l.t{background:var(--teal);width:50%;height:16px}.illust .l.s{width:70%}.illust .dot{background:#ffd166;border-radius:50%;width:14px;height:14px;position:absolute;top:8%;left:6%}.svc{background:var(--soft);padding:0 var(--gutter);position:relative}.svc .wave{z-index:2;pointer-events:none;width:100%;height:80px;display:block;position:absolute;top:0;left:0}.svc .in{max-width:var(--max);margin-inline:auto;position:relative}.svc .ttl{z-index:1;background:var(--soft);margin:0;padding:66px 32px 24px 0;position:absolute;top:0;left:0}.items{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.item{background:#fff;flex-direction:column;min-width:0;display:flex}.item .ph{height:380px;overflow:hidden}.item .ph img{object-fit:cover;width:100%;height:100%}.item .tx{flex-direction:column;flex:1;justify-content:space-between;gap:18px;min-height:260px;padding:36px 32px 32px;display:flex}.item h3{margin:0;font-size:19px}.item p{color:var(--mute);margin:0;font-size:14px;line-height:2}.lk{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding-top:16px;font-size:13px;font-weight:700;text-decoration:none;display:flex}.lk:after{content:"";background:var(--ink);width:22px;height:1px}.lk:hover{color:var(--teal-d)}.price{border-top:1px solid var(--ink);flex-wrap:wrap;align-items:flex-end;gap:24px 40px;padding-top:30px;display:flex}.price .n{font:800 64px/1 var(--f-en);font-variant-numeric:tabular-nums}.price .n small{font:700 16px var(--f-jp)}.price p{margin:0}.ptable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;max-width:640px}.ptable th,.ptable td{text-align:left;border-bottom:1px solid var(--line);padding:16px 0}.ptable th{font-weight:500}.ptable td{text-align:right;font:700 18px var(--f-en)}.looks{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.look{background:#fff;flex-direction:column;min-width:0;display:flex}.look .sample{border-bottom:1px solid var(--line);place-items:center;height:150px;padding:20px;display:grid;position:relative}.look .sample:before{content:"よくある型";color:var(--mute);letter-spacing:.08em;font-size:11px;position:absolute;top:10px;left:12px}.look .body{flex-direction:column;flex:1;gap:8px;padding:20px 24px 24px;display:flex}.look h3{margin:0;font-size:16px;line-height:1.6}.look p{color:var(--mute);margin:0;font-size:13px}.look .fix{border-top:1px dashed var(--line);margin-top:auto;padding-top:12px;font-size:13px}.look .fix b{color:var(--teal);margin-right:8px}.s-grad{background:linear-gradient(90deg,#8a6cf0,#4b8df5);border-radius:8px;width:80%;height:56px}.s-copy{text-align:center;color:#4b5563;white-space:pre-line;font-size:17px;font-weight:700;line-height:1.6}.s-cards{gap:8px;width:90%;display:flex}.s-cards i{background:#eef0fb;border-radius:12px;flex:1;place-items:center;height:70px;display:grid}.s-cards i:before{content:"";background:#b9c0f0;border-radius:50%;width:18px;height:18px}.s-emoji{font-size:18px;font-weight:700}.s-center{justify-items:center;gap:8px;width:80%;display:grid}.s-center i{background:#dde1ea;border-radius:4px;height:8px}.s-voice{text-align:center;color:#4b5563;white-space:pre-line;font-size:13px;line-height:1.7}.s-voice b{color:var(--ink);font-size:22px;display:block}.cta-row{flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:40px;display:flex}.cta-row p{margin:0;font-weight:700}.pagehead{padding:60px var(--gutter) 0;max-width:var(--outer);margin-inline:auto}.pagehead .ttl{margin-bottom:28px}.pagehead .lead{margin:0 0 20px}.grid2{grid-template-columns:repeat(2,1fr);gap:0 48px;display:grid}.grid2>div{border-top:1px solid var(--line);min-width:0;padding:24px 0 28px}.grid2 h3{margin:0 0 8px;font-size:18px}.grid2 p{color:var(--mute);margin:0;font-size:14px;line-height:2}.steps{max-width:860px;margin:0;padding:0;list-style:none}.steps li{border-top:1px solid var(--line);grid-template-columns:90px 1fr;gap:24px;padding:28px 0;display:grid}.steps li b{font:800 48px/1 var(--f-en);color:var(--teal)}.steps h3{margin:0 0 6px;font-size:18px}.steps p{color:var(--mute);margin:0;font-size:14px}.faq{max-width:860px}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{cursor:pointer;align-items:baseline;gap:16px;font-weight:700;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:before{content:"Q";font:800 20px var(--f-en);color:var(--teal)}.faq summary:after{content:"+";font:500 20px var(--f-en);color:var(--mute);margin-left:auto}.faq details[open] summary:after{content:"−"}.faq .a{color:var(--mute);gap:16px;margin-top:12px;font-size:14px;line-height:2;display:flex}.faq .a:before{content:"A";font:800 20px/1.4 var(--f-en);color:var(--coral)}.faq .a p{margin:0}.dl{max-width:860px;margin:0}.dl div{border-top:1px solid var(--line);grid-template-columns:180px 1fr;gap:24px;padding:20px 0;display:grid}.dl div:last-child{border-bottom:1px solid var(--line)}.dl dt{font-weight:700}.dl dd{color:var(--mute);margin:0}.cards{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.card{background:#fff;flex-direction:column;min-width:0;text-decoration:none;display:flex}.card .cv{aspect-ratio:4/3;background:#e3e6ef;max-width:100%;overflow:hidden}.card .cv img{object-fit:cover;width:100%;height:100%}.card .ctx{flex-direction:column;gap:6px;padding:20px 24px 24px;display:flex}.card .meta{color:var(--mute);font-size:12px}.card h3{margin:0;font-size:16px;line-height:1.6}.card:hover h3{color:var(--teal-d)}.list{max-width:860px;margin:0;padding:0;list-style:none}.list li a{border-top:1px solid var(--line);grid-template-columns:120px 1fr;gap:24px;padding:24px 0;text-decoration:none;display:grid}.list li:last-child a{border-bottom:1px solid var(--line)}.list time{color:var(--mute);font:500 14px var(--f-en)}.list h3{margin:0 0 4px;font-size:17px}.list p{color:var(--mute);margin:0;font-size:14px}.list a:hover h3{color:var(--teal-d)}.empty{color:var(--mute)}.article{max-width:760px;padding:60px var(--gutter) 90px;margin-inline:auto}.article .meta{color:var(--mute);margin:0 0 8px;font-size:13px}.article h1{margin:0 0 28px;font-size:clamp(26px,3.6vw,36px);line-height:1.5}.article .cover{margin:0 0 36px}.prose{font-size:16px;line-height:2.1}.prose h2{border-top:1px solid var(--line);margin:48px 0 12px;padding-top:20px;font-size:22px}.prose h3{margin:32px 0 8px;font-size:18px}.prose p{margin:0 0 20px}.prose blockquote{border-left:3px solid var(--teal);color:var(--mute);margin:28px 0;padding:4px 0 4px 20px}.prose ul,.prose ol{margin:0 0 20px;padding-left:1.4em}.prose img{margin:24px 0}.prose a{color:var(--teal-d)}.back{margin-top:48px;font-size:14px;display:inline-block}.ba{grid-template-columns:1fr 1fr;gap:16px;margin:0 0 40px;display:grid}.ba>div{background:var(--soft);min-width:0;padding:22px}.ba .tag{font:700 12px var(--f-en);letter-spacing:.12em;color:var(--mute)}.ba .after .tag{color:var(--teal)}.ba q{quotes:none;margin-top:6px;font-size:18px;font-weight:700;display:block}.ba img{margin-top:10px}.demo-note{color:var(--mute);border-left:3px solid var(--coral);margin:0 0 32px;padding-left:12px;font-size:13px}.contact-grid{grid-template-columns:1fr 1.3fr;align-items:start;gap:48px;display:grid}.contact-grid>*{min-width:0}.box{background:var(--soft);padding:32px}.box h2{margin:0 0 10px;font-size:20px}.box p{color:var(--mute);margin:0 0 22px;font-size:14px}.form{gap:18px;display:grid}.form label{gap:6px;font-size:14px;font-weight:700;display:grid}.form label small{color:var(--mute);font-weight:400}.form input[type=text],.form input[type=email],.form input[type=url],.form textarea{font:15px/1.7 var(--f-jp);color:var(--ink);background:#fff;border:1px solid #c9d1d0;border-radius:0;width:100%;padding:10px 12px}.form textarea{resize:vertical;min-height:180px}.form .agree{align-items:center;gap:8px;font-weight:400;display:flex}.form .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.form .status{margin:0;font-size:14px}.form .status.err{color:#c0392b}.site-footer{border-top:1px solid var(--line)}.site-footer .in{max-width:var(--outer);padding:48px var(--gutter);flex-wrap:wrap;justify-content:space-between;gap:24px;margin-inline:auto;display:flex}.site-footer nav{flex-wrap:wrap;gap:6px 22px;font-size:13px;display:flex}.site-footer nav a{text-decoration:none}.site-footer small{color:var(--mute);margin-top:8px;font-size:12px;display:block}@media (width<=860px){:root{--gutter:16px}.menu-btn{display:inline-block}.gnav{flex-direction:column;align-items:flex-start;gap:0;width:100%;padding-top:8px;display:none}.gnav.open{display:flex}.gnav a{border-top:1px solid var(--line);width:100%;padding:10px 0}.gnav .pill{border:0;width:auto;margin-top:12px;padding:8px 22px}.hero,.items,.looks,.grid2,.cards,.contact-grid,.ba{grid-template-columns:1fr}.illust{height:280px}.ttl span{font-size:38px}.price .n{font-size:52px}.item .ph{height:300px}.item .tx{min-height:0}section.block{padding-block:64px}.steps li{grid-template-columns:56px 1fr;gap:12px}.steps li b{font-size:34px}.dl div,.list li a{grid-template-columns:1fr;gap:4px}}
