:root{--ink:#123337;--sub:#244e4c;--line:#b1ded9;--bg:#81d8d0;--soft:#b1e8e2;--navy:#092d32;--accent:#11675e;--brand:#81d8d0}
body{background:var(--bg)}
.wrap{max-width:1240px;padding:0 48px}
section{padding:112px 0}
h2{font-family:"Noto Sans JP",sans-serif;font-size:clamp(28px,3.4vw,42px);letter-spacing:-.035em;line-height:1.45}
.en{font-size:11px;letter-spacing:.2em;display:flex;align-items:center;gap:12px}
.en::before{content:"";display:block;width:24px;height:2px;background:currentColor}
header{background:rgba(250,252,248,.97);border-bottom:0}
header{background:#fff}
.hd{height:92px}
.logo img{height:58px}
nav{display:flex;align-items:center;gap:30px}
nav a{margin:0;font-size:12px;font-weight:500}
.nav-cta{border-radius:999px;padding:11px 24px}
.hero{min-height:690px;display:flex;align-items:center;padding:100px 0 112px;background:#082e33}
.hero .wrap{width:100%}
.hero-media video{object-position:center}
.hero-media::after{background:linear-gradient(90deg,rgba(4,31,36,.94),rgba(4,31,36,.73) 45%,rgba(4,31,36,.22))}
.hero h1{font-family:"Noto Sans JP",sans-serif;font-size:clamp(38px,4.8vw,68px);letter-spacing:-.025em;line-height:1.55;margin:28px 0 30px}
.hero p{max-width:510px;font-size:14px;line-height:2.1}
.hero::before{width:500px;height:500px;right:-70px;top:90px;border-color:rgba(101,215,199,.28)}
.hero::after{width:700px;height:700px;right:-170px;top:-10px;border-color:rgba(101,215,199,.18)}
.msg{grid-template-columns:1fr 1.3fr;gap:100px}
.msg p{font-size:15px;line-height:2.25}
.sign{border-top:1px solid var(--line);padding-top:24px}
.biz{background:var(--bg)}
.grid{gap:20px;background:none;border:0;margin-top:48px}
.card{position:relative;padding:38px 40px 34px;border:1px solid #d7e4dd;border-radius:3px;transition:transform .2s,background .2s,border-color .2s}
.card:hover{transform:translateY(-4px);border-color:var(--accent)}
.card .num{font-size:32px;line-height:1.2;font-weight:500;color:#87aaa4;margin-bottom:28px}
.card h3{font-size:22px;margin:0 0 16px}
.card p{max-width:450px;min-height:82px}
.card .more{margin-top:22px;font-size:12px;letter-spacing:.06em}
.card::after{content:"↗";position:absolute;right:36px;top:34px;font-size:28px;color:var(--accent)}
.co{background:var(--bg)}
.co .wrap{display:grid;grid-template-columns:1fr 1.7fr;column-gap:80px}
.co .en{grid-column:1;align-self:end;margin-bottom:8px}
.co h2{grid-column:1;align-self:start;margin:0}
.co table{grid-column:2;grid-row:1 / span 3;border:0;background:transparent}
th,td{padding:22px 12px;font-size:14px;background:transparent}
th{width:140px;background:transparent}
.contact{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.contact .en{justify-content:center;color:var(--brand)}
.contact p{color:#bed0ce;font-size:14px}
.contact .btn{background:var(--brand);color:var(--navy);border-radius:999px;padding:18px 52px}
footer{border-top:1px solid #25464b;padding:36px 0;background:var(--navy)}
.ft{align-items:center;font-size:11px}
.page-head{padding:98px 0 90px;background:var(--navy);background-image:radial-gradient(ellipse at 90% 40%,#17564f 0,transparent 60%)}
.page-head h1{font-family:"Noto Sans JP",sans-serif;font-size:clamp(38px,5vw,64px);letter-spacing:-.025em}
.page-head p{font-size:14px;margin-top:24px}
.bsec{scroll-margin-top:92px}
.bhead{margin-bottom:20px}
.bhead .num{font-size:32px;font-weight:500;color:#7ba39b;margin-right:16px}
.bhead .en::before{display:none}
.bsec h2{margin-bottom:24px}
.lead{font-size:15px;line-height:2.1}
.prods{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.prod{padding:26px;border:1px solid var(--line);background:#fff;min-width:0}
.prod .pimg{margin:-26px -26px 26px;width:calc(100% + 52px)}
.prod h3{font-size:21px;letter-spacing:0}
.prod p{font-size:13px}
.prod .tag{font-size:10px}
.prod a.link{margin-top:auto;padding-top:22px;color:var(--accent)}
.facts{gap:20px}
.fact{border:0;border-left:2px solid #58b8a6;background:transparent;padding:12px 24px}
.gal img{aspect-ratio:16/10;border-radius:3px}
.support{gap:60px}
a:focus-visible{outline:3px solid #25a895;outline-offset:5px}
@media(max-width:1000px){.wrap{padding:0 30px}.msg{gap:44px}.co .wrap{column-gap:30px}.prods{grid-template-columns:1fr}.prod .pimg{max-height:280px}.hero h1{font-size:52px}nav{gap:20px}}
@media(max-width:760px){.wrap{padding:0 22px}section{padding:70px 0}.hd{height:76px}.logo img{height:48px}nav{gap:14px}nav a:not(.nav-cta){display:none}nav a[href="business.html"]{display:block;font-size:11px}.nav-cta{padding:9px 14px;font-size:11px}.hero{min-height:610px;padding:90px 0}.hero h1{font-size:clamp(30px,7.8vw,46px);line-height:1.65;letter-spacing:-.04em}.hero p{font-size:13px}.hero::before{right:-330px}.hero::after{right:-430px}.hero-media::after{background:linear-gradient(90deg,rgba(4,31,36,.91),rgba(4,31,36,.59))}.msg{grid-template-columns:1fr;gap:20px}.msg p{font-size:14px}.grid{grid-template-columns:1fr;gap:14px;margin-top:30px}.card{padding:28px}.card .num{font-size:28px;margin-bottom:20px}.card::after{right:26px;top:24px}.card p{min-height:0;font-size:13px}.card h3{font-size:20px}.co .wrap{display:block}.co h2{margin:8px 0 30px}.co .en{margin:0}th,td{padding:12px 0}th{width:100%;padding-bottom:4px}td{padding-top:0;padding-bottom:16px}.page-head{padding:70px 0 60px}.page-head p{font-size:13px}.bsec{scroll-margin-top:76px}.bsec .gal,.support{grid-template-columns:1fr}.support{gap:28px}.facts{grid-template-columns:1fr}.ft{gap:24px}.ft>span:last-child{font-size:10px}.contact .btn{padding:16px 36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}.card:hover{transform:none}}
.hero-media::after,.hero::before,.hero::after{display:none}
.hero h1,.hero p,.hero .en{text-shadow:0 2px 8px rgba(0,0,0,.6)}
.typing-letter{visibility:hidden}
.typing-letter.is-visible{visibility:visible}
.hero-intro{display:none}
.intro-active .hero-intro{display:flex;position:absolute;inset:0;z-index:2;align-items:center;justify-content:center;pointer-events:none}
.hero-intro img{width:clamp(140px,15vw,210px);height:auto;filter:drop-shadow(0 3px 12px rgba(0,0,0,.22));animation:logo-arrival 3.6s both}
.intro-active .hero-copy{opacity:0}
.intro-complete .hero-copy{animation:copy-arrival .7s both}
@keyframes logo-arrival{0%{opacity:0;transform:translateY(10px)}55%,78%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}
@keyframes copy-arrival{from{opacity:0}to{opacity:1}}
.menu-toggle{display:none}
#main-nav{gap:22px}
#main-nav a{font-size:11px}
#main-nav a[aria-current="page"]:not(.nav-cta){color:var(--accent);text-decoration:underline;text-underline-offset:7px}
.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.card{padding:0;overflow:hidden}
.card::after{display:none}
.card-photo{position:relative;overflow:hidden}
.card-photo img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .5s}
.card:first-child .card-photo img{object-position:25% center}
.card:hover .card-photo img{transform:scale(1.035)}
.photo-note{position:absolute;bottom:8px;right:10px;color:#fff;font-size:10px;text-shadow:0 1px 3px #000}
.card-copy{padding:24px}
.card .num{font-size:14px;letter-spacing:.1em;margin-bottom:10px}
.card h3{font-size:17px;line-height:1.7}
.card p{font-size:12px;min-height:0}
.card .more{margin-top:18px;font-size:11px}
.rela-feature{padding:72px 0;background:var(--bg)}
.rela-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}
.rela-visual img{display:block;width:100%;height:auto;border-radius:3px}
.rela-layout h2{margin:12px 0 20px}
.rela-layout p{font-size:14px;color:var(--sub)}
.text-link{display:inline-flex;gap:28px;align-items:center;text-decoration:none;color:var(--accent);font-size:13px;border-bottom:1px solid var(--accent);padding-bottom:8px;margin-top:24px}
.site-entrances{padding:0 0 80px}
.entrance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.entrance-grid>a{padding:28px 0;border-top:1px solid var(--line);text-decoration:none}
.entrance-grid h2{font-size:20px;display:flex;justify-content:space-between;margin:18px 0 0}
.status-label{display:inline-block;font-size:11px;color:var(--accent);padding:3px 12px;border:1px solid var(--line);border-radius:999px;letter-spacing:.06em;margin-top:12px}
.footer-top{display:flex;align-items:center;justify-content:space-between;gap:36px}
.footer-top nav{display:flex;flex-wrap:wrap;gap:22px}
.footer-top nav a{font-size:11px;color:#cfdbd8;margin:0}
.footer-bottom{margin-top:32px;font-size:10px;color:#98b3b0}
.breadcrumb{font-size:11px;margin-top:24px;color:#b4cbc6;display:flex;gap:12px}
.breadcrumb a{text-decoration:none}
.store-placeholder{min-height:400px}
.store-placeholder h2{margin:24px 0}
.store-placeholder p{color:var(--sub)}
.page-contact{padding-top:42px;padding-bottom:42px;text-align:right}
.care-visual{margin:24px 0 36px;max-width:760px}
.care-visual img{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:3px}
.care-visual figcaption{text-align:right;font-size:11px;color:var(--sub);margin-top:6px}
@media(max-width:1000px){
 .menu-toggle{display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font:inherit;font-size:12px;background:transparent;color:var(--ink)}
 #main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--bg);padding:16px 30px 24px;box-shadow:0 14px 24px rgba(9,45,50,.1);flex-direction:column;align-items:stretch;gap:0}
 #main-nav.is-open{display:flex}
 #main-nav a,#main-nav a:not(.nav-cta){display:block;font-size:14px;padding:14px 0;border-bottom:1px solid var(--line)}
 #main-nav .nav-cta{padding:12px 20px;margin-top:14px;text-align:center}
 .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rela-layout{gap:32px}
 .footer-top{align-items:flex-start}
 .footer-top nav{gap:16px;max-width:440px}
 .footer-top nav a:not(.nav-cta){display:block}
}
@media(max-width:760px){
 .hero{min-height:590px;padding:80px 0}
 .hero h1{font-size:clamp(28px,7.8vw,46px)}
 .grid{gap:14px}
 .card-copy{padding:18px 14px}
 .card h3{font-size:14px;margin-bottom:10px}
 .card p{font-size:11px;line-height:1.9}
 .card .more{font-size:10px}
 .card-photo img{aspect-ratio:1/1}
 .rela-feature{padding:56px 0}
 .rela-layout{grid-template-columns:1fr;gap:28px}
 .entrance-grid{grid-template-columns:1fr;gap:0}
 .entrance-grid>a{padding:24px 0}
 .site-entrances{padding-bottom:40px}
 .footer-top{flex-direction:column;gap:28px}
 .footer-top nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;gap:14px}
 .footer-top nav a{font-size:10px}
 .page-contact{text-align:center}
}
@media(prefers-reduced-motion:reduce){.hero-intro img,.intro-complete .hero-copy{animation:none}.intro-active .hero-copy{opacity:1}.intro-active .hero-intro{display:none}.card-photo img{transition:none}}
.portal-feature{background:var(--bg);padding:72px 0}
.portal-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:36px}
.portal-heading h2{margin:12px 0 18px;font-family:"Inter",sans-serif}
.portal-heading p{color:var(--sub);font-size:14px}
.portal-heading .text-link{flex-shrink:0}
.portal-agents{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.portal-agents figure{position:relative;overflow:hidden;aspect-ratio:4/3;background:#092d32}
.portal-agents img{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}
.portal-agents figcaption{position:absolute;bottom:0;left:0;right:0;padding:30px 20px 16px;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-size:11px}
.portal-agents strong{font-size:22px;margin:0 10px}
.portal-agents figcaption span{font-family:"Inter",sans-serif;letter-spacing:.12em;font-size:10px}
.portal-meeting{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center;margin-top:72px}
.portal-meeting img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block;border-radius:3px}
.portal-meeting p{color:var(--sub);font-size:14px}
.card-photo img{aspect-ratio:4/3}
.prod .pimg,.prod .pimg.cover{aspect-ratio:16/9;height:auto;max-height:none;object-fit:contain;object-position:center;background:#f2f5f3}
.care-visual{max-width:none}
.care-visual img{aspect-ratio:16/9;max-height:none;height:auto}
.gal img{aspect-ratio:16/9}
.grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1040px;margin-left:auto;margin-right:auto;gap:18px}
.card{display:grid;grid-template-columns:42% 1fr}
.card-photo{height:100%;min-height:176px}
.card-photo img{height:100%;aspect-ratio:auto;object-fit:cover}
.card:first-child .card-photo img{object-position:center 22%}
.card-copy{padding:22px}
.card h3{font-size:16px}
.card .num{font-size:12px}
.app-products{grid-template-columns:repeat(2,minmax(0,1fr))}
.ai-additional{margin-top:36px;grid-template-columns:minmax(0,1fr);max-width:520px}
.business-photo img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#eef2ef}
.tea-store-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:56px;align-items:center}
.tea-store-layout figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.tea-store-layout h2{margin:12px 0 24px}
.tea-store-layout p{color:var(--sub);font-size:14px}
.tea-store-layout .store-note{margin-top:20px;font-size:12px}
@media(max-width:760px){.tea-store-layout{grid-template-columns:1fr;gap:32px}}
.card[href="business.html#park"] .card-photo img{object-position:center 74%}
.inage-gallery figure:first-child img{object-position:center 74%}
.inage-map{margin-top:36px}
.inage-map img{display:block;width:100%;height:auto;object-fit:contain;border:1px solid var(--line)}
.inage-map figcaption{display:flex;justify-content:space-between;gap:16px;margin-top:12px;color:var(--sub);font-size:12px}
.inage-map figcaption a{color:var(--accent);text-decoration:none}
.portal-heading h3{font-family:"Inter",sans-serif;font-size:26px;margin-bottom:16px}
.portal-product{margin-top:48px}
#childcare,#rela{scroll-margin-top:110px}
.childcare-products{grid-template-columns:minmax(0,1fr);max-width:544px}
.hero h1.hero-story{position:relative;min-height:230px;max-width:1000px;font-family:"Inter",sans-serif;font-size:clamp(34px,4vw,56px);font-weight:500;line-height:1.45;letter-spacing:-.025em;margin:28px 0 0}
.story-message{display:none;transition:opacity .7s;overflow-wrap:normal}
.story-message.is-current{display:block}
.story-message.is-leaving{opacity:0}
.story-english{display:block}
.story-japanese{display:block;font-family:"Noto Sans JP",sans-serif;font-size:15px;font-weight:400;line-height:1.9;letter-spacing:.04em;margin-top:26px}
@media(max-width:760px){.hero .story-japanese{font-size:12px;line-height:1.9;margin-top:22px;letter-spacing:.02em}}
.hero-finale{display:flex;position:absolute;inset:0;z-index:3;background:#fff;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:0;visibility:hidden;transition:opacity 2s,visibility 2s;pointer-events:none}
.hero-finale img{width:clamp(160px,18vw,240px);height:auto}
.hero-finale img{width:clamp(300px,32vw,460px);max-width:calc(100vw - 32px)}
.hd .logo{height:76px;overflow:hidden;flex-shrink:0}
.hd .logo img{height:96px;width:auto}
@media(max-width:760px){.hd .logo{height:62px}.hd .logo img{height:82px}}
.hero-finale>span{font-family:"Inter",sans-serif;font-size:11px;letter-spacing:.23em;color:var(--navy)}
.story-complete .hero-finale{opacity:1;visibility:visible}
.story-complete:not(.finale-dismissed):not(.story-static) .hero-finale{position:fixed;z-index:100;inset:0;width:100%;height:100dvh}
.story-static .hero-copy{opacity:1}
.story-static .story-message{display:block;margin-bottom:24px}
.story-static .hero-finale{position:relative;opacity:1;visibility:visible;padding:44px 0;margin-top:32px;width:100%;transition:none}
.hero.story-static{display:block;padding-bottom:0}
@media(max-width:760px){.hero h1.hero-story{font-size:clamp(28px,7.5vw,40px);min-height:260px;line-height:1.5}.hero-story .typing-letter{white-space:normal}}
@media(prefers-reduced-motion:reduce){.story-message,.hero-finale{transition:none}}
.card-photo{height:180px;min-height:0}
.card-photo img{height:180px;aspect-ratio:auto}
@media(max-width:1000px){.card-photo,.card-photo img{height:auto;aspect-ratio:4/3}.card-photo img{width:100%;object-fit:cover}}
@media(max-width:1000px){.card{grid-template-columns:1fr}.card-photo{height:auto;min-height:0}.card-photo img{height:auto;aspect-ratio:16/9}}
@media(max-width:760px){.card-copy{padding:16px 14px}.card h3{font-size:13px}.card p{font-size:11px}.app-products{grid-template-columns:1fr}.bsec h2{font-size:clamp(23px,6vw,30px);overflow-wrap:anywhere}}
@media(max-width:760px){.portal-feature{padding:56px 0}.portal-heading{display:block}.portal-heading p{font-size:13px}.portal-agents{gap:8px}.portal-agents figure{aspect-ratio:3/4}.portal-agents figcaption{padding:26px 8px 10px;font-size:9px}.portal-agents strong{display:block;font-size:18px;margin:0}.portal-agents figcaption span{font-size:8px}.portal-meeting{grid-template-columns:1fr;gap:28px;margin-top:40px}}