:root{--red:#be4b37;--red-2:#a63d2c;--coffee:#23150f;--teal:#2a7280;--teal-l:#8fc9cf;--teal-d:#24656f;--bean:#5a3424;--cream:#f4e8da;--paper:#fffaf2;--gray:#8a8580;--f-en:"Anton", sans-serif;--f-ja:"Dela Gothic One", sans-serif;--f-body:"Zen Kaku Gothic New", system-ui, sans-serif;--sh-s:4px 4px 0 var(--coffee);--sh-m:6px 6px 0 var(--coffee);--sh-l:10px 10px 0 var(--coffee);--side:max(40px, calc((100% - 1160px) / 2));--sec-y:clamp(84px, 9vw, 124px);--ease:cubic-bezier(.2, .8, .2, 1);--spring:cubic-bezier(.3, 1.5, .5, 1)}*{box-sizing:border-box;margin:0;padding:0}html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;overflow-x:clip}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}html:has(.site-head){scroll-padding-top:96px}body{background:var(--red);color:var(--coffee);font-family:var(--f-body);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}a,button{-webkit-tap-highlight-color:transparent}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:var(--coffee)}::-webkit-scrollbar-thumb{background:var(--teal-l);border:3px solid var(--coffee);border-radius:99px;min-height:48px}::-webkit-scrollbar-thumb:hover{background:#b5dde1}::-webkit-scrollbar-thumb:active{background:var(--cream)}::-webkit-scrollbar-corner{background:var(--coffee)}@supports not selector(::-webkit-scrollbar){html{scrollbar-color:var(--teal-l) var(--coffee)}}img{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:auto;display:block}:has(>img),canvas{-webkit-touch-callout:none}:focus-visible{outline:3px solid var(--teal-l);outline-offset:3px}::selection{background:var(--coffee);color:var(--cream)}mark{color:inherit;background:linear-gradient(#0000 58%,#be4b378c 58%)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}h1,h2,h3,.lead{word-break:auto-phrase}.skip{z-index:300;background:var(--cream);color:var(--coffee);border:3px solid var(--coffee);box-shadow:var(--sh-s);font-family:var(--f-ja);transition:transform .2s var(--ease);padding:8px 16px;font-size:14px;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip:focus{transform:none}.mug-i{background:currentColor;display:inline-block;-webkit-mask:url(/img/coffee-silhouette.png) 50%/contain no-repeat;mask:url(/img/coffee-silhouette.png) 50%/contain no-repeat}.bean{vertical-align:middle;border:2px solid var(--coffee);background:radial-gradient(circle at 50% 56%, #111 0 2.2px, #fff 2.8px 5.2px, var(--coffee) 5.6px 6.6px, transparent 7px), var(--bean);border-radius:50%;width:20px;height:26px;display:inline-block;position:relative;transform:rotate(18deg)}.wave{pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='26' viewBox='0 0 160 26'><path d='M0 0H160V10C140 10 140 22 120 22S100 10 80 10 60 22 40 22 20 10 0 10Z' fill='%2323150f'/><path d='M0 6C20 6 20 16 40 16S60 6 80 6 100 16 120 16 140 6 160 6' fill='none' stroke='%23a2694e' stroke-width='2'/></svg>") repeat-x;height:26px;position:absolute;top:100%;left:0;right:0}.btn{letter-spacing:.05em;background:var(--red);color:var(--cream);border:4px solid var(--coffee);box-shadow:var(--sh-m);cursor:pointer;transition:transform .15s var(--ease), box-shadow .15s var(--ease), background-color .15s;align-items:center;gap:14px;padding:14px 22px 13px 28px;font-family:Anton,Dela Gothic One,sans-serif;font-size:22px;line-height:1;display:inline-flex}.btn .bean{transition:transform .6s var(--spring)}.btn:hover{box-shadow:8px 8px 0 var(--coffee);transform:translate(-2px,-2px)}.btn:hover .bean{transform:rotate(378deg)}.btn:active{box-shadow:2px 2px 0 var(--coffee);transition-duration:50ms;transform:translate(4px,4px)}.btn.cream{background:var(--cream);color:var(--coffee)}.sec-foot{justify-content:center;margin-top:52px;display:flex}.corner:active,.tagbar a:active,.who a:active,.plan .ask:active,.mailform button:active,.about-page .links-row a:active{box-shadow:1px 1px 0 var(--coffee);transition-duration:50ms;transform:translate(3px,3px)}.head,.page-ttl{flex-wrap:wrap;align-items:flex-end;gap:10px 22px;display:flex}.head{margin-bottom:32px}.head :is(h1,h2),.page-ttl h1{font-family:var(--f-en);letter-spacing:.005em;font-size:clamp(64px,8.4vw,104px);font-weight:400;line-height:.82}.head p,.page-ttl p{font-family:var(--f-ja);letter-spacing:.04em;align-items:center;gap:12px;padding-bottom:.3em;font-size:16px;line-height:1.2;display:flex}.head p:before,.page-ttl p:before{content:"";background:currentColor;flex:none;width:30px;height:4px}.head p b,.page-ttl p b{font-family:var(--f-en);letter-spacing:.05em;background:var(--red);color:var(--cream);border:3px solid var(--coffee);box-shadow:3px 3px 0 var(--coffee);padding:4px 9px 3px;font-size:18px;font-weight:400;line-height:1}.site-head{z-index:30;background:var(--coffee);color:var(--cream);transition:transform .4s var(--ease);position:sticky;top:0}.site-head.hide:not(:focus-within){transform:translateY(calc(-100% - 28px))}.site-head.float{position:fixed;top:0;left:0;right:0;transform:translateY(calc(-100% - 28px))}.site-head.float.show{transform:none}.site-head .in{padding:14px var(--side) 4px;justify-content:space-between;align-items:center;gap:20px;display:flex}.site-head .logo{font-family:var(--f-en);letter-spacing:.03em;align-items:center;gap:10px;font-size:28px;display:flex}.site-head .logo .mug-i{width:26px;height:32px;color:var(--teal-l);transition:transform .5s var(--spring)}.site-head .logo:hover .mug-i{transform:rotate(-14deg)}.head-l{align-items:center;gap:10px;display:flex}.head-icons{align-items:center;gap:2px;list-style:none;display:flex}.head-icons a{width:30px;height:30px;color:inherit;transition:opacity .15s, transform .15s var(--ease);place-items:center;display:grid}.head-icons a:hover{opacity:.7;transform:translateY(-1px)}.head-icons svg{fill:currentColor;width:18px;height:18px}.head-icons img{object-fit:contain;border-radius:4px;width:20px;height:20px}.head-icons .ini{font-family:var(--f-en);font-size:18px;line-height:1}.site-head nav ul{font-family:var(--f-en);letter-spacing:.06em;gap:30px;font-size:18px;list-style:none;display:flex}.site-head nav a{padding:6px 0;transition:color .2s;display:block;position:relative}.site-head nav a:after{content:"";background:var(--teal-l);transform-origin:100%;height:3px;transition:transform .3s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.site-head nav a:hover:after,.site-head nav a[aria-current=page]:after{transform-origin:0;transform:scaleX(1)}.site-head nav a[aria-current=page]{color:var(--teal-l)}.screen{flex-direction:column;min-height:100svh;display:flex}.page-main{flex-direction:column;flex:1 0 auto;display:flex}.page-main>:last-child{flex:1 0 auto;align-content:start}.page-ttl{background:var(--cream);padding:clamp(64px, 8vw, 100px) var(--side) 0}.band{background:var(--cream);color:var(--coffee);white-space:nowrap;letter-spacing:.04em;border-top:4px solid var(--coffee);border-bottom:4px solid var(--coffee);z-index:6;padding:14px 0;font-family:Anton,Dela Gothic One,sans-serif;font-size:30px;position:relative;overflow:clip visible}.band .bean{vertical-align:-2px;margin:0 18px}.band-track{width:max-content;animation:85s linear infinite band-scroll;display:flex}.band-set{flex:none}@keyframes band-scroll{to{transform:translate(-50%)}}.band .wave{animation:5.64s linear infinite wave-scroll}@keyframes wave-scroll{to{background-position-x:-160px}}.works{background:var(--cream);padding:var(--sec-y) var(--side)}.tagbar{flex-wrap:wrap;gap:10px 12px;margin:0 0 30px;display:flex}.tagbar a{font-family:var(--f-ja);background:var(--cream);color:var(--coffee);border:3px solid var(--coffee);box-shadow:3px 3px 0 var(--coffee);flex:none;align-items:baseline;gap:6px;padding:6px 14px 7px;font-size:14px;line-height:1.4;transition:transform .12s,box-shadow .12s,background-color .12s;display:inline-flex}.tagbar a small{font-family:var(--f-en);opacity:.6;font-size:13px}.tagbar .all-tag{font-family:var(--f-en);letter-spacing:.06em;padding-top:4px;padding-bottom:5px;font-size:16px}.tagbar a:hover{box-shadow:4px 4px 0 var(--coffee);background:#fff8ee;transform:translate(-1px,-1px)}.tagbar a[aria-current=page]{background:var(--teal);color:var(--cream)}.tagbar a[aria-current=page] small{opacity:.85}.tag-empty{background:var(--cream);text-align:center;font-family:var(--f-ja);grid-column:1/-1;padding:60px 20px;line-height:2}.tag-empty a{border-bottom:3px solid var(--red)}.grid{grid-template-columns:repeat(3,1fr);gap:5px;padding:5px;display:grid}.grid>*{box-shadow:0 0 0 5px var(--coffee)}.tile{background:var(--red-2);aspect-ratio:1;isolation:isolate;display:block;position:relative;overflow:hidden}.tile img{object-fit:cover;height:100%;transition:transform .7s var(--ease)}.tile:hover img{transform:scale(1.05)}.tile:focus-visible{outline:4px solid var(--teal-l);outline-offset:-4px}.tile .n{background:var(--red);color:var(--cream);border-right:5px solid var(--coffee);border-bottom:5px solid var(--coffee);font-family:var(--f-en);padding:2px 14px;font-size:30px;position:absolute;top:0;left:0}.tile .pages{background:var(--cream);color:var(--coffee);border-left:4px solid var(--coffee);border-bottom:4px solid var(--coffee);font-family:var(--f-en);letter-spacing:.04em;align-items:center;gap:3px;padding:1px 10px 1px 8px;font-size:17px;line-height:1.3;display:flex;position:absolute;top:0;right:0}.x-i{fill:none;stroke:currentColor;stroke-width:3.4px;stroke-linecap:round;flex:none;width:1em;height:1em}.tile .pages .x-i{stroke-width:3.8px;width:.78em;height:.78em}.tile .t{text-overflow:ellipsis;white-space:nowrap;background:var(--teal);max-width:82%;color:var(--cream);font-family:var(--f-ja);border-top:4px solid var(--coffee);border-left:4px solid var(--coffee);padding:6px 14px;font-size:16px;transition:background-color .2s,color .2s;position:absolute;bottom:0;right:0;overflow:hidden}.tile:hover .t,.tile:focus-visible .t{background:var(--cream);color:var(--coffee)}.grid-empty{background:var(--cream);text-align:center;font-family:var(--f-ja);grid-column:1/-1;padding:60px 20px}.about{background:var(--teal);color:var(--cream);padding:var(--sec-y) var(--side);grid-template-columns:1fr 1.3fr;align-items:center;gap:clamp(44px,6vw,80px);display:grid}.about .head{margin-bottom:26px}.about .lead{font-family:var(--f-ja);font-size:clamp(20px,2vw,24px);line-height:1.75}.about mark{color:inherit;background:linear-gradient(#0000 58%,#be4b37d9 58%)}.about small{letter-spacing:.04em;margin-top:18px;font-size:14px;line-height:1.9;display:block}.about .btn{margin-top:32px}.buddies{border:5px solid var(--coffee);transform:rotate(-2deg)}.news{background:var(--teal-d);color:var(--cream);padding:var(--sec-y) var(--side) calc(var(--sec-y) + 10px)}.news ul{border-top:4px solid var(--cream);list-style:none}.news li{border-bottom:2px solid #f4e8da59}.news li a{font-family:var(--f-ja);grid-template-columns:170px 1fr auto;align-items:center;gap:20px;margin:0 -14px;padding:22px 14px;font-size:17px;line-height:1.6;transition:background-color .2s;display:grid}.news li a:hover{background:#f4e8da12}.news li a:hover .t{text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:2px}.news time,.news-page time{font-family:var(--f-en);letter-spacing:.02em;color:var(--teal-l);font-size:26px}.news .go-i{font-family:var(--f-en);transition:transform .25s var(--ease);font-size:24px}.news li a:hover .go-i{transform:translate(6px)}.new{font-family:var(--f-en);letter-spacing:.08em;background:var(--red);color:var(--cream);border:2px solid var(--coffee);vertical-align:3px;margin-right:10px;padding:4px 7px 3px;font-size:13px;line-height:1;display:inline-block}.contact{padding:calc(var(--sec-y) + 10px) var(--side) 40px;grid-template-columns:1.5fr 1fr;align-items:center;gap:48px;display:grid;position:relative}.contact .wave{background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='38' viewBox='0 0 240 38'><path d='M0 22C30 22 30 9 60 9S90 22 120 22 150 9 180 9 210 22 240 22V38H0Z' fill='%23be4b37'/><path d='M0 22C30 22 30 9 60 9S90 22 120 22 150 9 180 9 210 22 240 22' fill='none' stroke='%2323150f' stroke-width='4'/><path d='M0 29C30 29 30 16 60 16S90 29 120 29 150 16 180 16 210 29 240 29' fill='none' stroke='%23e0745e' stroke-width='2' stroke-dasharray='26 94' stroke-linecap='round'/></svg>") 0 100%/240px 38px repeat-x,url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='38' viewBox='0 0 240 38'><path d='M0 4C30 4 30 17 60 17S90 4 120 4 150 17 180 17 210 4 240 4V38H0Z' fill='%23932f20'/><path d='M0 4C30 4 30 17 60 17S90 4 120 4 150 17 180 17 210 4 240 4' fill='none' stroke='%2323150f' stroke-width='3'/></svg>") 60px 100%/240px 38px repeat-x;height:38px;animation:16s linear infinite tide;top:auto;bottom:calc(100% - 2px)}@keyframes tide{to{background-position:-240px 100%,300px 100%}}.contact .links a{font-family:var(--f-en);border-bottom:3px solid var(--coffee);justify-content:space-between;align-items:center;font-size:clamp(44px,5.6vw,80px);line-height:1.05;transition:color .2s;display:flex}.contact .links a:hover{color:var(--cream)}.contact .links a span{color:var(--cream);transition:transform .25s var(--ease);font-size:.5em}.contact .links a:hover span{transform:translate(10px)}.peek{border:5px solid var(--coffee);position:relative;transform:rotate(3deg)}.buddies,.peek{position:relative}.buddies:after,.peek:after{content:"";z-index:1;box-shadow:inset 0 0 0 4px var(--coffee);pointer-events:none;position:absolute;inset:-2px}.peek figcaption{z-index:2}.buddies:before,.peek:before{content:"";z-index:-1;pointer-events:none;position:absolute}.peek:before{background:var(--coffee);inset:-5px;translate:14px 14px}.buddies:before{background:var(--red);border:5px solid var(--coffee);inset:-10px;translate:16px 16px}.peek figcaption{background:var(--cream);border:3px solid var(--coffee);font-family:var(--f-ja);padding:6px 14px;font-size:15px;position:absolute;top:-20px;right:-12px;transform:rotate(5deg)}.peek-link{display:block}.peek-link img{transition:filter .2s}.peek-link:hover img,.peek-link:focus-visible img{filter:brightness(1.08)}.foot{font-family:"Space Grotesk", var(--f-body);letter-spacing:.2em;flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:12px 32px;margin-top:24px;font-size:12px;font-weight:500;display:flex}.foot a{border-bottom:2px solid;align-items:center;gap:8px;padding-bottom:2px;transition:color .2s;display:inline-flex}.foot a:hover{color:var(--cream)}.prose{font-family:var(--f-body);letter-spacing:.04em;font-size:15px;line-height:2}.prose p+p{margin-top:1.2em}.work-view{background:var(--cream);padding:clamp(48px, 5vw, 64px) var(--side) var(--sec-y)}.work-view .crumb{font-family:var(--f-en);letter-spacing:.06em;margin-bottom:22px;font-size:18px}.work-view .crumb a{border-bottom:3px solid var(--red);transition:color .15s}.work-view .crumb a:hover{color:var(--red)}.work-view .body{grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);align-items:start;gap:56px;display:grid}.work-view figure{border:5px solid var(--coffee);box-shadow:14px 14px 0 var(--coffee);background:var(--paper)}.work-view figure img{object-fit:contain;background:var(--paper);max-height:82vh}.work-view .zoom{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.viewer{--vx:clamp(16px, 6vw, 96px);width:100%;max-width:none;height:100%;max-height:none;color:var(--cream);cursor:zoom-out;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.viewer[open]{place-content:center;place-items:center;display:grid}.viewer::backdrop{-webkit-backdrop-filter:blur(12px)saturate(.9);backdrop-filter:blur(12px)saturate(.9);background:#1b120d9e}.viewer img{width:auto;height:auto;max-width:calc(100vw - var(--vx) * 2);border:4px solid var(--coffee);background:var(--paper);max-height:calc(100dvh - 150px);box-shadow:10px 10px #000}.viewer button{font-family:var(--f-en);letter-spacing:.05em;background:var(--cream);color:var(--coffee);border:3px solid var(--coffee);cursor:pointer;line-height:1;transition:transform .12s,box-shadow .12s;position:absolute;box-shadow:4px 4px #000}.viewer button:hover{transform:translate(-1px,-1px);box-shadow:5px 5px #000}.viewer button:active{transition-duration:50ms;transform:translate(3px,3px);box-shadow:1px 1px #000}.viewer .v-close{align-items:center;gap:8px;padding:8px 12px 8px 15px;font-size:18px;display:flex;top:18px;right:18px}.viewer .v-close .x-i{width:20px;height:20px}.viewer .v-step{width:52px;height:52px;font-size:24px;top:50%;translate:0 -50%}.viewer .v-step.prev{left:max(10px, calc(var(--vx) / 2 - 26px))}.viewer .v-step.next{right:max(10px, calc(var(--vx) / 2 - 26px))}.viewer .v-count{font-family:var(--f-en);letter-spacing:.06em;background:#23150fd1;padding:4px 12px 3px;font-size:18px;position:absolute;bottom:22px;left:50%;translate:-50%}html:has(.viewer[open]){background:#6f6259;overflow:hidden}@media (width<=860px){.viewer .v-step{width:46px;height:46px;font-size:22px;top:auto;bottom:14px;translate:none}.viewer .v-step.prev{left:16px}.viewer .v-step.next{right:16px}.viewer .v-count{bottom:26px}}.work-view .pics{gap:22px;display:grid}.thumbs{flex-wrap:wrap;gap:10px;list-style:none;display:flex}.thumbs button{border:3px solid var(--coffee);background:var(--paper);cursor:pointer;opacity:.55;width:76px;height:76px;padding:0;transition:opacity .15s,transform .15s,box-shadow .15s;display:block}.thumbs button img{object-fit:cover;width:100%;height:100%}.thumbs button:hover{opacity:.9;transform:translate(-1px,-1px)}.thumbs button[aria-current=true]{opacity:1;box-shadow:4px 4px 0 var(--red)}.work-view figure{position:relative}.work-view figcaption{font-family:var(--f-en);letter-spacing:.06em;background:var(--cream);border:3px solid var(--coffee);padding:0 10px;font-size:16px;position:absolute;bottom:-5px;right:-5px}.work-view .info{position:sticky;top:30px}.work-view .info .n{font-family:var(--f-en);background:var(--red);color:var(--cream);border:3px solid var(--coffee);padding:0 12px;font-size:22px;display:inline-block}.work-view .info h1{font-family:var(--f-ja);margin:16px 0 8px;font-size:clamp(28px,3.4vw,42px);font-weight:400;line-height:1.35}.work-view .info time{font-family:var(--f-en);letter-spacing:.02em;color:var(--teal);font-size:22px}.work-view .tags{flex-wrap:wrap;gap:8px;margin:18px 0 0;list-style:none;display:flex}.work-view .tags a{font-family:var(--f-ja);background:var(--teal);color:var(--cream);border:2px solid var(--coffee);padding:3px 12px;font-size:13px;transition:background-color .12s;display:block}.work-view .tags a:hover{background:var(--teal-d)}.work-view .prose{border-top:2px solid #23150f26;margin-top:26px;padding-top:22px}.copy-link{background:var(--cream);width:fit-content;min-height:48px;color:var(--coffee);border:3px solid var(--coffee);box-shadow:var(--sh-s);font-family:var(--f-ja);letter-spacing:.02em;cursor:pointer;align-items:center;gap:10px;margin-top:22px;padding:10px 20px 10px 15px;font-size:15px;line-height:1.2;transition:transform .12s,box-shadow .12s,background-color .15s,color .15s;display:flex}.copy-link svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:20px;height:20px}.copy-link .i-done,.copy-link.done .i-link{display:none}.copy-link.done .i-done{display:block}.copy-link:hover{box-shadow:5px 5px 0 var(--coffee);background:#fff8ee;transform:translate(-1px,-1px)}.copy-link:active{box-shadow:1px 1px 0 var(--coffee);transition-duration:50ms;transform:translate(3px,3px)}.copy-link.done,.copy-link.done:hover{background:var(--teal);color:var(--cream)}.work-links{border-top:2px solid #23150f26;gap:10px;margin-top:26px;padding-top:22px;list-style:none;display:grid}.work-links a{border:3px solid var(--coffee);box-shadow:var(--sh-s);font-family:var(--f-ja);background:#fffaf2;justify-content:space-between;align-items:center;gap:14px;padding:11px 14px 11px 16px;font-size:14px;line-height:1.5;transition:transform .12s,box-shadow .12s,background-color .15s;display:flex}.work-links a span{overflow-wrap:anywhere;min-width:0}.work-links a i{font-style:normal;font-family:var(--f-en);color:var(--red);transition:transform .2s var(--ease);flex:none;font-size:20px;line-height:1}.work-links a:hover{box-shadow:5px 5px 0 var(--coffee);background:#fff;transform:translate(-1px,-1px)}.work-links a:hover i{transform:translate(2px,-2px)}.work-links a:active{box-shadow:1px 1px 0 var(--coffee);transition-duration:50ms;transform:translate(3px,3px)}.work-links+.prose{border-top:0;margin-top:22px;padding-top:0}.pager{border-top:4px solid var(--coffee);grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:76px;padding-top:24px;display:grid}.pager>a:not(.btn){font-family:var(--f-ja);align-items:center;gap:16px;min-width:0;font-size:15px;display:flex}.pager .pg-t{flex-direction:column;gap:4px;min-width:0;display:flex}.pager .pg-img{border:3px solid var(--coffee);background:var(--red-2);width:84px;height:84px;box-shadow:4px 4px 0 var(--coffee);transition:transform .15s var(--ease), box-shadow .15s var(--ease);flex:none;overflow:hidden}.pager .pg-img img{object-fit:cover;height:100%}.pager>a:hover .pg-img{box-shadow:6px 6px 0 var(--coffee);transform:translate(-2px,-2px)}.pager>a:not(.btn) b{font-family:var(--f-en);letter-spacing:.04em;transition:color .15s, transform .25s var(--ease);font-size:22px;font-weight:400}.pager .prev:hover b{color:var(--red);transform:translate(-4px)}.pager .next:hover b{color:var(--red);transform:translate(4px)}.pager .next{text-align:right;justify-content:flex-end}.pager .next .pg-t{align-items:flex-end}.news-page{background:var(--teal-d);color:var(--cream);padding:44px var(--side) var(--sec-y)}.news-page ol{border-top:4px solid var(--cream);list-style:none}.news-page li{border-bottom:2px solid #f4e8da59;grid-template-columns:170px 1fr;gap:20px;padding:30px 0;display:grid}.news-page h2{font-family:var(--f-ja);font-size:20px;font-weight:400;line-height:1.6}.news-page .prose{margin-top:10px}.news-page .go{font-family:var(--f-en);letter-spacing:.04em;border-bottom:3px solid var(--teal-l);gap:8px;margin-top:14px;font-size:18px;transition:color .15s;display:inline-flex}.news-page .go:hover{color:var(--teal-l)}.about-page{align-items:start;padding-top:clamp(64px,8vw,100px)}.about-page .buddies{margin-top:40px}.about-page .prose{margin-top:26px;font-size:15.5px}.about-page .records{text-align:center;grid-column:1/-1}.about-page .records h2{font-family:var(--f-en);letter-spacing:.03em;border-bottom:3px solid var(--cream);justify-content:center;align-items:baseline;gap:12px;padding-bottom:12px;font-size:34px;font-weight:400;line-height:1;display:flex}.about-page .records h2 small{font-family:var(--f-ja);letter-spacing:.06em;font-size:13px}.about-page .records ul{list-style:none}.about-page .records li{text-align:center;border-bottom:1px solid #f4e8da59;grid-template-columns:96px 1fr 96px;align-items:baseline;gap:16px;padding:12px 0;font-size:15px;line-height:1.7;display:grid}.about-page .records li>:only-child{grid-column:2}.about-page .records time{text-align:left;font-family:var(--f-en);letter-spacing:.03em;color:var(--teal-l);font-size:18px}.about-page .records a{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px;transition:color .2s}.about-page .records a:hover{color:var(--teal-l)}.about-page .records a span{margin-left:6px;font-size:13px}.about-page .links-row{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.about-page .links-row a{font-family:var(--f-en);letter-spacing:.04em;border:3px solid var(--coffee);background:var(--cream);color:var(--coffee);box-shadow:var(--sh-s);padding:5px 16px 4px;font-size:20px;transition:transform .12s,box-shadow .12s}.about-page .links-row a:hover{box-shadow:5px 5px 0 var(--coffee);transform:translate(-1px,-1px)}.contact-page{padding-top:clamp(44px,5vw,64px)}.contact-page .note{background:var(--cream);border:4px solid var(--coffee);box-shadow:8px 8px 0 var(--coffee);grid-column:1/-1;padding:26px 30px}.contact-page .note h2{font-family:var(--f-ja);margin-bottom:10px;font-size:20px;font-weight:400}.empty{font-family:var(--f-ja);text-align:center;padding:40px 0}.notfound{text-align:center;padding-bottom:140px}.notfound .code{font-family:var(--f-en);font-size:clamp(90px,16vw,200px);line-height:.9}.notfound .msg{font-family:var(--f-ja);margin:18px 0 36px;font-size:18px}.js [data-reveal]{opacity:0;transition:opacity .7s var(--ease), translate .7s var(--ease);transition-delay:calc(var(--d,0) * 90ms);translate:0 22px}.js [data-reveal].in{opacity:1;translate:none}.js [data-reveal].now{transition:none}.tile img,.thumbs img{transition:transform .7s var(--ease), opacity .5s var(--ease)}.tile img.loading,.thumbs img.loading{opacity:0}.work-view [data-main],.viewer img{background-position:50%;background-repeat:no-repeat;background-size:contain}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}.site-head:not(.float){view-transition-name:site-head}::view-transition-group(site-head){z-index:3}::view-transition-old(root){animation:.18s ease-in both vt-out}::view-transition-new(root){animation:vt-in .46s var(--ease) both}@keyframes vt-out{to{opacity:0}}@keyframes vt-in{0%{opacity:0;translate:0 18px}}::view-transition-group(art){z-index:2;animation-duration:.52s;animation-timing-function:var(--ease)}::view-transition-image-pair(art){isolation:isolate}::view-transition-old(art){object-fit:cover;height:100%;animation-duration:.52s;animation-timing-function:var(--ease);overflow:hidden}::view-transition-new(art){object-fit:cover;height:100%;animation-duration:.52s;animation-timing-function:var(--ease);overflow:hidden}.work-view:has(+.more-works){padding-bottom:clamp(64px,7vw,92px)}.more-works{background:var(--cream);padding:0 var(--side) var(--sec-y)}.head.sm{margin-bottom:24px}.head.sm h2{font-size:clamp(46px,5.4vw,68px)}.more-grid{grid-template-columns:repeat(4,1fr)}.more-grid .tile .n{border-width:0 4px 4px 0;padding:1px 11px;font-size:24px}.more-grid .tile .t{border-width:4px 0 0 4px;padding:5px 12px;font-size:14px}:root{--cup:clamp(250px, 31vw, 400px)}.l2d{cursor:pointer}:root .l2d.guide{z-index:40;top:auto;left:auto;right:10px;bottom:calc(var(--cup) * -.06);width:var(--cup);height:var(--cup);transition:transform .36s cubic-bezier(.55,0,.9,.45);position:fixed;transform:none}:root .l2d.guide.duck{transform:translateY(110%)}:root .l2d.guide.pop{animation:.7s ease-out pop-guide}@keyframes pop-guide{0%{transform:translateY(110%)}50%{transform:translateY(-22%)scaleY(1.06)}72%{transform:translateY(4%)scaleY(.95)}88%{transform:translateY(-3%)}to{transform:none}}.mini{z-index:41;right:calc(var(--cup) * .825);bottom:calc(var(--cup) * .09);background:var(--cream);width:max-content;max-width:250px;color:var(--coffee);border:3px solid var(--coffee);font-family:var(--f-ja);letter-spacing:.02em;text-align:center;word-break:keep-all;text-wrap:balance;filter:drop-shadow(4px 4px 0 var(--coffee));opacity:0;transform-origin:calc(100% + 20px) 22px;pointer-events:none;border-radius:20px;padding:11px 18px 12px;font-size:14px;line-height:1.65;transition:opacity .2s,transform .28s cubic-bezier(.3,1.6,.5,1);position:fixed;transform:translateY(10px)scale(.85)}.mini:before,.mini:after{content:"";border-style:solid;border-color:#0000;width:0;height:0;position:absolute}.mini:before{border-width:16px 20px 0 0;border-top-color:var(--coffee);top:12px;right:-20px}.mini:after{border-width:10.6px 13.5px 0 0;border-top-color:var(--cream);top:15px;right:-11.5px}.mini.on{opacity:1;transform:none}.mini.on.pop{transform:translateY(-3px)scale(1.04)}@media (prefers-reduced-motion:reduce){:root .l2d.guide.pop{animation:none}.tile img,.thumbs img{transition:none}.js [data-reveal]{opacity:1;transition:none;translate:none}.site-head,.btn,.btn .bean{transition:none}.band-track,.band .wave,.contact .wave{animation:none}}@media (width<=860px){:root{--side:18px;--sec-y:76px}html:has(.site-head){scroll-padding-top:110px}.site-head .in{flex-direction:column;gap:4px;padding-top:12px;padding-bottom:2px}.site-head .logo{font-size:24px}.head-l{gap:6px}.head-icons a{width:26px;height:26px}.head-icons svg{width:16px;height:16px}.head-icons img{width:18px;height:18px}.head-icons .ini{font-size:16px}.site-head nav ul{gap:20px;font-size:15px}.head,.page-ttl{gap:8px 14px}.head p,.page-ttl p{font-size:13px}.head p:before,.page-ttl p:before{width:16px;height:3px}.head p b,.page-ttl p b{font-size:15px}.page-ttl{padding-top:52px}.tagbar{margin:0 calc(-1 * var(--side)) 22px;padding:2px var(--side) 8px;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--side), #000 calc(100% - 32px), transparent);-webkit-mask-image:linear-gradient(90deg, transparent, #000 var(--side), #000 calc(100% - 32px), transparent);mask-image:linear-gradient(90deg, transparent, #000 var(--side), #000 calc(100% - 32px), transparent);flex-wrap:nowrap;overflow-x:auto}.tagbar::-webkit-scrollbar{display:none}.grid{grid-template-columns:1fr 1fr}.tile .n{border-width:0 4px 4px 0;padding:1px 10px;font-size:22px}.tile .t{border-width:3px 0 0 3px;padding:4px 10px;font-size:13px}.sec-foot{margin-top:40px}.btn{padding:13px 20px 12px 24px;font-size:20px}.about{grid-template-columns:1fr;gap:48px}.about .lead{font-size:20px}.buddies:before{border-width:4px;inset:-9px;translate:8px 8px}.news li a{grid-template-columns:1fr auto;gap:2px 14px;margin:0 -10px;padding:18px 10px;font-size:15px}.news li time{grid-column:1/-1;font-size:21px}.news-page li{grid-template-columns:1fr;gap:6px;padding:24px 0}.news-page time{font-size:21px}.news-page h2{font-size:18px}.contact{padding:84px var(--side) 150px;grid-template-columns:1fr}.peek{width:88%;margin:10px auto 0}.foot{gap:10px 22px}.work-view{padding-top:36px}.work-view .body{grid-template-columns:1fr;gap:36px}.work-view figure{box-shadow:8px 8px 0 var(--coffee)}.thumbs button{width:60px;height:60px}.work-view .info{position:static}.pager{grid-template-columns:1fr 1fr;margin-top:56px}.pager .list{grid-area:2/1/auto/-1;justify-self:center}.pager>a:not(.btn){gap:10px;font-size:13px}.pager .pg-img{width:56px;height:56px;box-shadow:3px 3px 0 var(--coffee)}.about-page .buddies{margin-top:0}.about-page{padding-top:52px}.about-page .records li{grid-template-columns:80px 1fr;gap:12px}.more-grid{grid-template-columns:1fr 1fr}.more-grid .tile .n{border-width:0 3px 3px 0;padding:1px 9px;font-size:20px}.more-grid .tile .t{border-width:3px 0 0 3px;padding:4px 9px;font-size:12.5px}:root .l2d.guide{width:130px;height:130px;bottom:-8px;right:0}.mini{border-radius:16px;max-width:180px;padding:8px 13px 9px;font-size:12px;bottom:8px;right:104px}}.who{flex-wrap:wrap;gap:14px;display:flex}.who a{background:var(--cream);color:var(--coffee);border:4px solid var(--coffee);box-shadow:6px 6px 0 var(--coffee);flex-direction:column;flex:220px;align-items:center;gap:2px;padding:14px 18px;font-family:Dela Gothic One;font-size:20px;transition:transform .12s,box-shadow .12s;display:flex}.who a small{opacity:.7;font-size:12px}.who a:hover{box-shadow:8px 8px 0 var(--coffee);transform:translate(-2px,-2px)}.who a[aria-current=page]{background:var(--teal);color:var(--cream)}.price,.biz,.contact-page .note{font-family:Zen Kaku Gothic New,system-ui,sans-serif}.contact-page .note h2{font-family:Dela Gothic One}.price{background:var(--cream);color:var(--coffee);border:4px solid var(--coffee);box-shadow:10px 10px 0 var(--coffee);padding:46px clamp(18px,4vw,48px) 40px}.price-ttl{text-align:center;margin-bottom:34px;font-family:Dela Gothic One;font-size:clamp(30px,4vw,44px);font-weight:400;line-height:1.2}.price-ttl small{letter-spacing:.3em;opacity:.7;font-family:Anton,sans-serif;font-size:14px;display:block}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;gap:20px;display:grid}.plan{--c:var(--gray);border:4px solid var(--c);background:#fffaf2;flex-direction:column;padding:24px 22px 26px;display:flex}.plan.basic{--c:var(--teal)}.plan.premium{--c:#b88a1c}.plan h3{color:var(--c);text-align:center;font-family:Dela Gothic One;font-size:20px;font-weight:400}.plan .yen{text-align:center;margin:6px 0 12px;font-family:Anton,sans-serif;font-size:clamp(40px,4.4vw,54px);line-height:1.1}.plan .lead{text-align:center;font-size:14px;line-height:1.8}.plan .points{border-bottom:2px solid #23150f26;gap:4px;margin:14px 0 0;padding-bottom:16px;font-size:14px;line-height:1.8;list-style:none;display:grid}.plan .points li{text-indent:-1.4em;padding-left:1.4em}.plan .points li:before{content:"✔";color:#3b9a4a;margin-right:.4em}.plan .steps-ttl{opacity:.7;margin-top:16px;font-size:13px;font-weight:500}.plan .steps{font-size:14px;line-height:1.9;list-style:none}.plan .steps li:before{content:"▹";color:var(--c);margin-right:.3em}.process{justify-content:center;align-items:center;gap:0;max-width:960px;margin:40px auto 0;list-style:none;display:flex}.process li{text-align:center;counter-increment:step;flex:1 1 0;gap:8px;max-width:300px;font-family:Dela Gothic One;font-size:15px;display:grid}.process li+li:before{content:"→";position:absolute}.process li{position:relative}.process li+li{margin-left:44px}.process li+li:before{color:var(--teal);font-family:Anton,sans-serif;font-size:24px;top:50%;left:-32px}.process li span:before{content:counter(step) ". ";color:var(--red);font-family:Anton,sans-serif}.process img{aspect-ratio:264/372;object-fit:cover;border:3px solid var(--coffee);background:#fff}.sub-ttl{justify-content:center;align-items:center;gap:18px;margin:52px 0 22px;font-family:Dela Gothic One;font-size:26px;font-weight:400;display:flex}.sub-ttl:before,.sub-ttl:after{content:"";background:var(--coffee);flex:0 120px;height:3px}.table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.compare{border-collapse:collapse;background:#fffaf2;width:100%;min-width:620px;font-size:14px;line-height:1.6}.compare th,.compare td{border:2px solid var(--coffee);text-align:center;vertical-align:middle;padding:10px 12px}.compare thead th{font-family:Dela Gothic One;font-size:15px;font-weight:400}.compare thead th.light{color:var(--gray)}.compare thead th.basic{color:var(--teal)}.compare thead th.premium{color:#b88a1c}.compare tbody th{white-space:nowrap;background:var(--cream);font-weight:700}.options{grid-template-columns:max-content 1fr;align-items:baseline;gap:12px 18px;max-width:940px;margin:0 auto;font-size:15px;line-height:1.7;display:grid}.options dt{text-align:right;font-weight:700}.options dt:after{content:"："}.options dd small{opacity:.7;margin-left:.6em;font-size:12px}.price-note{text-align:center;opacity:.75;margin-top:30px;font-size:13px}.biz{background:var(--cream);color:var(--coffee);border:4px solid var(--coffee);box-shadow:10px 10px 0 var(--coffee);padding:40px clamp(18px,4vw,48px)}.mailform{gap:18px;max-width:820px;margin:0 auto;display:grid}.mailform h2,.sent h2{font-family:Dela Gothic One;font-size:26px;font-weight:400}.mailform .lead{margin-top:-8px;font-size:14px}.mailform em{color:var(--red);margin-left:4px;font-style:normal}.mailform label{gap:6px;font-size:14px;font-weight:700;display:grid}.mailform .two{grid-template-columns:1fr 1fr;gap:18px;display:grid}.mailform input,.mailform select,.mailform textarea{width:100%;font:inherit;color:inherit;border:3px solid var(--coffee);background:#fffdf8;padding:10px 12px;font-weight:400}.mailform textarea{resize:vertical;line-height:1.8}.mailform input:focus,.mailform select:focus,.mailform textarea:focus{border-color:var(--teal);box-shadow:4px 4px 0 var(--teal);outline:none}.mailform button{background:var(--red);color:var(--cream);border:4px solid var(--coffee);box-shadow:6px 6px 0 var(--coffee);cursor:pointer;justify-self:center;padding:12px 54px;font-family:Dela Gothic One;font-size:18px;transition:transform .12s,box-shadow .12s}.mailform button:hover{box-shadow:8px 8px 0 var(--coffee);transform:translate(-2px,-2px)}.mailform .ng{border:3px solid var(--red);background:#fbe9e5;padding:12px 16px;font-size:14px}.mailform .hp{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.cal{border-top:2px dashed #23150f4d;margin-top:22px;padding-top:20px}.cal-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 20px;margin-bottom:14px;display:flex}.cal-head h3{font-family:Dela Gothic One;font-size:17px;font-weight:400}.cal-legend{flex-wrap:wrap;gap:6px 16px;font-size:13px;list-style:none;display:flex}.cal-legend li{align-items:center;gap:5px;display:inline-flex}.cal-legend b{font-size:16px}.cal-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:6px;list-style:none;display:grid}.cal-grid li{justify-items:stretch;gap:3px;display:grid}.cal-y{text-align:center;font-family:var(--f-en);letter-spacing:.04em;opacity:.6;visibility:hidden;font-size:12px;line-height:1}.cal-y[data-on]{visibility:visible}.cal-box{border:3px solid var(--coffee);background:#fffdf8;justify-items:center;gap:2px;padding:8px 2px 7px;display:grid}.cal-m{align-items:baseline;gap:1px;font-size:11px;display:flex}.cal-m b{font-family:var(--f-en);font-size:22px;font-weight:400;line-height:1}.cal-s{font-size:24px;line-height:1.1}.cal-ok b{color:var(--teal)}.cal-ask b{color:#c08a1e}.cal-no b{color:var(--red)}.cal-ok .cal-box{background:#eaf4f3}.cal-no .cal-box{background:#f3e2dc}.cal-no .cal-m{opacity:.7}@media (width<=860px){.cal-grid{scrollbar-width:thin;overscroll-behavior-x:contain;grid-template-columns:repeat(12,58px);padding-bottom:6px;overflow-x:auto}}.closed{text-align:center;background:var(--cream);color:var(--coffee);border:4px dashed var(--coffee);justify-items:center;gap:14px;padding:34px 20px;display:grid}.closed h2{letter-spacing:.06em;font-family:Dela Gothic One;font-size:24px;font-weight:400}.closed .prose{font-size:15px;line-height:1.9}.biz .closed{border:0;padding:20px 0}.closed-sub{opacity:.75;font-size:13px}.sent{text-align:center;justify-items:center;gap:16px;padding:30px 0;display:grid}@media (width<=860px){.plans{grid-template-columns:1fr}.sub-ttl{white-space:nowrap;gap:12px;font-size:22px}.sub-ttl:before,.sub-ttl:after{flex-basis:40px}.process li+li{margin-left:22px}.process li+li:before{font-size:16px;left:-18px}.process li{font-size:12px}.options{grid-template-columns:1fr;gap:0}.options dt{text-align:left;margin-top:12px}.options dt:first-child{margin-top:0}.options dt:after{content:""}.mailform .two{grid-template-columns:1fr}.price,.biz{box-shadow:6px 6px 0 var(--coffee)}}.plan .steps{margin-bottom:22px}.plan .ask{background:var(--c);color:#fff;border:3px solid var(--coffee);box-shadow:4px 4px 0 var(--coffee);align-self:center;margin-top:auto;padding:9px 22px;font-family:Dela Gothic One;font-size:15px;transition:transform .12s,box-shadow .12s}.plan.light .ask{background:#6f6a65}.plan.premium .ask{color:var(--coffee)}.plan .ask:hover{box-shadow:6px 6px 0 var(--coffee);transform:translate(-2px,-2px)}.order-form{--pad:clamp(16px, 3.4vw, 34px);gap:26px;max-width:860px}.mailform.order-form .lead{text-align:center;margin:0;line-height:1.9}.req{background:var(--red);color:var(--cream);vertical-align:.15em;white-space:nowrap;border-radius:3px;padding:4px 6px 3px;font-family:Zen Kaku Gothic New,sans-serif;font-size:11px;font-style:normal;font-weight:700;line-height:1;display:inline-block}.oc,.confirm{border:3px solid var(--coffee);padding:0 var(--pad) 30px;background:#fffaf2;gap:26px;scroll-margin-top:90px;display:grid}.oc[hidden],.confirm[hidden],.order-form .lead[hidden]{display:none}.oc>h3,.confirm>h3{margin:0 calc(-1 * var(--pad));padding:13px var(--pad);background:var(--cream);border-bottom:3px solid var(--coffee);align-items:center;gap:14px;font-family:Dela Gothic One;font-size:19px;font-weight:400;line-height:1.3;display:flex}.oc>h3 b{color:var(--cream);background:var(--teal);border:2px solid var(--coffee);box-shadow:3px 3px 0 var(--coffee);flex:none;padding:6px 8px 5px;font-family:Anton,sans-serif;font-size:20px;font-weight:400;line-height:1}.oc-lead{margin-bottom:-10px;font-size:14px;line-height:1.8}.f{gap:8px;min-width:0;display:grid}.f[hidden]{display:none}.f fieldset{border:0;min-width:0;margin:0;padding:0}.f .fh{flex-wrap:wrap;align-items:center;gap:6px 10px;padding:0;font-size:15px;font-weight:700;display:flex}.f legend.fh{float:left;width:100%;margin-bottom:8px}.f legend.fh+*{clear:both}.mailform .f .fh label{font-size:inherit;display:inline}.f .fh small{opacity:.65;font-size:12px;font-weight:400}.f .hint{opacity:.75;font-size:12.5px;line-height:1.75}.f fieldset .hint{margin-bottom:10px}.mailform .tpl{color:var(--teal-d);border:2px solid var(--teal);box-shadow:none;cursor:pointer;background:#fffdf8;border-radius:99px;justify-self:auto;margin-left:auto;padding:4px 14px;font-family:Zen Kaku Gothic New,sans-serif;font-size:12.5px;font-weight:700;transition:background .12s,color .12s}.mailform .tpl:hover{background:var(--teal);color:var(--cream);box-shadow:none;transform:none}.mailform .tpl span{margin-left:.3em}.chips{flex-wrap:wrap;gap:8px;display:flex}.mailform .chips label{cursor:pointer;font-weight:400;display:block;position:relative}.mailform .chips input{opacity:0;width:1px;height:1px;position:absolute}.chips span{border:2px solid var(--coffee);background:#fffdf8;border-radius:99px;padding:7px 15px;font-size:14px;line-height:1.5;transition:background .12s,color .12s;display:inline-block}.chips label:hover span{background:#fff1e0}.chips input:checked+span{background:var(--teal);color:var(--cream)}.chips input[type=checkbox]:checked+span:before{content:"✔ "}.chips input:focus-visible+span{outline:3px solid var(--teal-l);outline-offset:2px}.pick-plan{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.pick-plan .pp{--c:var(--gray);cursor:pointer;display:block;position:relative}.pick-plan .pp.basic{--c:var(--teal)}.pick-plan .pp.premium{--c:#b88a1c}.pick-plan input{opacity:0;width:1px;height:1px;position:absolute}.pick-plan .pp span{text-align:center;border:3px solid var(--coffee);background:#fffdf8;gap:2px;padding:14px 10px;transition:transform .12s,box-shadow .12s;display:grid}.pick-plan .pp b{color:var(--c);font-family:Dela Gothic One;font-size:16px;font-weight:400}.pick-plan .pp small{font-family:Anton,sans-serif;font-size:20px;font-weight:400}.pick-plan .pp:hover span{box-shadow:4px 4px 0 var(--coffee);transform:translate(-1px,-1px)}.pick-plan input:checked+span{background:var(--c);box-shadow:4px 4px 0 var(--coffee)}.pick-plan input:checked+span b,.pick-plan input:checked+span small{color:var(--cream)}.pick-plan input:focus-visible+span{outline:3px solid var(--teal-l);outline-offset:3px}.pick-plan .pp.consult-plan{--c:var(--red);grid-column:1/-1}.pick-plan .pp.consult-plan span{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:4px 14px;padding:12px 16px;display:flex}.pick-plan .pp .jp{font-family:Zen Kaku Gothic New,sans-serif;font-size:13px;line-height:1.5}.pick-opt{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mailform .pick-opt label{cursor:pointer;background:#fffdf8;border:2px solid #23150f33;align-items:flex-start;gap:10px;padding:10px 12px;font-size:14px;font-weight:700;line-height:1.5;transition:border-color .12s,background .12s;display:flex}.mailform .pick-opt label:hover{border-color:var(--coffee)}.mailform .pick-opt label:has(input:checked){border-color:var(--teal);background:#e8f3f2}.mailform .pick-opt input{width:18px;height:18px;accent-color:var(--teal);flex:none;margin-top:2px;padding:0}.pick-opt span{gap:1px;display:grid}.pick-opt small{opacity:.72;font-size:12.5px;font-weight:400}.mailform .pick-opt .consult{grid-column:1/-1}.confirm{gap:0}.confirm:focus{outline:none}.confirm>h3{background:var(--teal);color:var(--cream)}.confirm h4{border-bottom:2px solid #23150f33;margin:22px 0 10px;padding-bottom:6px;font-family:Dela Gothic One;font-size:15px;font-weight:400}.confirm dl{grid-template-columns:15em minmax(0,1fr);gap:8px 18px;font-size:14px;line-height:1.75;display:grid}.confirm dt{opacity:.7;font-weight:700}.confirm dd{white-space:pre-wrap;overflow-wrap:anywhere}.order-actions{flex-wrap:wrap;justify-content:center;gap:14px 18px;display:flex}.order-actions [hidden]{display:none}.mailform .order-actions .back{background:var(--cream);color:var(--coffee)}@media (width<=860px){.pick-plan{grid-template-columns:1fr;gap:8px}.pick-plan .pp span{justify-content:space-between;align-items:baseline;padding:10px 16px;display:flex}.pick-plan .pp small{font-size:18px}.pick-plan .pp.consult-plan span{flex-direction:column;align-items:center}.pick-opt{grid-template-columns:1fr}.oc>h3{font-size:17px}.confirm dl{grid-template-columns:1fr;gap:0}.confirm dd{margin-bottom:10px}.mailform .order-actions button{padding:12px 28px}}.f .opt-by-answer{margin:12px 0 0}.services{text-align:center;border-bottom:2px dashed #23150f38;margin:-12px 0 38px;padding-bottom:30px}.services-lead{font-family:var(--f-ja);letter-spacing:.04em;margin-bottom:16px;font-size:14px}.services ul{flex-wrap:wrap;justify-content:center;gap:16px 26px;list-style:none;display:flex}.services a,.svc-off{font-family:var(--f-ja);letter-spacing:.02em;color:var(--coffee);justify-items:center;gap:9px;font-size:12.5px;display:grid}.svc-i{border:3px solid var(--coffee);width:60px;height:60px;box-shadow:var(--sh-s);color:var(--coffee);font-family:var(--f-ja);background:#e3b23c;border-radius:16px;place-items:center;font-size:26px;font-style:normal;line-height:1;transition:transform .12s,box-shadow .12s;display:grid}.services li:nth-child(3n+2) .svc-i{background:var(--teal);color:var(--cream)}.services li:nth-child(3n) .svc-i{background:var(--red);color:var(--cream)}.services .svc-i.x{background:var(--coffee);color:var(--cream)}.services li .svc-i.coconala{color:var(--coffee);background:#fff}.services li .svc-i.skima{color:#fff;background:#f08a24}.services li .svc-i.tsunagu{color:#fff;background:#2f6fdb}.svc-i svg{fill:currentColor;width:24px;height:24px}.svc-i.has-img{overflow:hidden}.svc-i.preset svg{width:28px;height:28px}.svc-i img{object-fit:contain;width:100%;height:100%}.services a:hover .svc-i{box-shadow:6px 6px 0 var(--coffee);transform:translate(-2px,-2px)}.services a:active .svc-i{box-shadow:1px 1px 0 var(--coffee);transition-duration:50ms;transform:translate(3px,3px)}.services a:hover>span{text-underline-offset:3px;text-decoration:underline}@media (width<=860px){.services{margin:-16px 0 30px;padding-bottom:24px}.services ul{gap:14px 18px}.svc-i{border-radius:14px;width:52px;height:52px;font-size:22px}.svc-i.preset svg{width:25px;height:25px}}