:root{--ivory:#f7f3eb;--paper:#fffdf8;--ink:#242421;--bronze:#755323;--muted:#595750;--line:#cfc2ad;--soft:#e8dece}*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:18px/1.75 "Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif}a{color:inherit;text-decoration:none}.site-header{height:106px;display:flex;align-items:center;padding:0 clamp(28px,4.5vw,76px);gap:45px;border-bottom:1px solid var(--line);background:#faf7f1}.brand{margin-right:auto;display:flex;flex-direction:column;gap:7px}.brand span{font:21px Georgia,serif;letter-spacing:.28em;white-space:nowrap}.brand small{color:var(--bronze);font-size:10px;font-weight:700;letter-spacing:.2em}nav{display:flex;gap:clamp(20px,2.5vw,40px);font-size:16px}nav a{white-space:nowrap}.reorder{border-left:1px solid var(--line);padding-left:30px;font-size:16px;font-weight:700}.breadcrumb{min-height:72px;display:flex;align-items:center;gap:16px;padding:0 clamp(28px,7vw,112px);border-bottom:1px solid var(--line);background:var(--paper);color:var(--muted);font-size:15px}.breadcrumb b{color:var(--ink)}h1,h2,h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500}.eyebrow{margin:0 0 12px;color:var(--bronze);font:700 14px Georgia,serif;letter-spacing:.16em}.hero{min-height:420px;display:grid;grid-template-columns:1fr 480px;align-items:center;gap:60px;padding:70px clamp(28px,7vw,112px);background:radial-gradient(circle at 80% 10%,#fffdf8 0,#f1e9dc 72%);border-bottom:1px solid var(--line)}h1{margin:0 0 18px;font-size:clamp(50px,5.3vw,76px);line-height:1.25}.hero p:last-child{margin:0;color:var(--muted);font-size:20px}.paper-stack{height:270px;position:relative}.paper-stack i{position:absolute;display:block;width:370px;height:210px;border:1px solid #baa98d;box-shadow:0 12px 25px rgba(45,38,29,.12);transform:rotate(-5deg);background:#fff}.paper-stack i:nth-child(2){left:35px;top:20px;transform:rotate(2deg);background:#e8e0cf}.paper-stack i:nth-child(3){left:65px;top:47px;transform:rotate(-1deg);background:#dce7e3}.paper-stack i:nth-child(4){left:92px;top:72px;transform:rotate(4deg);background:#fffdf8}.section{padding:80px clamp(28px,7vw,112px);border-bottom:1px solid var(--line);background:var(--paper)}.heading{margin-bottom:32px}.heading h2{margin:0 0 8px;font-size:42px}.heading>p:last-child{margin:0;color:var(--muted)}.recommend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.recommend-grid article{padding:28px;border:1px solid var(--line);background:var(--ivory)}.swatch{display:block;width:100%;height:85px;margin-bottom:20px;border:1px solid #d4c9b7;box-shadow:inset 0 0 20px rgba(75,62,43,.05)}.recommend-grid small,.paper-list small{color:var(--bronze);font-size:14px;font-weight:700}.recommend-grid h3{margin:5px 0 12px;font-size:25px}.recommend-grid p{margin:0;color:var(--muted);font-size:16px}.recommend-grid b{display:block;margin-top:20px;font-size:16px}.white{background:#fff}.warm{background:#f3eee3}.business{background:#eee8db}.offwhite{background:#eee5d3}.pearl{background:linear-gradient(120deg,#fff 15%,#e3e4df 45%,#fff 72%)}.clear{background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(213,224,222,.65)),repeating-linear-gradient(45deg,#eee 0 2px,#fff 2px 6px)}.kraft{background:#b79367}.eco{background:repeating-linear-gradient(110deg,#dacbaa 0 2px,#e8dfc8 2px 8px)}.star{background:radial-gradient(circle at 20% 30%,#aaa 0 1px,transparent 2px),radial-gradient(circle at 70% 60%,#aaa 0 1px,transparent 2px),#f7f6f0}.blue{background:#c7d7de}.cotton{background:#e2d8c3}.bagasse{background:#e6e0c9}.natural{background:#dfd0ae}.comparison{background:var(--ivory)}.paper-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.paper-list article{display:grid;grid-template-columns:105px 1fr 135px;gap:20px;align-items:center;min-height:180px;padding:22px;border:1px solid var(--line);background:var(--paper)}.paper-list .swatch{width:105px;height:120px;margin:0}.paper-list h3{margin:3px 0 7px;font-size:22px}.paper-list p{margin:0;color:var(--muted);font-size:15px}.paper-list dl{margin:0}.paper-list dl div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:14px}.paper-list dt{color:var(--muted)}.paper-list dd{margin:0;font-weight:700}.note{margin:22px 0 0;color:var(--muted);font-size:14px}.help{background:var(--paper)}.guide{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.guide div{min-height:120px;padding:24px;border-right:1px solid var(--line)}.guide div:last-child{border:0}.guide b,.guide span{display:block}.guide b{font-size:18px}.guide span{margin-top:10px;color:var(--bronze);font-size:15px}.cta{display:flex;align-items:center;gap:40px;padding:68px clamp(28px,7vw,112px);background:var(--soft)}.cta>div{margin-right:auto}.cta h2{margin:0 0 7px;font-size:36px}.cta p{margin:0;color:var(--muted)}.cta a{width:300px;height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;background:var(--ink);color:#fff;font-weight:700}.cta a span{color:#d7b16f}footer{padding:48px clamp(28px,5vw,76px);display:flex;align-items:center;gap:35px;background:var(--ink);color:#eee8dd}footer .brand{margin-right:auto}footer p{font-size:14px;color:#d2cec5}
@media(max-width:1100px){.site-header nav{display:none}.hero{grid-template-columns:1fr}.paper-stack{display:none}.paper-list{grid-template-columns:1fr}.guide{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){body{font-size:17px}.site-header{height:70px;padding:0 16px}.brand span{font-size:15px;letter-spacing:.16em}.brand small{display:none}.reorder{padding-left:14px;font-size:15px}.breadcrumb{min-height:58px;padding:0 18px;gap:9px;font-size:13px}.hero{min-height:0;padding:48px 18px}h1{font-size:42px}.hero p:last-child{font-size:17px}.section{padding:58px 15px}.heading h2{font-size:32px}.recommend-grid{grid-template-columns:1fr}.recommend-grid article{padding:22px}.recommend-grid h3{font-size:23px}.paper-list article{grid-template-columns:76px 1fr;gap:15px;padding:17px}.paper-list .swatch{width:76px;height:100px}.paper-list h3{font-size:20px;line-height:1.45}.paper-list p{font-size:15px}.paper-list dl{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.paper-list dl div{padding:8px 12px;background:var(--ivory)}.guide{grid-template-columns:1fr}.guide div{min-height:95px;padding:20px;border-right:0;border-bottom:1px solid var(--line)}.cta{display:block;padding:50px 20px}.cta h2{font-size:29px}.cta a{width:100%;margin-top:25px}footer{display:block;padding:38px 20px}footer p{margin-top:20px;font-size:13px}}

/* 実物の用紙写真・第2版 */
.paper-photo{display:block;width:100%;height:150px;margin:0 0 20px;border:1px solid #d4c9b7;background:#fff;object-fit:contain}.paper-list .paper-photo{width:105px;height:120px;margin:0}.recommend-grid .paper-photo{background:#f3eee4}
@media(max-width:720px){.paper-list .paper-photo{width:76px;height:100px}.recommend-grid .paper-photo{height:180px}}