:root{color-scheme:light;--ink:#293c36;--paper:#fffcf5;--accent:#7d4d34;--line:#d5d7cc;--sans:"Noto Sans JP",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.95;-webkit-font-smoothing:antialiased}main{display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.5;word-break:keep-all;text-wrap:balance}h2{font-size:clamp(28px,3.25vw,46px);letter-spacing:.015em}h3{font-size:20px}p{overflow-wrap:anywhere}.site-header{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:18px 5vw;position:relative;z-index:20}.brand{font-size:19px;font-weight:500;white-space:nowrap}.site-header nav{display:flex;gap:30px;font-size:13px;align-items:center}.site-header nav a{position:relative}.site-header nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.site-header nav a:hover:after{transform:scaleX(1)}.menu-toggle{display:none}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:58px;padding:15px 26px;background:var(--ink);color:var(--paper);font-size:14px;line-height:1.5;border:1px solid var(--ink);transition:background .25s,color .25s}.button svg{width:22px;height:22px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4}.button:hover{background:var(--accent);border-color:var(--accent)}.button.secondary{background:transparent;color:var(--ink)}.button.secondary:hover{background:var(--ink);color:var(--paper)}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.small{font-size:12px;line-height:1.8}.section{padding:112px max(5vw,24px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:54px}.section-heading>p{max-width:24em;font-size:13px}.scene-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.scene img{aspect-ratio:16/9;object-fit:cover;width:100%;margin-bottom:23px}.scene h3{margin-bottom:14px}.scene p{font-size:14px}.scene-note{margin-top:28px}.quality h2{margin-bottom:56px}.check-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px}.check h3{font-size:19px;margin-bottom:20px}.quality-close{margin-top:42px}.delivery{margin-top:72px;padding-top:32px;border-top:1px solid var(--line)}.delivery h3{margin-bottom:18px}.delivery-items{font-size:17px;margin-bottom:12px}.people-note{margin-top:22px}.pricing h2{margin-bottom:42px}.price-name{font-size:19px}.price{line-height:1.8;margin:12px 0}.price strong{font-weight:500;font-size:clamp(50px,7vw,90px);letter-spacing:-.06em}.price>span{display:inline-block;font-size:14px}.price-conditions{padding:16px 0;margin:10px 0 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.price-body>.button{margin-top:30px}.process h2{margin-bottom:48px}.steps{list-style:none;counter-reset:step;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}.steps li{counter-increment:step;position:relative;padding-top:72px;border-top:1px solid var(--line)}.steps li:before{content:counter(step);font-size:38px;line-height:1;position:absolute;top:20px;left:0;opacity:1}.steps h3{font-size:19px;margin-bottom:20px}.steps p{font-size:14px}.process-note{font-size:13px;margin:40px 0 28px}.contact{padding:120px 5vw;position:relative}.contact-content{position:relative;z-index:1;max-width:760px;margin:auto}.contact h2{font-size:clamp(32px,4.5vw,62px);margin-bottom:30px}.contact p{max-width:40em;margin-bottom:34px}.contact-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.site-footer{padding:60px 5vw 32px}.footer-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px}.footer-brand{font-size:26px}.footer-top>p{font-size:12px}.site-footer nav{display:flex;flex-wrap:wrap;gap:12px 28px;font-size:12px}.footer-note{font-size:11px;margin-top:44px;opacity:1}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
@media(max-width:900px){.section{padding:80px 5vw}.check-list{gap:24px}.steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}.scene-list{gap:18px}.scene h3{font-size:18px}.site-header nav{gap:20px}.price strong{font-size:68px}}
@media(max-width:600px){html{scroll-padding-top:70px}.site-header{min-height:76px;padding:15px 6vw;gap:10px;flex-wrap:wrap}.brand{font-size:16px}.site-header nav{width:100%;gap:10px 22px;flex-wrap:wrap;font-size:12px;padding:14px 0 4px}.nav-ready .menu-toggle{display:grid;align-content:center;gap:6px;width:40px;height:40px;background:transparent;border:1px solid currentColor;padding:10px}.menu-toggle span{height:1px;background:currentColor;width:100%}.nav-ready .site-header nav{display:none}.nav-ready .site-header nav.is-open{display:flex}.section{padding:75px 6vw}.section-heading{display:block;margin-bottom:35px}.section-heading>p{margin-top:20px}.scene-list{grid-template-columns:1fr;gap:42px}.scene img{margin-bottom:20px}.scene h3{font-size:21px}.scene p{font-size:14px}.check-list{grid-template-columns:1fr;gap:35px}.check h3{font-size:19px;margin-bottom:12px}.quality h2{margin-bottom:38px}.delivery{margin-top:45px}.delivery-items{font-size:15px}.steps{grid-template-columns:1fr;gap:28px}.steps li{padding-top:48px}.steps li:before{font-size:28px;top:12px}.steps h3{margin-bottom:12px}.price strong{font-size:58px}.price>span:last-child{display:block}.price-name{font-size:17px}.price-conditions{font-size:13px}.price-body>p:not(.price){font-size:14px}.button{min-height:54px;padding:14px 20px;gap:22px}.contact{padding:85px 6vw}.contact p{font-size:14px}.site-footer{padding:45px 6vw 28px}.footer-top{display:block}.footer-top>p{margin-top:12px}.site-footer nav{gap:12px 22px}.footer-brand{font-size:24px}.footer-note{font-size:10px}.hero-actions{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

:root{--paper:#fff;--ink:#203f4b;--accent:#316d80;--line:#d4dfe2}.site-header{min-height:88px;border-bottom:1px solid var(--line)}.brand{font-weight:700;letter-spacing:-.03em}.site-header nav{font-size:12px}.hero{padding:50px 5vw 30px}.hero-copy{display:grid;grid-template-columns:1.1fr .9fr;gap:23px 6vw;align-items:center;margin-bottom:35px}.hero h1{font-size:clamp(36px,4.1vw,61px);line-height:1.5;letter-spacing:-.045em;font-weight:700;grid-row:span 2}.hero-copy>p:first-of-type{font-size:13px;line-height:2.1;max-width:36em}.hero-actions{align-self:start;gap:10px}.button{background:#234c5b;color:#fff;border-color:#234c5b;border-radius:4px;font-size:13px;min-height:52px;padding:14px 22px;gap:28px}.button.secondary{background:#fff;color:var(--ink);border-color:#b8cbd0}.hero-note{grid-column:2;margin-top:-8px;font-size:10px;color:#536d75}.hero-monitor{max-width:1140px;margin:0 auto;position:relative}.monitor-visual{position:relative;aspect-ratio:2000/1125;overflow:hidden;border-radius:8px;background:#eee9df}.monitor-photo{width:100%;height:auto}.screen-plane{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.screen-content{position:absolute;left:19.5%;top:9%;width:70%;height:75%;transform:skewY(-2.3deg);transform-origin:0 0;overflow:hidden;background:#f2eee6;backface-visibility:hidden}.screen-content[style]{left:0;top:0;width:1000px;height:600px}.demo-slide{position:absolute;inset:0;background:#f2eee6}.demo-slide img{width:100%;height:100%;object-fit:cover}.demo-slide:not(:first-child){visibility:hidden}.demo-subtitle{position:absolute;left:0;right:0;bottom:0;background:#f2eee6f2;border-top:2px solid #48696330;text-align:center;font-size:31px;color:#294b43;padding:14px 15px 17px;line-height:1.7;font-weight:600}.screen-content:not([style]) .demo-subtitle{font-size:clamp(10px,2.2vw,31px)}.photo-note{position:absolute;bottom:18px;right:20px;font-size:10px;color:#fff;background:#203f4be6;padding:2px 6px;text-shadow:0 1px 5px #000}.section-heading h2{font-weight:700;font-size:37px;letter-spacing:-.035em}.section-heading>p{font-size:12px;max-width:23em}.scenes{padding-top:85px;padding-bottom:90px}.scene-list{gap:30px}.scene img{border-radius:6px;border:1px solid #e0e5df}.scene h3{font-weight:600;font-size:21px}.scene p{font-size:13px}.scene-note{font-size:10px;color:#536d75}.quality{padding-top:95px;background:#f2f7f7}.quality h2{font-size:clamp(34px,4.4vw,60px);font-weight:700;letter-spacing:-.045em;line-height:1.5;margin-bottom:65px}.monitor-checks{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:start}.pinned-monitor{position:relative;padding-top:35px}.quality-screen{position:relative;aspect-ratio:16/10;background:#203f4b;border:12px solid #203f4b;border-bottom-width:32px;border-radius:8px;overflow:hidden}.quality-demo{background:#f2eee6}.quality-demo img{width:100%;aspect-ratio:16/9;object-fit:cover}.quality-demo p{color:#294b43;font-size:13px;text-align:center;font-weight:600;padding:8px 10px;background:#f2eee6}.quality-demo:not(:first-child){display:none}.screen-progress{display:flex;gap:8px;justify-content:center;margin-top:22px}.screen-progress i{width:26px;height:3px;background:#bbced0}.screen-progress i:first-child{background:var(--ink)}.monitor-checks .check-list{display:block}.monitor-checks .check{padding:50px 0 75px;border-top:1px solid #c5d6d9;min-height:290px}.monitor-checks .check h3{font-size:22px;font-weight:600;margin-bottom:20px;letter-spacing:-.035em}.monitor-checks .check p{font-size:14px}.quality-close{font-size:14px}.delivery{display:grid;grid-template-columns:1fr 1.5fr;gap:8px 40px}.delivery h3{font-size:24px;font-weight:600;grid-row:span 2}.delivery-items{font-size:15px}.delivery>p:last-child{font-size:13px}.people-note{font-size:10px;color:#536d75}.pricing{display:grid;grid-template-columns:.6fr 1.4fr;gap:6vw}.pricing h2{font-size:48px;font-weight:700}.price-name{font-weight:600}.price strong{font-size:78px;font-weight:600;color:#234c5b;letter-spacing:-.06em}.price-body>p:not(.price){font-size:13px}.process{border-top:1px solid var(--line)}.process h2{font-size:48px;font-weight:700}.steps li:before{font-weight:700;color:#32748a;opacity:1;font-size:32px}.steps h3{font-weight:600;font-size:20px}.steps p{font-size:13px}.contact{margin:0 5vw 80px;padding:75px 7vw;background:#e8f1f1;border-top:4px solid #234c5b;border-radius:0 0 6px 6px}.contact-content{margin:0;max-width:100%;display:grid;grid-template-columns:1.1fr .9fr;gap:25px 6vw}.contact h2{font-size:39px;font-weight:700;letter-spacing:-.045em;grid-row:span 2;align-self:center}.contact p{font-size:13px;margin-bottom:0}.contact .button{justify-self:start}.site-footer{border-top:1px solid var(--line)}.footer-brand{font-weight:700}.footer-note{color:#536d75}.motion .quality-demo{display:block;position:absolute;inset:0}.motion .quality-demo:not(:first-child){visibility:hidden}.motion .monitor-checks .check{opacity:.8}.motion .monitor-checks .check.active{opacity:1}
@media(max-width:900px){.hero-copy{gap:20px 4vw}.hero h1{font-size:4.3vw}.hero-copy>p:first-of-type{font-size:12px}.hero-actions .button{font-size:11px;padding:12px 14px;gap:13px}.hero-note{margin-top:-4px}.monitor-checks{gap:5vw;grid-template-columns:1.1fr 1fr}.quality-screen{border-width:8px;border-bottom-width:25px}.monitor-checks .check{min-height:320px}.monitor-checks .check h3{font-size:19px}.monitor-checks .check p{font-size:12px}.quality-demo p{font-size:11px;padding:5px}.price strong{font-size:66px}.contact h2{font-size:30px}.delivery h3{font-size:22px}}
@media(max-width:600px){.site-header{min-height:76px}.hero{padding:30px 0 25px}.hero-copy{display:block;padding:0 6vw;margin-bottom:28px}.hero h1{font-size:8.2vw;line-height:1.6;letter-spacing:-.045em;margin-bottom:22px}.hero-copy>p:first-of-type{font-size:12px;line-height:2.1}.hero-actions{margin-top:24px}.hero-actions .button{padding:13px 19px;font-size:12px;gap:22px}.hero-note{font-size:9px;margin-top:14px}.monitor-visual{border-radius:0}.photo-note{font-size:8px;bottom:9px;right:10px}.scenes{padding-top:45px;padding-bottom:65px}.section-heading h2{font-size:29px}.section-heading>p{font-size:10px}.scene-list{gap:34px}.scene{display:grid;grid-template-columns:.9fr 1fr;gap:18px;align-items:center}.scene img{aspect-ratio:1.15;object-fit:cover;margin-bottom:0}.scene h3{font-size:17px;margin-bottom:10px}.scene p{font-size:11px}.scene-note{font-size:9px}.quality{padding-top:65px;padding-bottom:65px}.quality h2{font-size:30px;line-height:1.6;margin-bottom:30px}.monitor-checks{display:block;gap:0}.motion .pinned-monitor{position:sticky;top:0}.pinned-monitor{padding-top:12px;padding-bottom:20px;background:#f2f7f7;z-index:4}.quality-screen{max-width:460px;margin:auto;aspect-ratio:16/10;border-width:7px;border-bottom-width:20px}.quality-demo p{font-size:11px;padding:5px}.screen-progress{margin-top:12px}.monitor-checks .check{min-height:320px;padding:80px 0 60px}.monitor-checks .check h3{font-size:22px}.monitor-checks .check p{font-size:13px}.quality-close{font-size:12px;margin-top:20px}.delivery{display:block}.delivery h3{font-size:23px}.delivery-items{font-size:13px}.delivery>p:last-child{font-size:12px}.people-note{font-size:9px}.pricing{display:block;padding-top:65px;padding-bottom:65px}.pricing h2{font-size:36px;margin-bottom:30px}.price strong{font-size:57px}.process h2{font-size:36px}.steps{gap:28px}.steps li{padding-left:45px;padding-top:24px;min-height:150px}.steps li:before{font-size:25px;top:29px}.steps h3{font-size:21px}.steps p{font-size:12px}.process-note{font-size:11px}.contact{margin:0 6vw 55px;padding:40px 6vw}.contact-content{display:block}.contact h2{font-size:26px;line-height:1.7}.contact p{font-size:12px;margin-bottom:25px}.contact .button{font-size:11px;padding:14px 16px;gap:15px}.site-footer{padding-top:35px}}

.quality-demo{position:absolute;inset:0;display:flex;flex-direction:column;min-height:0}.quality-demo img{flex:1 1 0;width:100%;height:0;min-height:0;aspect-ratio:auto;object-fit:contain}.quality-demo p{flex:0 0 auto}.motion .quality-demo{display:flex}

@supports (word-break:auto-phrase){h1,h2,h3{word-break:auto-phrase}}