:root{--ink:#263237;--muted:#68717b;--line:#dde1ea;--accent:#6f789b;--accent-deep:#5e688d;--accent-soft:#eef1f7;--paper:#fdfcf9;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.9;letter-spacing:.035em}.l-container,.l-content{max-width:none!important;padding:0!important;margin:0!important}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}
.site-header{height:88px;padding:0 clamp(28px,5vw,84px);display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:10;border-bottom:1px solid rgba(255,255,255,.45)}
.brand{display:inline-flex;align-items:center;gap:13px;line-height:1;color:#233138}.brand b{display:block;font:500 14px/1.2 Georgia,serif;letter-spacing:.2em}.brand small{display:block;margin-top:7px;font-size:9px;letter-spacing:.06em}.clover{width:31px;height:31px;position:relative;display:inline-block;flex:0 0 auto}.clover i{position:absolute;width:13px;height:13px;background:var(--accent);border-radius:60% 60% 60% 20%;transform-origin:100% 100%}.clover i:nth-child(1){left:1px;top:1px}.clover i:nth-child(2){right:1px;top:1px;transform:rotate(90deg)}.clover i:nth-child(3){right:1px;bottom:1px;transform:rotate(180deg)}.clover i:nth-child(4){left:1px;bottom:1px;transform:rotate(270deg)}
.desktop-nav{display:flex;align-items:center;gap:clamp(22px,3vw,48px);font:500 12px/1 var(--serif)}.desktop-nav a{padding:12px 0}.contact-link{margin-left:14px}.mobile-menu{display:none}
.hero{height:min(780px,100vh);min-height:650px;position:relative;overflow:hidden;background:#edf3f7}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(253,252,249,.94) 0%,rgba(253,252,249,.76) 34%,rgba(253,252,249,.08) 64%),var(--hero-image,url('../images/hero-light-water.webp')) center/cover no-repeat}.hero-copy{position:absolute;left:clamp(46px,8vw,136px);top:50%;transform:translateY(-42%);max-width:620px}.eyebrow{margin:0 0 18px;color:var(--accent-deep);font:600 11px/1.6 var(--sans);letter-spacing:.28em}.hero h1,.section h2,.ten-days h2,.contact h2{margin:0;font:400 clamp(42px,5vw,74px)/1.45 var(--serif);letter-spacing:.08em}.hero .lead{margin:24px 0 22px;font-size:15px;line-height:2.15}.text-link{display:inline-flex;gap:22px;align-items:center;color:var(--accent-deep);border-bottom:1px solid #98a1b9;padding:4px 0;font:500 13px/1.8 var(--serif)}.hero-note{position:absolute;right:9vw;top:48%;padding-left:36px;border-left:1px solid #a9afc0;font:400 16px/2 var(--serif);letter-spacing:.12em}
.section{padding:110px clamp(28px,6vw,96px);max-width:1440px;margin:auto}.section-heading h2{font-size:clamp(34px,4vw,56px);line-height:1.45}.split-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:80px;align-items:end;margin-bottom:64px}.split-heading>p{max-width:500px;margin:0 0 7px;color:var(--muted);font-size:15px}
.task-feature{display:grid;grid-template-columns:38% 62%;min-height:500px;border:1px solid var(--line);background:linear-gradient(130deg,#f7f8fa,#eef1f6);overflow:hidden}.task-copy{padding:64px 48px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.product-name{display:flex;align-items:center;gap:12px;margin:0 0 30px;font:bold 21px/1.2 Arial,sans-serif}.product-name .clover{width:24px;height:24px}.product-name .clover i{width:10px;height:10px}.task-copy h3,.product-list h3{font:400 31px/1.65 var(--serif);letter-spacing:.06em;margin:0 0 18px}.task-copy>p:not(.product-name){max-width:420px;color:#56606b}.task-copy .text-link{margin-top:18px}.device-scene{position:relative;display:flex;align-items:center;padding:52px 6% 42px 3%;background:linear-gradient(145deg,#dce5ee,#f0f2f7)}.desktop-shot{width:88%;box-shadow:0 24px 60px rgba(62,68,94,.14);border:7px solid #f0f1f5;border-radius:10px}.mobile-shot{position:absolute;width:20%;right:5%;bottom:42px;border:5px solid #263033;border-radius:17px;box-shadow:0 20px 40px rgba(38,42,61,.2)}
.product-list{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-top:0}.product-list article{min-height:300px;padding:52px;background:linear-gradient(135deg,#fafafa,#eef3f7)}.product-list article+article{border-left:1px solid var(--line);background:linear-gradient(135deg,#fcfcfa,#f0f0f6)}.product-list h3{font-size:27px}.product-list p:not(.eyebrow){max-width:450px;color:#616871}
.philosophy{padding-top:80px}.philosophy .split-heading{align-items:start}.philosophy .split-heading>p{padding-top:36px}.principles{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.principles article{padding:45px 42px;position:relative}.principles article+article{border-left:1px solid var(--line)}.principles h3{font:400 22px/1.5 var(--serif);margin:20px 0 10px}.principles p{margin:0;color:var(--muted);font-size:14px}.line-icon{width:36px;height:36px;display:block;position:relative}.line-icon.eye{border:1.5px solid var(--accent);border-radius:70% 8%;transform:rotate(45deg)}.line-icon.eye:after{content:"";position:absolute;width:8px;height:8px;border:1.5px solid var(--accent);border-radius:50%;left:12px;top:12px}.line-icon.circle{border:1.5px solid var(--accent);border-left-color:transparent;border-radius:50%}.line-icon.circle:after{content:"↖";color:var(--accent);position:absolute;left:-4px;top:-8px;transform:rotate(-18deg)}.line-icon.sprout:before{content:"⌇";font:44px/1 Georgia;color:var(--accent);position:absolute;left:10px;top:-10px}
.ten-days{min-height:520px;padding:100px clamp(28px,8vw,130px);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;background:linear-gradient(90deg,rgba(232,239,247,.94),rgba(249,249,252,.9)),var(--hero-image,url('../images/hero-light-water.webp')) center 58%/cover no-repeat;border-block:1px solid var(--line)}.days-number{display:flex;align-items:baseline;justify-content:center;gap:30px;color:#6e7898}.days-number strong{font:300 clamp(84px,11vw,170px)/1 Georgia,serif}.days-number span{font:300 32px/1 Georgia,serif}.ten-days h2{font-size:clamp(36px,4vw,58px)}.ten-days p:last-child{margin-top:24px;color:#59616d}
.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.lower-grid .section-heading{margin-bottom:34px}.lower-grid h2{font-size:38px}.news ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.news li{display:grid;grid-template-columns:120px 1fr;gap:20px;padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.news time{color:#6a797d;font:12px/1.8 Georgia,serif}.company-intro{margin:0 0 30px;color:#5b696d}.company dl{margin:0;border-top:1px solid var(--line);font-size:14px}.company dl div{display:grid;grid-template-columns:110px 1fr;padding:10px 0;border-bottom:1px solid var(--line)}.company dt{color:#657478}.company dd{margin:0}
.contact{text-align:center;padding:100px 24px;background:var(--accent-soft);border-top:1px solid var(--line)}.contact h2{font-size:clamp(34px,4vw,50px)}.contact p:not(.eyebrow){margin:22px 0 28px;color:#626a74}.contact>a{display:inline-flex;gap:34px;padding:15px 28px;color:var(--accent-deep);border:1px solid #9da5ba;font:500 14px/1 var(--serif)}footer{padding:45px clamp(28px,6vw,96px);display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:50px;border-top:1px solid var(--line)}footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 26px;font-size:11px;color:#596273}footer>small{font:10px/1 Georgia,serif;color:#737b8e;white-space:nowrap}
.subpage-header{position:relative;background:rgba(253,252,249,.98);border-bottom:1px solid var(--line)}.company-page-title{padding:56px clamp(28px,6vw,96px) 48px;background:linear-gradient(110deg,#fdfcf9 0%,#f0f1f7 100%);border-bottom:1px solid var(--line)}.company-page-title p{margin:0 0 22px;color:var(--accent-deep);font:600 11px/1.6 var(--sans);letter-spacing:.3em}.company-page-title h1{margin:0;font:400 clamp(26px,2.6vw,32px)/1.5 var(--serif);letter-spacing:.12em}.company-page-body{max-width:980px;margin:auto;padding:100px clamp(24px,5vw,64px) 120px}.company-page-intro{max-width:760px;margin-bottom:90px;font-size:17px;line-height:2.25;color:#515963}.company-page-intro p{margin:0 0 24px}.company-profile h2,.business-list h2{margin:0 0 32px;font:400 32px/1.5 var(--serif);letter-spacing:.1em}.company-profile dl{margin:0;border-top:1px solid var(--line)}.company-profile dl div{display:grid;grid-template-columns:180px 1fr;padding:21px 0;border-bottom:1px solid var(--line)}.company-profile dt{color:#687180}.company-profile dd{margin:0}.inline-link{color:var(--accent-deep);border-bottom:1px solid #98a1b9;padding-bottom:3px}.business-list{margin-top:100px}.business-list ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.business-list li{display:grid;grid-template-columns:270px 1fr;gap:42px;padding:27px 0;border-bottom:1px solid var(--line)}.business-list strong{font:500 17px/1.8 var(--serif);letter-spacing:.05em}.business-list span{color:#626a75;font-size:14px}
@media(max-width:850px){.site-header{height:72px;padding:0 22px}.desktop-nav{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{list-style:none;width:40px;height:40px;display:grid;place-content:center;gap:7px;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary span{display:block;width:22px;height:1px;background:var(--ink)}.mobile-menu nav{position:absolute;right:-22px;top:50px;width:100vw;padding:28px;background:rgba(253,252,249,.98);border-block:1px solid var(--line);display:grid}.mobile-menu nav a{padding:10px 0;font-family:var(--serif)}.hero{height:720px;min-height:0}.hero-image{background:linear-gradient(180deg,rgba(253,252,249,.96) 0%,rgba(253,252,249,.82) 48%,rgba(253,252,249,.05) 74%),var(--hero-image,url('../images/hero-light-water.webp')) 62% center/cover no-repeat}.hero-copy{left:27px;right:27px;top:145px;transform:none}.hero h1{font-size:43px}.hero .lead{font-size:14px;line-height:2}.desktop-break{display:none}.hero-note{display:none}.section{padding:80px 24px}.split-heading{grid-template-columns:1fr;gap:28px;margin-bottom:42px}.split-heading>p{font-size:14px}.task-feature{grid-template-columns:1fr}.task-copy{padding:42px 28px}.device-scene{min-height:300px;padding:42px 26px}.desktop-shot{width:92%}.mobile-shot{width:22%;right:5%;bottom:34px}.product-list{grid-template-columns:1fr}.product-list article{padding:40px 28px}.product-list article+article{border-left:0;border-top:1px solid var(--line)}.philosophy .split-heading>p{padding-top:0}.principles{grid-template-columns:1fr}.principles article{padding:35px 20px}.principles article+article{border-left:0;border-top:1px solid var(--line)}.ten-days{grid-template-columns:1fr;gap:35px;padding:80px 24px}.days-number{gap:20px}.days-number strong{font-size:92px}.lower-grid{grid-template-columns:1fr;gap:80px}.news li{grid-template-columns:95px 1fr}.contact{padding:80px 24px}footer{grid-template-columns:1fr;justify-items:start;gap:28px}footer nav{justify-content:flex-start}footer>small{justify-self:start}}
@media(max-width:850px){.company-page-title{padding:40px 24px 36px}.company-page-body{padding:72px 24px 90px}.company-page-intro{margin-bottom:65px;font-size:16px}.company-profile dl div{grid-template-columns:105px 1fr;gap:16px}.business-list{margin-top:80px}.business-list li{grid-template-columns:1fr;gap:8px;padding:24px 0}}
@media(max-width:390px){.brand b{font-size:12px}.brand small{font-size:8px}.hero h1{font-size:38px}.hero .lead{font-size:13px}.task-copy h3{font-size:28px}.days-number strong{font-size:78px}.company dl div{grid-template-columns:92px 1fr}.company-profile dl div{grid-template-columns:90px 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}