:root{--ink:#18221d;--muted:#69736d;--paper:#f7f7f3;--cream:#f2f2eb;--green:#183b2c;--lime:#dce8ba;--line:#dce1d9;--white:#fff;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans','Noto Sans JP',sans-serif;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}body[data-lang=ja]{font-family:'DM Sans','Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}svg{width:20px;height:20px;flex-shrink:0}img{max-width:100%;display:block}::selection{background:#d8e8b6;color:#183b2c}.container{width:min(1240px,calc(100% - 100px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:#fff;padding:12px}.skip:focus{top:10px}.topline{background:#153428;color:#e7eee3;font:600 10px var(--sans);letter-spacing:2.1px}.topline .container{height:36px;display:flex;justify-content:space-between;align-items:center}.topline-star{color:#d7eab6;margin:0 9px}.topline-left{display:flex;gap:9px;align-items:center}.alive{background:#c6e5a2;width:6px;height:6px;border-radius:50%;box-shadow:0 0 0 4px #c6e5a21c}.site-header{position:sticky;top:0;z-index:50;background:rgba(247,247,243,.95);backdrop-filter:blur(18px);border-bottom:1px solid #dfe4dd}.header-inner{height:88px;display:flex;align-items:center;gap:36px}.logo-lockup{display:flex;align-items:center;margin-right:auto;flex:none}.logo-lockup img{width:185px;height:auto}.desktop-nav{display:flex;gap:29px;align-items:center;justify-content:center}.desktop-nav a{color:#49534e;font-weight:600;font-size:13px;transition:color .2s}.desktop-nav a:hover{color:#12824c}.header-right{display:flex;align-items:center;gap:16px}.lang-switch{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:13px;padding:11px 13px;border:1px solid #ccd4ca;border-radius:100px;transition:background .2s}.lang-switch svg{width:15px;height:15px}.lang-switch:hover{background:#e6ebdf}.header-contact{display:inline-flex;align-items:center;gap:19px;background:var(--green);color:#fff;padding:13px 19px 13px 22px;border-radius:100px;font-weight:600;font-size:13px;transition:background .2s,transform .2s}.header-contact:hover,.button-dark:hover{background:#31614b;transform:translateY(-2px)}.header-contact span{font-size:18px}.menu-btn{display:none;background:transparent;border:0}.mobile-nav[hidden]{display:none}.hero{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:28px;padding-top:72px;padding-bottom:82px;min-height:668px}.hero-content{position:relative;z-index:2;padding-right:4px}.eyebrow,.section-eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:11px;color:#46664f;letter-spacing:1.7px}.eyebrow-mark{height:7px;width:7px;background:#4a865a;border-radius:50%}.hero h1{font-size:clamp(47px,4.85vw,77px);line-height:1.17;letter-spacing:-3.5px;font-weight:600;margin:35px 0 23px;max-width:720px;font-family:'Manrope','Noto Sans JP',sans-serif}.hero h1 em{font-family:var(--serif);font-size:1.05em;letter-spacing:-3.2px;font-weight:400;color:#537a5c}.hero-intro{max-width:540px;font-size:16px;line-height:1.95;color:#657068;margin:0}.hero-buttons{display:flex;align-items:center;gap:31px;margin-top:35px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:100px;font-size:13px;font-weight:700;padding:17px 22px;transition:background .2s,transform .2s}.button svg{width:18px;height:18px}.button-dark{background:var(--green);color:#fff}.text-link{display:inline-flex;align-items:center;gap:12px;font-size:13px;font-weight:700;border-bottom:1px solid #7b8d7c;padding-bottom:7px}.text-link span{font-size:19px}.hero-footnote{display:flex;gap:9px;align-items:center;margin-top:26px;color:#79877c;font-size:12px;line-height:1.5}.hero-footnote svg{width:15px;height:15px;color:#557c56}.hero-art{height:490px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:20px -10px 20px 15px;border-radius:50%;background:radial-gradient(ellipse at center,#dfe9d7,transparent 69%);z-index:-2}.art-orbit{position:absolute;border:1px solid #b7c9b6;border-radius:50%;transform:rotate(-23deg);z-index:-1}.orbit-one{width:470px;height:390px}.orbit-two{width:410px;height:510px;opacity:.48;transform:rotate(49deg)}.art-index{position:absolute;top:1px;left:42px;color:#73947a;font-size:9px;letter-spacing:2px;font-weight:800}.art-index span{font-size:19px;margin:0 4px}.art-main{width:390px;height:294px;border-radius:13px;overflow:hidden;box-shadow:0 25px 60px #102b282e,0 5px 14px #1633251a;transform:rotate(-5deg) translate(7px,-18px);background:#fff;border:1px solid #d5dcd6;z-index:2}.mock-browser-top{display:flex;justify-content:space-between;align-items:center;height:33px;background:#fbfcfa;border-bottom:1px solid #e4e9e3;padding:0 14px;font-size:8px;font-weight:800;letter-spacing:1px;color:#78817e}.browser-dots{display:flex;gap:4px}.browser-dots i{width:6px;height:6px;background:#b9c5ba;border-radius:50%}.mock-site{background:#edf1e6;height:261px;padding:24px 28px;position:relative;overflow:hidden}.mock-nav{display:flex;justify-content:space-between;font-family:var(--serif);font-size:12px}.mock-nav span:last-child{font-family:var(--sans);font-size:8px;letter-spacing:1px}.mock-big{font-family:var(--serif);font-size:43px;line-height:1.1;letter-spacing:-1.6px;margin-top:44px;position:relative;z-index:2;color:#203d30}.mock-art-bottom{position:absolute;bottom:20px;left:28px;right:22px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.4px;color:#466556}.little-rule{display:block;width:34px;border-top:1px solid #7c9b85;margin-bottom:7px}.mock-circles{display:flex}.mock-circles b{border-radius:50%;display:block;width:19px;height:19px;margin-left:-5px;border:1px solid #385842;background:#bdd3c1}.mock-circles b:nth-child(2){background:#d1dfb2}.mock-circles b:nth-child(3){background:#86b199}.art-small{position:absolute;width:224px;height:149px;background:#f9faf6;bottom:30px;right:0;z-index:3;box-shadow:0 16px 40px #243b2936;border:1px solid #dce3d9;border-radius:11px;transform:rotate(7deg);padding:19px 17px;display:flex;flex-direction:column;justify-content:space-between}.art-small>span{font-size:8px;letter-spacing:1.3px;color:#566d5e;font-weight:700}.small-shapes{display:flex;gap:8px;font-size:38px;line-height:1;color:#2c5640}.small-shapes span:nth-child(2){color:#94b59b}.small-shapes span:nth-child(3){color:#bed6a2}.art-small small{font-size:7px;letter-spacing:1.5px}.floating-note{position:absolute;background:#d5e7b7;color:#33533b;font-size:10px;font-weight:800;padding:14px 15px;border-radius:30px;top:73px;right:-13px;z-index:4;box-shadow:0 7px 18px #26452a16;transform:rotate(9deg)}.note-star{margin-left:7px;font-size:17px}.art-vertical{position:absolute;transform:rotate(90deg);right:-75px;top:55%;font-size:8px;letter-spacing:2px;color:#8da294}.service-ribbon{background:#e6ece2;border-block:1px solid #dce5d8}.ribbon-inner{display:flex;gap:26px;justify-content:space-between;align-items:center;padding-block:22px;font-size:11px;font-weight:700;color:#45634b}.ribbon-inner span{display:flex;align-items:center;gap:7px;white-space:nowrap}.ribbon-inner svg{width:15px;height:15px}.ribbon-divider{height:15px;width:1px;background:#bdd0c0;flex-shrink:0}.section{padding:105px 0}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:47px}.section-eyebrow{margin:0 0 18px;color:#558063}.section-head h2,.process-aside h2,.care-section h2,.faq-layout h2,.contact-head h2{font-size:clamp(32px,3.1vw,47px);letter-spacing:-1.5px;line-height:1.32;font-family:'Manrope','Noto Sans JP',sans-serif;font-weight:600;margin:0}.section-head>p{color:#748079;font-size:14px;line-height:1.95;margin:0 0 2px}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.service-card{background:#fff;border:1px solid #e0e6df;border-radius:14px;padding:27px 25px;min-height:346px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);border-color:#aec8ae;box-shadow:0 18px 30px #263b2a0d}.service-card-top{display:flex;justify-content:space-between;align-items:flex-start}.service-card .num{color:#91a298;font-size:11px;font-weight:700}.service-icon{display:flex;justify-content:center;align-items:center;width:43px;height:43px;border-radius:13px;background:#edf3e7;color:#3c654b}.service-icon svg{width:21px;height:21px}.service-category{margin:35px 0 9px;color:#68836d;font-size:10px;font-weight:800;letter-spacing:1px;text-transform:uppercase}.service-card h3{margin:0 0 14px;font-size:19px;line-height:1.45;font-weight:700;letter-spacing:-.55px}.service-desc{font-size:12px;color:#77817c;line-height:1.9;margin:0 0 20px}.service-tags{margin-top:auto;border-top:1px solid #e9ede8;padding-top:17px;font-size:10px;font-weight:700;color:#557561;line-height:1.6}.portfolio-section{background:#143629;color:#f3f6ed}.section-head-dark .section-eyebrow{color:#c6dfab}.section-head-dark>p{color:#b5c7ba}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.case-card{min-width:0}.case-showcase{height:312px;background:#e3ece6;border-radius:14px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.preview-kouju{background:linear-gradient(135deg,#d5e1dc,#bfcfc9)}.preview-koukan{background:linear-gradient(135deg,#e9e6dc,#cdd6c8)}.case-showcase:before{content:"";width:500px;height:500px;position:absolute;left:-150px;top:35px;border:1px solid #fff8;border-radius:50%}.case-browser{width:79%;height:245px;box-shadow:0 20px 35px #102b2433;border-radius:9px;overflow:hidden;transform:rotate(-2.5deg) translateY(19px);background:white;position:relative}.preview-koukan .case-browser{transform:rotate(3deg) translateY(20px)}.case-browser-bar{height:25px;background:#f7f8f6;display:flex;justify-content:space-between;align-items:center;padding:0 12px;font-size:9px;color:#7c8781}.case-browser-bar>span:first-child{display:flex;gap:4px}.case-browser-bar i{height:5px;width:5px;border-radius:50%;background:#c1ccc4}.case-sample{height:220px;padding:20px 24px;position:relative;overflow:hidden}.sample-kouju{background:#f5f5f1;color:#223f35}.sample-koukan{background:#f3f0e7;color:#21322c}.sample-header{display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:.6px}.sample-header strong{font-size:12px;letter-spacing:1px}.sample-header strong span{color:#9ab2a2}.sample-kicker{margin-top:30px;font-size:7px;letter-spacing:1.5px;color:#8c9b91}.sample-h1{font-weight:700;font-size:26px;line-height:1.4;letter-spacing:-1px;position:relative;z-index:2;margin-top:10px}.sample-text{height:4px;width:95px;background:#b0bdb3;margin-top:17px;border-radius:3px}.sample-text.short{width:62px;margin-top:5px}.sample-visual{position:absolute;right:-15px;bottom:-15px;width:200px;height:172px;display:flex;align-items:end;gap:5px;transform:skewY(-8deg);opacity:.85}.building-shape{background:linear-gradient(90deg,#a1b7a7,#718c7b);border-radius:3px 3px 0 0}.building-shape.a{height:100px;width:55px}.building-shape.b{height:147px;width:70px;background:linear-gradient(90deg,#becdbd,#748e81)}.building-shape.c{height:126px;width:60px;background:linear-gradient(90deg,#80988a,#547262)}.koukan-visual .building-shape{background:linear-gradient(90deg,#baa98b,#6c8477)}.case-side{position:absolute;top:15px;right:15px;font-size:8px;letter-spacing:1.2px;color:#476e56}.case-meta{display:flex;gap:25px;justify-content:space-between;padding:26px 1px 6px}.case-type{color:#b7ccba;font-size:10px;letter-spacing:.7px}.case-meta h3{font-size:21px;letter-spacing:-.4px;margin:10px 0 10px}.case-meta p{color:#afc3b4;font-size:12px;line-height:1.8;max-width:385px;margin:0}.case-visit{display:flex;align-items:center;justify-content:center;width:45px;height:45px;border:1px solid #739981;border-radius:50%;flex-shrink:0;transition:background .2s,color .2s}.case-visit svg{width:19px;height:19px}.case-visit:hover{background:#f0f5ec;color:#143629}.case-visit span{position:absolute;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px}.case-foot{color:#9bb6a4;font-size:11px;margin:28px 0 0}.pricing-section{background:#f1f3ec}.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:stretch}.price-card{border-radius:16px;background:#fff;border:1px solid #dce3da;overflow:hidden;position:relative;display:flex;flex-direction:column;padding:35px 30px 30px;min-height:450px}.price-card.featured{background:#e6eddc;border:1px solid #97b59a;box-shadow:0 16px 45px #436b4717;transform:translateY(-7px)}.popular{position:absolute;right:0;top:0;background:#264e38;color:#fff;font-size:10px;font-weight:700;letter-spacing:.4px;border-radius:0 0 0 14px;padding:10px 14px}.plan-id{font-size:9px;letter-spacing:1.4px;color:#869888;font-weight:800;margin:0 0 20px}.price-head h3{margin:0;font-size:22px;letter-spacing:-.5px}.plan-sub{font-size:12px;color:#869087;margin:7px 0 0}.price-mid{border-top:1px solid #dfe6dc;border-bottom:1px solid #dfe6dc;padding:21px 0 24px;margin-top:28px}.price-context{font-size:10px;font-weight:700;color:#7a8d7d;letter-spacing:.3px;margin:0 0 10px}.price-amount{font-size:36px;font-family:'Manrope',sans-serif;font-weight:750;letter-spacing:-2px;line-height:1.2}.price-amount span{font-size:17px;color:#7b8d81;vertical-align:top;margin-left:2px}.price-card ul{padding:0;margin:26px 0 30px;list-style:none;display:flex;flex-direction:column;gap:15px}.price-card li{font-size:12px;color:#647269;display:flex;gap:10px;align-items:center;line-height:1.4}.price-card li svg{width:14px;height:14px;color:#557c61}.price-link{margin-top:auto;border:1px solid #294c37;padding:15px 18px;border-radius:100px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;transition:background .2s,color .2s}.price-link svg{width:16px;height:16px}.price-link:hover{background:#264e38;color:#fff}.featured .price-link{background:#264e38;color:#fff}.featured .price-link:hover{background:#467453}.pricing-disclaimer{display:flex;align-items:start;gap:12px;margin-top:24px;color:#77897a}.pricing-disclaimer span{font-size:15px}.pricing-disclaimer p{font-size:11px;line-height:1.9;margin:0}.process-section{background:#fff}.process-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}.process-aside>p:not(.section-eyebrow){font-size:14px;line-height:2;color:#75847b;max-width:340px;margin:19px 0 0}.process-circle{margin-top:40px;height:130px;width:130px;border:1px solid #bed2be;border-radius:50%;display:grid;place-content:center;color:#4c7a53;position:relative;transform:rotate(-9deg)}.process-circle svg{position:absolute;left:-15px;top:0;color:#93b38e;width:35px;height:35px}.process-circle span{font-size:17px;font-weight:800;line-height:1.1;letter-spacing:2px}.process-list{border-top:1px solid #dfe6df}.process-step{display:grid;grid-template-columns:56px 1fr;gap:14px;border-bottom:1px solid #dfe6df;padding:26px 3px}.step-no{font-size:11px;color:#89aa91;font-weight:800;margin-top:3px}.process-step h3{font-size:19px;font-weight:700;letter-spacing:-.5px;margin:0 0 10px}.process-step p{font-size:13px;line-height:1.9;color:#7b877f;margin:0}.care-section{background:#dce8c9;overflow:hidden}.care-inner{display:grid;grid-template-columns:33% 1fr;gap:6%;align-items:center;min-height:355px;padding-block:65px}.care-deco{font-size:210px;font-family:Georgia,serif;color:#789d74;line-height:.7;transform:rotate(-13deg);text-align:center;opacity:.7}.care-section .section-eyebrow{color:#446b4a}.care-section h2{font-size:clamp(34px,4vw,58px);margin-bottom:15px}.care-section p:not(.section-eyebrow){color:#536b55;font-size:14px;line-height:2;max-width:700px}.button-light{background:#234831;color:#fff;margin-top:15px}.button-light:hover{background:#447153;transform:translateY(-2px)}.faq-section{background:#f8f9f5}.faq-layout{display:grid;grid-template-columns:35% 1fr;gap:9%}.faq-list{border-top:1px solid #dae3da}.faq-item{border-bottom:1px solid #dae3da}.faq-item summary{cursor:pointer;padding:22px 0;list-style:none;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:18px}.faq-item summary::-webkit-details-marker{display:none}.faq-plus{font-size:23px;color:#7a9c81;font-weight:400;transition:transform .2s}.faq-item[open] .faq-plus{transform:rotate(45deg)}.faq-item p{font-size:13px;color:#718176;line-height:2;margin:0 0 25px;max-width:580px}.contact-section{background:#143629;color:#f4f8f1;padding:100px 0 110px}.contact-head{max-width:740px;margin-bottom:43px}.contact-head .section-eyebrow{color:#b9d5b4}.contact-head h2{font-size:clamp(36px,4.6vw,60px)}.contact-head>p:last-child{font-size:14px;line-height:2;color:#b8cbbd;max-width:640px}.contact-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:70px;align-items:start}.contact-side-label{font-size:11px;letter-spacing:1.7px;font-weight:700;color:#b9d6b5;margin:0 0 15px;text-transform:uppercase}.contact-method{display:flex;align-items:center;gap:17px;border-bottom:1px solid #42634d;padding:22px 0;transition:opacity .2s}.contact-method:hover{opacity:.7}.contact-method-icon{height:44px;width:44px;border-radius:14px;background:#30573b;display:flex;align-items:center;justify-content:center}.contact-method-icon svg{width:20px;height:20px}.contact-method>span:nth-child(2){display:flex;flex-direction:column;gap:5px;flex:1}.contact-method strong{font-size:16px;font-weight:700}.contact-method small{font-size:11px;color:#bad0bc;overflow-wrap:anywhere}.contact-method>svg{color:#b4d2b5}.contact-method-secondary{opacity:.72}.contact-signature{margin-top:47px}.contact-signature>span{display:block;font-size:10px;letter-spacing:1.8px;color:#a2c8aa;margin-bottom:20px}.contact-signature img{filter:invert(1);width:160px;height:auto}.contact-signature p{color:#a4bba9;font-size:12px;margin-top:15px}.inquiry-form{background:#fff;color:var(--ink);border-radius:18px;padding:38px 35px 34px;box-shadow:0 20px 45px #091d1338}.inquiry-form h3{font-size:22px;margin:0 0 28px;letter-spacing:-.4px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{margin-bottom:17px}.field label{display:block;font-size:12px;font-weight:700;margin-bottom:10px;color:#43564a}.field label span{color:#d66e61}.field input,.field select,.field textarea{width:100%;background:#f8faf6;border:1px solid #dee5db;border-radius:8px;outline:none;font-size:13px;padding:14px 14px;color:#223d2d;transition:border-color .2s,box-shadow .2s}.field textarea{resize:vertical;min-height:114px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#63976c;box-shadow:0 0 0 3px #b2d3ae57}.field input::placeholder,.field textarea::placeholder{color:#a0aea2}.submit{width:100%;margin-top:4px;justify-content:space-between;padding:17px 23px}.form-help{display:flex;align-items:center;gap:6px;color:#8c9990;font-size:11px;line-height:1.8}.form-help svg{width:15px;height:15px;color:#609a65}.form-error{color:#ae3e3e;font-size:12px;margin:10px 0}.copy-fallback{margin-top:14px;background:#eef4e7;padding:14px 17px;border-radius:9px;font-size:12px}.copy-fallback p{line-height:1.7}.copy-btn{border:1px solid #507e59;background:white;border-radius:7px;padding:10px 12px;font-size:11px;font-weight:700}.footer{background:#0f2b20;color:#d5e5d5}.footer-main{display:flex;justify-content:space-between;gap:35px;align-items:start;padding-top:55px;padding-bottom:45px;border-bottom:1px solid #345441}.footer-logo img{filter:invert(1);width:215px;height:auto}.footer-main>div p{color:#8dad94;font-size:12px;margin-top:19px}.footer-main nav{display:flex;gap:25px;align-items:center;font-size:12px;font-weight:700}.footer-main nav a:hover{text-decoration:underline}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;color:#8ca995;min-height:85px;font-size:10px;line-height:1.7}.footer-bottom>span:nth-child(2){max-width:500px;text-align:center}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .55s ease,transform .55s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.price-card.featured.fade-in.visible{transform:translateY(-7px)}section[id]{scroll-margin-top:115px}body[data-lang=ja] .hero h1{font-size:clamp(43px,4.55vw,70px);letter-spacing:-3px;line-height:1.45}body[data-lang=ja] .hero h1 em{font-family:'Noto Sans JP',sans-serif;font-weight:500;font-style:normal}body[data-lang=ja] .section-head h2,body[data-lang=ja] .process-aside h2,body[data-lang=ja] .care-section h2,body[data-lang=ja] .faq-layout h2,body[data-lang=ja] .contact-head h2{letter-spacing:-1.5px;line-height:1.5}body[data-lang=ja] .service-desc,body[data-lang=ja] .process-step p{line-height:2.05}
@media(max-width:1180px){.container{width:min(1150px,calc(100% - 68px))}.desktop-nav{gap:19px}.header-inner{gap:20px}.hero h1{font-size:clamp(42px,5vw,66px)}.hero-art{transform:scale(.87);transform-origin:center}.art-vertical{display:none}.service-grid{grid-template-columns:repeat(2,1fr)}.service-card{min-height:280px}.service-category{margin-top:20px}.contact-grid{gap:42px}}
@media(max-width:840px){.topline .container>span:nth-child(2){display:none}.header-inner{height:74px}.desktop-nav,.header-contact{display:none}.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:41px;height:41px;border:1px solid #d1ddd3;border-radius:50%}.mobile-nav:not([hidden]){display:flex;flex-direction:column;background:var(--paper);padding:15px 6%;border-bottom:1px solid #dfe6df;box-shadow:0 15px 25px #102c1e1b}.mobile-nav a{font-weight:700;padding:13px;border-bottom:1px solid #e3e9e1}.hero{grid-template-columns:1fr;gap:0;padding-top:62px;padding-bottom:35px}.hero h1{max-width:730px}.hero-content{max-width:710px}.hero-art{height:450px;max-width:550px;margin-inline:auto;width:100%;transform:scale(.93)}.service-ribbon{overflow-x:auto}.ribbon-inner{width:max-content;gap:20px;padding-right:30px}.section{padding:77px 0}.section-head{grid-template-columns:1fr;gap:20px;margin-bottom:31px}.section-head>p{max-width:680px}.contact-grid{grid-template-columns:1fr;gap:38px}.contact-methods{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.contact-side-label,.contact-signature{grid-column:1/-1}.case-showcase{height:260px}.case-browser{height:220px}.process-layout{gap:40px}.price-card{padding:30px 22px}.price-amount{font-size:30px}}
@media(max-width:640px){.container{width:calc(100% - 38px)}.topline .container{height:30px}.topline{font-size:9px}.header-inner{height:68px}.logo-lockup img{width:153px}.lang-switch{padding:9px 11px}.hero{padding-top:47px;padding-bottom:22px;min-height:0}.eyebrow{font-size:8px;letter-spacing:1.05px;line-height:1.6}.hero h1,body[data-lang=ja] .hero h1{font-size:clamp(37px,10vw,53px);letter-spacing:-1.8px;line-height:1.22;margin:23px 0 18px}.hero h1 em{letter-spacing:-1.7px}.hero-intro{font-size:14px;line-height:1.85}.hero-buttons{gap:20px;margin-top:26px}.button{padding:15px 19px}.hero-footnote{font-size:10px}.hero-art{transform:scale(.68);transform-origin:top center;height:345px;width:575px;max-width:none;left:50%;margin-left:-287px;margin-top:27px}.floating-note{right:20px}.section{padding:66px 0}.section-head h2,.process-aside h2,.faq-layout h2,.contact-head h2{font-size:32px;line-height:1.4}.section-head>p{font-size:13px}.service-grid,.case-grid,.pricing-grid,.process-layout,.faq-layout{grid-template-columns:1fr}.service-card{min-height:0;padding:24px}.service-category{margin-top:15px}.service-card h3{font-size:19px}.service-desc{font-size:12px;margin-bottom:24px}.portfolio-section{padding-bottom:75px}.case-grid{gap:30px}.case-showcase{height:250px}.case-browser{height:212px}.case-meta{padding:20px 2px 0}.case-meta h3{font-size:19px}.case-foot{line-height:1.7}.pricing-grid{gap:15px}.price-card,.price-card.featured{transform:none;min-height:0;padding:28px 26px}.price-card.featured.fade-in.visible{transform:none}.price-card ul{margin:20px 0 25px}.price-head h3{font-size:21px}.process-layout{gap:35px}.process-circle{display:none}.care-inner{grid-template-columns:1fr;padding-block:58px}.care-deco{display:none}.care-section h2{font-size:35px}.faq-layout{gap:25px}.faq-item summary{font-size:13px;line-height:1.7}.contact-section{padding:70px 0}.contact-head h2{font-size:37px}.contact-grid{gap:34px}.contact-methods{grid-template-columns:1fr}.contact-signature{margin-top:30px}.inquiry-form{padding:29px 20px}.field-row{grid-template-columns:1fr;gap:0}.footer-main,.footer-bottom{flex-direction:column;align-items:flex-start}.footer-main nav{flex-wrap:wrap;gap:17px}.footer-bottom{padding:27px 0;gap:8px}.footer-bottom>span:nth-child(2){text-align:left}.fade-in{transition-duration:.35s}section[id]{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.fade-in{opacity:1;transform:none}}
/* Keep decorative rotated elements from extending the document on narrow devices. */
body{overflow-x:clip}