html{-webkit-text-size-adjust:100%;background:#fbf8f3}body{margin:0}.op{--op-bg:#fbf8f3;--op-paper:#fff;--op-ink:#2a2521;--op-muted:#7b7168;--op-line:#e9e2d8;--op-tint:#f3ece2;--op-accent:#d65f2b;--op-radius:22px;--op-head:"Zen Maru Gothic", "Noto Sans JP", sans-serif;background:var(--op-bg);min-height:100vh;color:var(--op-ink);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,ui-sans-serif,system-ui,-apple-system,Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:16px;line-height:1.9}.op *,.op :before,.op :after{box-sizing:border-box}.op :where(h1,h2,h3,p,figure,ul,ol){margin:0;padding:0}.op img{max-width:100%;display:block}.op a{color:inherit;text-decoration:none}.op button{font:inherit;color:inherit}.op [id]{scroll-margin-top:80px}.op-sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.op-skip{z-index:1000;background:var(--op-ink);color:#fff;opacity:0;border-radius:999px;padding:10px 16px;font-size:.9rem;font-weight:700;transition:transform .15s,opacity .15s;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.op-skip:focus,.op-skip:focus-visible{opacity:1;outline:2px solid var(--op-accent);outline-offset:2px;transform:translateY(0)}.op main:focus{outline:none}.op-header{z-index:40;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--op-line);background:#fbf8f3eb;position:sticky;top:0}.op-header-in{align-items:center;gap:24px;max-width:1280px;margin:0 auto;padding:12px 24px;display:flex}.op-brand img{width:auto;height:30px}.op-nav{font-family:var(--op-head);gap:6px;margin-left:auto;font-size:.95rem;font-weight:700;display:flex}.op-nav a{border-radius:999px;padding:8px 16px;transition:background .2s,color .2s}.op-nav a:hover{background:var(--op-tint)}.op-nav a.op-cta{background:var(--op-ink);color:#fff}.op-nav a.op-cta:hover{background:var(--op-accent)}@media (width<=560px){.op-header-in{gap:10px;padding:10px 14px}.op-brand img{height:22px}.op-nav{gap:2px;font-size:.82rem}.op-nav a{padding:7px 10px}}.op-wrap{max-width:1280px;margin:0 auto;padding:0 24px}@media (width<=560px){.op-wrap{padding:0 12px}}.op-hero{margin-top:24px}.op-hero-frame{aspect-ratio:3/2;background:var(--op-tint);border-radius:30px;width:100%;position:relative;overflow:hidden}.op-hero-bg{opacity:0;transition:opacity 1.2s 1.2s;position:absolute;inset:0}.op-hero-bg.op-on{opacity:1;z-index:1;transition-delay:0s}.op-hero-bg img{object-fit:cover;width:100%;height:100%}.op-hero-dots{z-index:3;gap:7px;display:flex;position:absolute;bottom:22px;right:22px}.op-hero-dots span{background:#fff9;border-radius:50%;width:8px;height:8px;transition:width .3s,background .3s}.op-hero-dots span.op-on{background:#fff;border-radius:999px;width:24px}@media (width<=560px){.op-hero{margin-top:12px}.op-hero-frame{border-radius:22px}.op-hero-dots{display:none}}.op-block{padding-top:84px}.op-sec-title{justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;display:flex}.op-h2{font-family:var(--op-head);font-size:clamp(1.7rem,4vw,2.3rem);font-weight:700;line-height:1.2}@media (width<=560px){.op-block{padding-top:60px}}.op-shuffle{font-family:var(--op-head);color:var(--op-ink);background:var(--op-paper);border:2px solid var(--op-ink);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:9px 18px 9px 14px;font-size:.92rem;font-weight:700;transition:background .2s,color .2s,transform .2s;display:inline-flex}.op-shuffle svg{transition:transform .5s}.op-shuffle:hover{background:var(--op-ink);color:#fff}.op-shuffle:hover svg{transform:rotate(180deg)}.op-shuffle:active{transform:scale(.97)}.op-shuffle:disabled{opacity:.6;cursor:default}@media (width<=560px){.op-shuffle{padding:8px 14px 8px 11px;font-size:.85rem}}.op-masonry{align-items:flex-start;transition:opacity .26s;display:flex}.op-masonry.op-fading{opacity:0}.op-masonry[aria-busy=true]{min-height:100vh}.op-mcol{flex-direction:column;flex:1 1 0;min-width:0;display:flex}.op-photo{background:var(--op-tint);cursor:zoom-in;border:0;border-radius:12px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.op-photo img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.op-photo:hover img{transform:scale(1.035)}.op-photo:focus-visible{outline:3px solid var(--op-accent);outline-offset:2px}@media (width<=560px){.op-photo{border-radius:8px}}.op-guard:after{content:"";z-index:1;position:absolute;inset:0}.op-guard img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.op-about{grid-template-columns:1.1fr 1fr;align-items:center;gap:48px;display:grid}.op-about.op-solo{grid-template-columns:1fr;max-width:760px}.op-about .op-h2{margin-bottom:22px}.op-about-lead{font-family:var(--op-head);font-size:clamp(1.15rem,2.6vw,1.45rem);font-weight:700;line-height:1.7;margin-bottom:14px!important}.op-about-sub{color:var(--op-muted);margin-bottom:8px!important}.op-about-photo{border-radius:var(--op-radius);aspect-ratio:3/2;background:var(--op-tint);position:relative;overflow:hidden}.op-about-slide{opacity:0;transition:opacity 1.2s 1.2s;position:absolute;inset:0}.op-about-slide.op-on{opacity:1;z-index:1;transition-delay:0s}.op-about-slide img{object-fit:cover;width:100%;height:100%}.op-about-photo .op-hero-dots{bottom:14px;right:14px}@media (width<=800px){.op-about{grid-template-columns:1fr;gap:28px}}.op-pitch{background:var(--op-paper);border:1px solid var(--op-line);border-radius:var(--op-radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;padding:34px 38px;display:flex}.op-pitch-name{font-family:var(--op-head);font-size:1.5rem;font-weight:700;line-height:1.3;margin-bottom:6px!important}.op-pitch p{color:var(--op-muted);font-size:.95rem}.op-ext{font-family:var(--op-head);border:2px solid var(--op-ink);white-space:nowrap;border-radius:999px;padding:12px 24px;font-size:.95rem;font-weight:700;transition:background .2s,color .2s}.op-ext:hover{background:var(--op-ink);color:#fff}@media (width<=560px){.op-pitch{padding:26px 22px}}.op-contact{color:#fff;text-align:center;background:#b94d1d;border-radius:30px;padding:64px 24px 68px}.op-contact .op-h2{margin-bottom:14px}.op-contact p{margin-bottom:4px!important}.op-mail{font-family:var(--op-head);word-break:break-all;background:#fff;border-radius:999px;margin-top:26px;padding:16px 34px;font-size:clamp(1rem,3.6vw,1.35rem);font-weight:700;transition:transform .2s,box-shadow .2s;display:inline-block;color:var(--op-ink)!important}.op-mail:hover{transform:translateY(-2px);box-shadow:0 10px 24px #2a252138}@media (width<=560px){.op-contact{border-radius:22px;padding:48px 18px 52px}}.op-404{text-align:center;min-height:52vh;padding-top:96px}.op-404-code{font-family:var(--op-head);color:var(--op-accent);letter-spacing:.1em;font-size:.95rem;font-weight:700;margin-bottom:8px!important}.op-404 .op-h2{margin-bottom:14px}.op-404 p:not(.op-404-code){color:var(--op-muted);margin-bottom:32px!important}.op-404 .op-ext{display:inline-block}.op-legal{max-width:760px;padding-top:64px}.op-legal .op-h2{margin-bottom:20px}.op-legal section{margin-top:28px}.op-legal h2{font-family:var(--op-head);margin-bottom:8px;font-size:1.1rem;font-weight:700;line-height:1.5}.op-legal p{margin-bottom:8px!important}.op-legal ul{margin-top:4px;padding-left:1.4em;list-style:outside}.op-legal :where(section,p) a{color:var(--op-ink);text-underline-offset:3px;text-decoration:underline}.op-legal :where(section,p) a:hover{color:var(--op-accent)}.op-info{border-top:1px solid var(--op-line);margin:8px 0 36px}.op-info>div{border-bottom:1px solid var(--op-line);grid-template-columns:9em 1fr;gap:16px;padding:16px 0;display:grid}.op-info dt{font-family:var(--op-head);color:var(--op-muted);font-weight:700}.op-info dd{margin:0}.op-info ul{margin:0;padding:0;list-style:none}.op-info a{text-underline-offset:3px;text-decoration:underline}@media (width<=560px){.op-info>div{grid-template-columns:1fr;gap:2px}}.op-legal-date{color:var(--op-muted);font-size:.9rem;margin:32px 0 28px!important}.op-legal .op-ext{display:inline-block}.op-footer{text-align:center;color:var(--op-muted);margin-top:84px;padding:32px 24px 44px;font-size:.85rem}.op-footer-links{flex-wrap:wrap;justify-content:center;gap:4px 20px;margin-bottom:8px;display:flex}.op-footer a{text-underline-offset:3px;text-decoration:underline}.op-footer a:hover{color:var(--op-ink)}.op-lb{z-index:200;touch-action:pan-y;background:#1a1613f5;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.op-lb img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;border-radius:6px;width:auto;max-width:94vw;height:auto;max-height:88vh}.op-lb button{color:#fff;cursor:pointer;background:#ffffff24;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.4rem;line-height:1;transition:background .2s;display:flex;position:absolute}.op-lb button:hover{background:#ffffff47}.op-lb button:focus-visible{outline-offset:2px;outline:2px solid #fff}.op-lb-close{top:16px;right:16px}.op-lb-prev{top:50%;left:14px;transform:translateY(-50%)}.op-lb-next{top:50%;right:14px;transform:translateY(-50%)}.op-lb-caption{text-align:center;color:#ffffffb3;font-size:.85rem;position:absolute;bottom:14px;left:0;right:0}@media (width<=560px){.op-lb button{width:42px;height:42px}.op-lb-prev{left:6px}.op-lb-next{right:6px}}@media (prefers-reduced-motion:reduce){.op-hero-bg,.op-about-slide,.op-masonry,.op-photo img,.op-shuffle svg{transition:none!important}}