:root{--ink:#202822;--muted:#49554e;--brand:#089512;--action:#176638;--line:#dbe4db;--tint:#f4f8f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.8 "Yu Gothic",Meiryo,sans-serif;background:white}a{color:var(--action)}a:focus-visible{outline:3px solid var(--brand);outline-offset:4px}.wrap{width:min(1120px,calc(100% - 48px));margin-inline:auto}header{border-bottom:1px solid var(--line)}.bar{min-height:76px;display:flex;justify-content:space-between;align-items:center;gap:12px}.bar img{width:172px;height:auto}.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:16px;background:var(--action);color:white;border-radius:6px;padding:12px 18px;text-decoration:none;font-weight:700;min-height:48px}.btn:hover{background:#114c2a}.small{font-size:14px}.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,6vw,80px);align-items:center}.hero{padding-block:clamp(35px,6vw,80px)}h1,h2,h3{line-height:1.35;margin:0;word-break:auto-phrase;line-break:strict;text-wrap:balance}h1{font-size:clamp(28px,4vw,49px);letter-spacing:-.035em}h2{font-size:clamp(24px,3.4vw,36px);letter-spacing:-.015em}h3{font-size:19px}p{margin:12px 0 0}.eyebrow{color:var(--action);font-size:13px;font-weight:700;letter-spacing:.055em;margin:0 0 12px}.lead{font-size:17px;margin-top:18px}.proof{margin-top:16px;font-size:15px;color:var(--action)}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:19px}.pdf{font-size:14px;font-weight:700;text-underline-offset:4px}figure{margin:0}figure img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:8px}figcaption,.details,footer{font-size:14px;color:var(--muted)}figcaption{margin-top:6px}.band{background:var(--tint);padding-block:clamp(35px,6vw,68px)}.block{padding-block:clamp(35px,6vw,68px)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:22px}.cards article{background:white;border:1px solid var(--line);border-radius:8px;padding:20px}.cards p{margin-top:8px}ul{padding-left:1.2em;margin-bottom:0}li+li{margin-top:4px}.numbers{display:flex;gap:clamp(22px,8vw,94px);margin:16px 0}.numbers p{margin:0}.numbers strong{display:block;font-size:clamp(42px,6vw,70px);color:var(--action);line-height:1.15}.numbers small{font-size:17px;margin-left:5px}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;padding:0;counter-reset:step;list-style:none;margin:22px 0 0}.steps li{border-top:2px solid var(--brand);margin:0;padding-top:10px;font-weight:700}.steps li:before{counter-increment:step;content:"0" counter(step);display:block;font-size:13px;color:var(--action)}.contact{border-top:1px solid var(--line)}footer{padding-block:22px}.mobile{display:none}@media(max-width:700px){.wrap{width:calc(100% - 36px)}.split,.cards{grid-template-columns:1fr}.block.split figure{order:2}.bar{min-height:61px}.bar img{width:122px}.small{font-size:12px;padding:8px 10px;min-height:40px;gap:6px}.hero{gap:24px}.hero figure img{max-height:290px}.mobile{display:block}.actions .btn{width:100%}.steps{grid-template-columns:1fr;gap:0}.steps li{border-top:1px solid var(--line);display:flex;gap:12px;padding:10px 0}}
.numbers strong{white-space:nowrap;font-size:clamp(36px,5vw,58px)}
.sales .hero{padding-block:clamp(28px,5vw,72px);grid-template-columns:.87fr 1.13fr;gap:clamp(24px,4vw,62px)}.sales h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:700;font-size:clamp(38px,5.5vw,72px);line-height:1.18;letter-spacing:-.045em}.sales .hero figure img{max-height:none;aspect-ratio:1.25;object-fit:cover;object-position:center;border-radius:2px}.sales .lead strong{display:block;margin-bottom:5px}.sales .hero .actions{align-items:flex-start;flex-direction:column}.sales .hero .btn{padding-inline:20px}.sales .comparison ul{list-style:none;padding:0;margin-top:18px}.sales .comparison li{padding:10px 0;border-bottom:1px solid var(--line);font-weight:700}.sales .comparison li::before{content:"✓";color:var(--action);padding-right:12px}.note{font-size:14px;color:var(--muted)}.sales .contact{background:#e9f3e8}.sales .cards article{border:none;border-top:2px solid var(--brand);border-radius:0}.sales .comparison figure img{aspect-ratio:1.16;object-position:center 48%}@media(max-width:700px){.sales .hero{grid-template-columns:1fr}.sales .hero figure img{aspect-ratio:1.45}.sales h1{font-size:clamp(34px,9.5vw,52px)}}
.sales .hero{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(22px,4vw,60px)}.sales .hero figure img{aspect-ratio:3/2;max-height:none;height:auto;object-fit:contain}.sales h1{font-size:clamp(31px,3.65vw,53px);line-height:1.25}.sales .hero .actions{flex-direction:row;align-items:center}.use-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:24px;gap:25px}.use-strip article{border-top:1px solid #9db99f;padding:15px 0 0}.use-strip article p{font-size:15px}.sales .comparison{width:min(1260px,calc(100% - 48px));background:#fbf6f2;padding:clamp(25px,5vw,65px);margin-block:clamp(30px,6vw,72px);grid-template-columns:1fr 1.1fr}.sales .comparison figure img{max-height:370px;object-fit:contain;background:#eee5df}.timeline{margin-top:22px;border-left:2px solid var(--action);padding-left:17px;display:grid;gap:15px}.timeline b{color:var(--action)}.timeline p{margin:3px 0 0}.proposal{background:#eaf4eb}.brief{margin:18px 0;border-left:3px solid var(--brand);padding:9px 15px;background:white}.brief span{font-size:13px;color:var(--action);font-weight:700}.brief p{margin:3px 0}.volume{background:#eef3ed;text-align:center}.volume .numbers{justify-content:center}.volume .wrap>p:last-child{max-width:740px;margin-inline:auto}.process .steps{margin-top:22px}.sales .contact{text-align:center;background:#f2f7ef}.sales .contact .actions{justify-content:center}@media(max-width:700px){.sales .hero,.sales .comparison,.use-strip{grid-template-columns:1fr}.sales .hero figure img{aspect-ratio:3/2;max-height:none}.sales .comparison{width:calc(100% - 24px);padding:24px 18px}.sales .comparison figure img{max-height:250px}.use-strip{gap:15px}.sales .hero .actions{gap:10px}.sales .contact .actions{align-items:flex-start}}
.wear-gallery{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:24px}.wear-gallery figure img{width:100%;height:clamp(225px,33vw,385px);max-height:none;object-fit:cover;object-position:center;border-radius:2px}.wear-gallery figcaption{margin-top:8px}@media(max-width:700px){.wear-gallery{grid-template-columns:1fr;gap:16px}.wear-gallery figure img{height:auto;aspect-ratio:4/3}}
.use-strip article{padding:17px 20px 20px;background:#fff;border-top:2px solid var(--brand)}.use-strip h3{color:#174c2d}.use-strip article p{color:#35463a;font-size:16px}.timeline>div{min-width:0}.timeline b{display:block;margin:0 0 4px}.timeline p{margin:0;line-height:1.75;word-break:normal;overflow-wrap:normal;line-break:strict}.flower-plate{position:relative;background:#eee5df;padding:14% 3% 16%;overflow:hidden}.sales .comparison .flower-plate img{width:100%;height:auto;max-height:none;aspect-ratio:auto;border-radius:0}.petal{position:absolute;width:28%;aspect-ratio:1;border-radius:50%;border:3px solid #fff;background:url("images/p6-1.jpg") no-repeat;background-size:430% auto;box-shadow:0 2px 9px #34251b30}.petal-red{right:4%;top:4%;background-position:67% 36%}.petal-white{left:4%;bottom:4%;background-position:23% 53%}@media(max-width:700px){.use-strip article{padding:15px 17px}.timeline{padding-left:13px}}
.flower-plate{background:transparent}.sales .comparison .flower-plate img{background:transparent}.flower-subtitle{font-size:clamp(17px,2vw,23px);font-weight:700;line-height:1.5}.sales .volume,.sales .contact{text-align:left}.sales .volume .numbers,.sales .contact .actions{justify-content:flex-start}.sales .volume .wrap>p:last-child{margin-inline:0}.wear-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,18px);max-width:950px}.wear-gallery figure img{height:auto;aspect-ratio:4/3;object-fit:cover}.wear-gallery figcaption{font-size:clamp(12px,1.4vw,15px)}@media(max-width:440px){.wear-gallery figure img{aspect-ratio:1}}
.sales .comparison{width:min(1320px,calc(100% - 48px));padding:clamp(22px,4vw,52px);grid-template-columns:minmax(0,1.23fr) minmax(0,.77fr);gap:clamp(20px,4vw,55px)}.flower-plate{padding:9% 0 12%}.petal{width:25%}.color-examples img{width:100%;height:auto;max-height:360px;aspect-ratio:1.45;object-fit:contain;background:#f5f5f2;padding:clamp(12px,3vw,32px)}.volume-photo img{aspect-ratio:2.25;max-height:none;object-fit:cover;object-position:center}.sales .volume .numbers{gap:clamp(20px,5vw,62px)}.steps.illustrated li{display:grid;grid-template-columns:auto 1fr;align-items:center;column-gap:8px;padding:14px 8px 4px 0}.steps.illustrated li:before{grid-column:1/-1}.steps.illustrated svg{width:30px;height:30px;color:var(--action)}.steps.illustrated span{min-width:0}@media(max-width:700px){.sales .comparison{grid-template-columns:1fr;width:calc(100% - 24px);padding:24px 18px}.steps.illustrated li{grid-template-columns:23px 30px 1fr;column-gap:12px;padding:12px 0}.steps.illustrated li:before{grid-column:auto}}
.color-examples img{padding:0;aspect-ratio:4/3;max-height:none;background:transparent}
.flower-detail{width:100%;max-width:510px}.flower-plate{padding:13% 0 14%}.petal{width:21%;background-size:325% auto;box-shadow:0 1px 4px #34251b24}.petal-red{top:1%;right:2%;background-position:68% 38%}.petal-white{bottom:1%;left:2%;background-position:22% 48%}.fastener{width:100%;max-width:370px}.fastener img{max-height:255px;object-fit:contain;object-position:left center}.volume .numbers p{min-width:112px}.volume .numbers strong{display:flex;align-items:baseline;gap:4px;white-space:nowrap}.volume .numbers strong span{font-size:20px}.case-name{display:block;border-top:1px solid #9db99f;margin-top:8px;padding-top:6px}.steps.illustrated li::before{font-size:25px;line-height:1.15}.timing{margin-top:26px;padding:19px 21px;border-left:3px solid var(--brand);background:var(--tint)}.timing p{margin-top:6px}@media(max-width:700px){.steps.illustrated li{grid-template-columns:34px 30px 1fr}.volume .numbers p{min-width:96px}}
.case{min-width:112px}.case-count{display:flex;align-items:baseline;gap:4px;color:var(--action);font-weight:700}.case-count>span{font-size:20px}@media(max-width:700px){.case{min-width:96px}}
.sales .comparison{width:min(1120px,calc(100% - 48px));padding:clamp(35px,6vw,68px) 0;margin-block:0;grid-template-columns:1.05fr 1fr;gap:clamp(24px,6vw,80px);background:#fbf6f2}.contact-details{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.contact-details>div{min-width:0;border-top:1px solid #9db99f;padding-top:12px}.contact-details h3{font-size:15px;margin-bottom:4px}.contact-details a{font-size:clamp(18px,3vw,25px);font-weight:700;text-underline-offset:3px;overflow-wrap:anywhere}.contact-details p{margin-top:4px}.brief p{line-break:strict;word-break:normal;overflow-wrap:normal}@media(max-width:700px){.sales .comparison{width:calc(100% - 36px);grid-template-columns:1fr;gap:24px}.contact-details{grid-template-columns:1fr}}
.sales .comparison,#why-vertpalette{position:relative;isolation:isolate;margin-block:clamp(28px,4.75vw,72px);background:transparent}.sales .comparison::before,#why-vertpalette::before{content:"";position:absolute;z-index:-1;inset:0 calc(-1 * clamp(0px,(100vw - 1168px)/2,100px));background:#fbf6f2}
@media(max-width:1168px){.sales .comparison{padding-inline:0}.sales .comparison::before,#why-vertpalette::before{inset-inline:-10px}}
.sales .comparison .timeline{background:#fff;border-left:3px solid var(--brand);padding:14px clamp(12px,2vw,18px);gap:13px}.sales .comparison .timeline p{text-wrap:pretty}
@media(max-width:700px){.sales p:not([class]),.sales .use-strip article p{font-size:17px;line-height:1.75}.sales .lead{font-size:18px;line-height:1.75}}
.sales .volume .numbers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,2vw,20px)}.sales .volume .case{min-width:0}.sales .volume .numbers strong{font-size:clamp(29px,4vw,52px)}.sales .volume .case-count>span{font-size:clamp(13px,1.8vw,20px)}.sales .volume .case-name{font-size:clamp(12px,1.5vw,16px)}
#why-vertpalette figure img{width:min(100%,420px);height:auto;object-fit:contain;object-position:left center}#why-vertpalette .brief{margin-bottom:0}