:root{--font-jp-sans:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-jp-serif:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-jp-mono:"JetBrains Mono", "Noto Sans Mono CJK JP", monospace}.tategaki{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;text-orientation:upright;letter-spacing:.18em;font-feature-settings:"pkna" 1, "vpal" 1;vertical-align:top;line-height:1.6;display:inline-block}.tcy{text-combine-upright:all;-webkit-text-combine:horizontal;-ms-text-combine-horizontal:all;letter-spacing:0;margin:.1em 0;display:inline-block}.tategaki-serif,.jp-serif{font-family:var(--font-jp-serif)}.tategaki-sans,.jp-sans{font-family:var(--font-jp-sans)}.jp-accent{font-family:var(--font-jp-serif);color:var(--text-muted);font-style:italic;font-weight:400}.jp-vertical-badge{writing-mode:vertical-rl;-webkit-writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-mono);letter-spacing:.25em;color:var(--text-muted);text-transform:uppercase;white-space:nowrap;font-size:10px;font-weight:700;transform:rotate(180deg)}.lang-switch-btn{font-family:var(--font-mono);text-transform:uppercase;background:var(--bg-alt);color:var(--text-main);border:1px solid var(--border-color);border-radius:50px;align-items:center;gap:6px;padding:6px 14px;font-size:11px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.lang-switch-btn:hover{color:var(--accent-green);background:#000;border-color:#000;transform:translateY(-1px)}.jp-compact-hero-container{flex-direction:column;justify-content:center;gap:30px;margin:20px 0 30px;display:flex}.jp-tategaki-hero-group{flex-direction:row-reverse;align-items:flex-start;gap:35px;height:380px;max-height:48vh;padding:10px 0;display:flex}.jp-tategaki-hero-group h1{letter-spacing:.15em;margin:0;font-size:clamp(2.6rem,5.5vh,4.2rem);font-weight:900;line-height:1.25}.jp-tategaki-hero-sub{color:var(--text-muted);border-left:1px solid var(--border-color);height:100%;padding-left:18px;font-size:clamp(.95rem,2vh,1.15rem);line-height:1.8}.jp-tategaki-desc{color:var(--text-muted);border-left:1px solid var(--border-color);height:100%;margin:0;padding-left:18px;font-size:clamp(.85rem,1.6vh,.95rem);line-height:1.9}.jp-portfolio-hero{justify-content:space-between;align-items:center;gap:60px;padding:70px 0 50px;display:flex}.jp-portfolio-hero-left{flex-direction:row-reverse;flex-shrink:0;align-items:flex-start;gap:35px;height:360px;display:flex}.jp-portfolio-hero-left h1{letter-spacing:.12em;margin:0;font-size:clamp(2.4rem,4.5vw,3.8rem);font-weight:900;line-height:1.25}.jp-portfolio-hero-left .jp-hero-vertical-desc{color:var(--text-muted);border-left:1px solid var(--border-color);height:100%;padding-left:20px;font-size:1.05rem;line-height:1.9}.jp-portfolio-hero-right{flex-direction:column;align-items:flex-start;gap:25px;max-width:460px;display:flex}.jp-portfolio-hero-right p{color:var(--text-muted);font-size:1.1rem;line-height:1.7}.jp-section-split{align-items:flex-start;gap:60px;margin-top:100px;display:flex}.jp-split-title-col{background:var(--bg-alt);border:1px solid var(--border-color);text-align:center;border-radius:16px;flex-direction:column;flex-shrink:0;align-items:center;gap:20px;width:170px;padding:35px 20px;display:flex;position:sticky;top:90px}.jp-title-vertical{letter-spacing:.15em;margin:0;font-size:clamp(2rem,3.5vw,2.8rem);font-weight:900;line-height:1.2}.jp-title-sub-text{color:var(--text-muted);font-size:11px;line-height:1.5;font-family:var(--font-sans);border-top:1px solid var(--border-color);width:100%;padding-top:12px}.jp-split-content-col{flex:1;min-width:0}.jp-split-filters{border-top:1px solid var(--border-color);flex-direction:column;gap:8px;width:100%;padding-top:15px;display:flex}.jp-split-filters .filter-btn{text-align:center;background:var(--bg-main);border:1px solid var(--border-color);width:100%;color:var(--text-muted);font-family:var(--font-sans);cursor:pointer;border-radius:50px;padding:8px 12px;font-size:11px;font-weight:700;transition:all .3s}.jp-split-filters .filter-btn.active,.jp-split-filters .filter-btn:hover{background:var(--text-main);color:var(--bg-main);border-color:var(--text-main)}.jp-page-header-split{border-bottom:1px solid var(--border-color);align-items:stretch;gap:50px;margin-bottom:50px;padding:50px 0 40px;display:flex}.jp-header-left-title{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:16px;flex-direction:row-reverse;flex-shrink:0;align-items:center;gap:20px;height:240px;padding:25px 30px;display:flex}.jp-header-left-title h1{letter-spacing:.12em;margin:0;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:900;line-height:1.25}.jp-header-right-content{flex-direction:column;flex:1;justify-content:center;gap:25px;display:flex}.jp-archive-lead{color:var(--text-muted);max-width:650px;font-size:1.1rem;line-height:1.7}.jp-services-left-tategaki{flex-direction:column;justify-content:center;gap:25px;margin:40px 0;display:flex}.jp-services-tategaki-heading{flex-direction:row-reverse;align-items:flex-start;gap:30px;height:380px;max-height:48vh;display:flex}.jp-services-tategaki-heading h1{letter-spacing:.12em;margin:0;font-size:clamp(2.4rem,4.5vh,3.8rem);font-weight:900;line-height:1.25}.jp-services-tategaki-sub{color:var(--text-muted);border-left:1px solid var(--border-color);height:100%;padding-left:18px;font-size:1.05rem;line-height:1.9}.jp-contact-card,.jp-404-card{text-align:center;flex-direction:column;align-items:center;gap:30px;max-width:800px;margin:0 auto;padding:50px 30px;display:flex}.jp-contact-tategaki-box,.jp-404-tategaki-box{flex-direction:row-reverse;justify-content:center;align-items:center;gap:25px;height:280px;margin:10px 0;display:flex}.jp-contact-tategaki-box h1,.jp-404-tategaki-box h1{letter-spacing:.12em;margin:0;font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;line-height:1.25}.jp-contact-sub-vertical,.jp-404-sub-vertical{color:var(--text-muted);border-left:1px solid var(--border-color);height:100%;padding-left:18px;font-size:1.1rem;line-height:2}.footer-jp-inner{justify-content:center;align-items:center;gap:60px;margin-bottom:40px;display:flex}.footer-jp-tategaki-wrap{background:var(--bg-alt);border:1px solid var(--border-color);border-radius:16px;flex-direction:row-reverse;align-items:center;gap:20px;height:220px;padding:20px 25px;display:flex}.footer-tategaki-h2{letter-spacing:.12em;margin:0;font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;line-height:1.25}.footer-jp-action-wrap{text-align:left;flex-direction:column;align-items:flex-start;gap:20px;display:flex}.footer-jp-sub{color:var(--text-muted);max-width:400px;font-size:1.05rem;line-height:1.6}@media (width<=1024px){.jp-section-split{flex-direction:column;gap:40px}.jp-split-title-col{flex-direction:column;align-items:center;width:100%;padding:25px 20px;position:static}.jp-title-vertical{writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb}.jp-vertical-badge{writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;transform:none}.jp-title-sub-text{text-align:center;border-top:none;border-left:none;width:auto;padding-top:0;padding-left:0}.jp-split-filters{border-top:1px solid var(--border-color);flex-flow:wrap;justify-content:center;width:100%;padding-top:15px}.jp-split-filters .filter-btn{width:auto}.jp-page-header-split{flex-direction:column;gap:30px}.jp-header-left-title{flex-direction:row;justify-content:space-between;width:100%;height:auto}.jp-header-left-title h1{writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb}.footer-jp-inner{flex-direction:column;gap:30px}.footer-jp-tategaki-wrap{flex-direction:row;justify-content:center;width:100%;height:auto}.footer-tategaki-h2{writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb}.footer-jp-action-wrap{text-align:center;align-items:center}}@media (width<=768px){.jp-portfolio-hero{flex-direction:column;align-items:flex-start;gap:35px;padding:40px 0 30px}.jp-portfolio-hero-left{gap:20px;height:300px}.jp-tategaki-hero-group{gap:20px;height:320px}.jp-services-tategaki-heading{gap:20px;height:300px}.jp-contact-tategaki-box,.jp-404-tategaki-box{gap:15px;height:240px}}@media (width<=480px){.jp-portfolio-hero-left{gap:15px;height:260px}.jp-portfolio-hero-left h1{font-size:clamp(2rem,7vw,2.6rem)}.jp-tategaki-hero-group{gap:15px;height:270px}.jp-tategaki-hero-group h1{font-size:clamp(2rem,7vw,2.6rem)}}html{scrollbar-gutter:stable;overflow-x:clip}html.lenis,html.lenis body{width:100%;height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}body{position:relative}.doodle-canvas{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.doodle-item{animation:ease-in-out infinite alternate float-random;position:absolute}.doodle-shape{width:45px;height:45px}.doodle-muted{color:var(--text-muted);opacity:.15}.text-green{color:var(--accent-green);opacity:.6}@keyframes float-random{0%{transform:translate(0px, 0px) rotate(0deg) scale(var(--tw-scale-x,1))}to{transform:translate(15px, 20px) rotate(15deg) scale(var(--tw-scale-x,1))}}*{box-sizing:border-box;margin:0;padding:0}:root{--bg-main:#fff;--bg-alt:#f4f5f7;--text-main:#111;--text-muted:#666;--border-color:#e5e7eb;--accent-green:#c4ff00;--font-sans:"Noto Sans JP", "Inter", sans-serif;--font-serif:"Shippori Mincho", "Playfair Display", serif;--font-mono:"JetBrains Mono", monospace;--font-jp-sans:"Noto Sans JP", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;--font-jp-serif:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-jp-mono:"JetBrains Mono", "Noto Sans Mono CJK JP", monospace}body{font-family:var(--font-sans);background-color:var(--bg-main);color:var(--text-main);-webkit-font-smoothing:antialiased;animation:.6s ease-out fadeIn;overflow-x:clip}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.container{max-width:1200px;margin:0 auto;padding:0 5%}.btn-minimal{cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-sans);align-items:center;gap:8px;padding:8px 18px;transition:all .3s;display:inline-flex;box-shadow:0 2px 5px #00000005;background:var(--bg-alt)!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important;border-radius:50px!important;text-decoration:none!important}.btn-minimal:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000d;background:var(--bg-main)!important;color:var(--text-main)!important;border-color:var(--text-main)!important}.back-to-top{background:var(--accent-green);color:#000;font-size:12px;font-weight:700;font-family:var(--font-sans);text-transform:uppercase;cursor:pointer;z-index:9999;opacity:0;visibility:hidden;border:none;border-radius:50px;justify-content:center;align-items:center;gap:8px;padding:14px 24px;text-decoration:none;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:fixed;bottom:30px;right:30px;transform:translateY(20px)scale(.9);box-shadow:0 10px 25px #c4ff004d}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)scale(1)}.back-to-top:hover{color:var(--accent-green);background:#000;transform:translateY(-5px)scale(1.05);box-shadow:0 15px 30px #0003}