:root{
  --paper:#f4efe6;--paper-2:#fbf8f1;--ink:#1f211e;--muted:#605d55;
  --vermilion:#a5322a;--vermilion-soft:#c45b4d;--line:#d7cdbd;--dark:#262923;
  --serif:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;
  --sans:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  --focus:3px solid #1e66b3;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.72 var(--sans)}
img{max-width:100%;display:block}a{color:inherit}button{font:inherit;color:inherit}button,a{touch-action:manipulation}
:focus-visible{outline:var(--focus);outline-offset:3px}.wrap{width:min(1180px,calc(100% - 56px));margin:auto}.eyebrow{font-size:14px;letter-spacing:.16em;color:var(--vermilion);font-weight:700;text-transform:uppercase}
header{height:78px;border-bottom:1px solid var(--line);display:flex;align-items:center;background:rgba(244,239,230,.96);position:relative;z-index:5}.header-inner{display:flex;justify-content:space-between;align-items:center;width:100%}.logo{font:25px var(--serif);text-decoration:none;letter-spacing:.08em}.logo-mark{display:inline-grid;place-items:center;width:32px;height:32px;border:1px solid var(--vermilion);border-radius:50%;color:var(--vermilion);font-size:14px;margin-right:9px}.nav{display:flex;gap:28px;font-size:15px}.nav a{text-decoration:none}.nav a:hover{text-decoration:underline;text-decoration-color:var(--vermilion);text-underline-offset:5px}.menu{display:none;border:0;background:transparent;min-width:44px;min-height:44px;font-size:24px}
.hero{display:grid;grid-template-columns:47% 53%;align-items:center;min-height:578px;border-bottom:1px solid var(--line);overflow:hidden}.hero-copy{padding:56px 34px 56px 0}.hero h1{font:normal clamp(40px,4.2vw,60px)/1.14 var(--serif);letter-spacing:.02em;margin:18px 0 20px}.hero-lead{font-size:18px;color:var(--muted);margin:0 0 28px;max-width:450px}.entry-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:430px}.entry{min-height:52px;border:1px solid var(--ink);padding:12px 16px;background:transparent;text-align:left;cursor:pointer}.entry:hover{background:var(--ink);color:var(--paper-2)}.entry span{display:block;color:var(--vermilion);font-size:14px}.pr{font-size:14px;color:var(--muted);margin:24px 0 0}.hero-art{height:578px;background:#e7dfd2}.hero-art picture,.hero-art img{width:100%;height:100%}.hero-art img{object-fit:cover;object-position:center}
section{padding:86px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:28px}.section-head h2{font:normal clamp(28px,3vw,38px)/1.25 var(--serif);margin:6px 0 0}.section-head p{font-size:16px;color:var(--muted);max-width:410px;margin:0}
.use{background:var(--paper-2)}.use .section-head{margin-bottom:34px}.use .section-head p{max-width:360px;text-wrap:balance}.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.use-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--line);background:#f8f3ea;min-height:0;padding:0;text-align:left;cursor:pointer}.use-card:hover,.use-card.is-selected{border-color:var(--vermilion);background:#fffaf2}.purpose-img{order:-1;position:static;width:100%;height:220px;object-fit:cover;object-position:center;border:0;border-bottom:1px solid var(--line);box-shadow:none}.use-card h3{font:normal 30px var(--serif);margin:20px 22px 0}.use-card p{font-size:16px;color:var(--muted);max-width:none;margin:8px 22px 0}.card-arrow{position:static;margin:18px 22px 22px;color:var(--vermilion);font-size:15px;font-weight:700;letter-spacing:.01em}
.roles{background:var(--dark);color:var(--paper-2)}.roles .section-head p{color:#c7c0b5}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#595c54}.role-card{background:var(--dark);padding:28px;min-height:220px}.role-visual{height:88px;display:flex;align-items:end;gap:12px;margin-bottom:12px}.seal-shape{display:block;background:linear-gradient(90deg,#a16740,#d39a67,#855032);border-radius:4px;box-shadow:7px 8px 9px rgba(0,0,0,.22)}.seal-shape.round{width:34px;height:74px}.seal-shape.bank{width:32px;height:64px;background:linear-gradient(90deg,#35443f,#76817c,#28322e)}.seal-shape.corp{width:42px;height:78px}.seal-shape.square{width:48px;height:60px}.role-card h3{font:normal 24px var(--serif);margin:0}.role-card p{font-size:16px;color:#c7c0b5;margin:4px 0}.role-note{font-size:14px;color:#d7cbb9;margin-top:14px}
.sizes{background:var(--paper)}.size-layout{display:grid;grid-template-columns:1fr 1.25fr;gap:42px;align-items:center}.size-copy h3{font:normal 30px var(--serif);margin:0 0 10px}.size-copy p{color:var(--muted)}.size-points{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px}.size-point{border-top:1px solid var(--line);padding-top:10px}.size-point strong{display:block}.size-point span{font-size:15px;color:var(--muted)}.circles{display:flex;align-items:end;justify-content:space-between;min-height:240px;padding:0 24px 6px;border-bottom:1px solid var(--line)}.circle-wrap{text-align:center}.circle{border-radius:50%;border:2px solid var(--vermilion);background:rgba(165,50,42,.06);margin:auto}.c135{width:98px;height:98px}.c150{width:110px;height:110px}.c165{width:121px;height:121px}.c180{width:132px;height:132px}.circle-wrap b{display:block;font:normal 20px var(--serif);margin-top:10px}.circle-wrap small,.notice{font-size:14px;color:var(--muted)}
.materials{background:var(--paper-2)}.material-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.material{border:1px solid var(--line);padding:14px;background:#f8f3ea}.material-visual{aspect-ratio:4/3;position:relative;overflow:hidden;background:#ece5d9;display:grid;place-items:center;margin-bottom:15px}.material-visual svg{width:100%;height:100%}.material h3{font:normal 24px var(--serif);margin:0 0 6px}.material p{font-size:15px;color:var(--muted);margin:0 0 9px}.material dl{margin:0}.material dt{font-size:14px;color:var(--vermilion);font-weight:700}.material dd{margin:0 0 8px;font-size:15px}.material-note{font-size:14px;color:var(--muted);margin-top:18px}
.typeface{background:#292a25;color:var(--paper-2)}.typeface .section-head p{color:#c7c0b5}.type-grid{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:14px}.type-lead,.type-card{border:1px solid #55574f;background:#343630;padding:20px}.type-lead h3,.type-card h3{font:normal 22px var(--serif);margin:0 0 8px}.type-lead p,.type-card p{font-size:15px;color:#cbc4b8}.imprint{height:128px;background:#f1ede2;display:grid;place-items:center;margin-bottom:14px}.imprint span{display:grid;place-items:center;width:82px;height:82px;border:3px solid var(--vermilion);color:var(--vermilion);font:28px var(--serif);transform:rotate(-5deg)}.imprint.round span{border-radius:50%;transform:rotate(7deg)}.imprint.soft span{border-radius:12px;transform:rotate(2deg);opacity:.9}
.diagnose{background:var(--paper)}.diag-box{border:1px solid var(--line);background:var(--paper-2);padding:32px}.diag-top{display:flex;justify-content:space-between;gap:30px;align-items:center}.diag-top h3{font:normal 30px var(--serif);margin:0}.diag-top p{color:var(--muted);margin:4px 0}.diag-actions{display:flex;gap:10px;flex-wrap:wrap}.diag-btn{min-height:44px;border:1px solid var(--ink);background:transparent;padding:10px 14px;cursor:pointer}.diag-btn:hover,.diag-btn[aria-pressed=true]{background:var(--ink);color:var(--paper-2)}.diag-result{margin-top:24px;border-top:1px solid var(--line);padding-top:18px;min-height:56px}.diag-result strong{font-family:var(--serif);font-size:22px}.merchant-cta{display:none;margin-top:14px;min-height:46px;border:0;background:var(--vermilion);color:white;padding:12px 18px;text-decoration:none;width:max-content}.merchant-cta.is-enabled{display:inline-flex;align-items:center}
.shops{background:#ded6c8}.shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.shop{background:var(--paper-2);padding:22px;border-top:4px solid var(--ink);min-height:220px}.shop:nth-child(2){border-color:#8c6b46}.shop:nth-child(3){border-color:var(--vermilion)}.shop:nth-child(4){border-color:#5c766d}.shop h3{font:normal 22px var(--serif);margin:0 0 8px}.shop p{font-size:15px;color:var(--muted)}.shop ul{padding-left:20px;margin:10px 0 0}.shop li{font-size:14px;margin:4px 0}
.check{background:var(--paper-2)}.check-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.check-item{border:1px solid var(--line);padding:18px 14px;text-align:center}.check-mark{width:48px;height:48px;border:1px solid var(--vermilion);border-radius:50%;display:grid;place-items:center;margin:0 auto 12px;color:var(--vermilion);font:23px var(--serif)}.check-item b{display:block}.check-item span{font-size:14px;color:var(--muted)}
footer{padding:46px 0 60px;background:var(--dark);color:#d7d1c6}.footer-inner{display:flex;justify-content:space-between;gap:30px}.footer-note,.footer-links{font-size:14px}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#e4ded4}.status-toast{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:10;background:var(--vermilion);color:white;padding:12px 20px;box-shadow:0 8px 20px rgba(60,20,15,.25);font-size:14px;display:none}.status-toast.show{display:block}
@media(max-width:800px){body{font-size:16px}.wrap{width:min(100% - 36px,1180px)}header{height:62px}.nav{display:none}.menu{display:block}.hero{display:flex;flex-direction:column-reverse;min-height:0}.hero-art{height:340px;width:100%}.hero-copy{padding:38px 0 44px}.hero h1{font-size:38px;margin-top:12px}.hero-lead{font-size:17px}.entry{font-size:15px;padding:12px 10px}.section-head{display:block}.section-head p{margin-top:10px}.use-grid,.role-grid{grid-template-columns:1fr}.use-card{min-height:0}.purpose-img{width:100%;height:210px}.use-card h3{font-size:28px;margin:18px 20px 0}.use-card p{margin:7px 20px 0}.card-arrow{margin:16px 20px 20px}.size-layout{display:flex;flex-direction:column;align-items:stretch;gap:25px}.circles{min-height:200px;padding:0}.c135{width:62px;height:62px}.c150{width:72px;height:72px}.c165{width:82px;height:82px}.c180{width:92px;height:92px}.material-grid,.type-grid,.shop-grid{grid-template-columns:1fr 1fr;gap:10px}.material{padding:10px}.material h3{font-size:21px}.type-grid{grid-template-columns:1fr 1fr}.type-lead{grid-column:1/-1}.type-card{padding:10px}.diag-top{display:block}.diag-actions{margin-top:18px}.check-grid{grid-template-columns:1fr 1fr}.check-item:last-child{grid-column:span 2}.footer-inner{display:block}.footer-links{margin-top:20px}section{padding:62px 0}}
@media(max-width:440px){.entry-grid{grid-template-columns:1fr 1fr}.material-grid,.shop-grid{grid-template-columns:1fr}.type-grid{grid-template-columns:1fr 1fr}.shop{min-height:0}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}