/* 日英共通の静的サイト。外部フォント・追跡スクリプトを必要としない。 */
:root{color-scheme:dark;--bg:#102624;--panel:#183530;--ink:#f3f2e8;--muted:#bdcdc6;--mint:#b8ecd1;--line:#ffffff29;--serif:Georgia,"Yu Mincho","Hiragino Mincho ProN",serif;--sans:system-ui,-apple-system,"Segoe UI","Yu Gothic",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.85 var(--sans)}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--mint)}a:focus-visible{outline:3px solid #e8d489;outline-offset:6px;border-radius:3px}img{max-width:100%}.shell{width:min(1240px,calc(100% - 96px));margin-inline:auto}.skip-link{position:absolute;left:16px;top:-100px;z-index:5;background:var(--ink);color:var(--bg);padding:8px 16px}.skip-link:focus{top:16px}
.site-header{min-height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:650;font-size:20px;text-decoration:none;letter-spacing:-.5px}.site-header nav{display:flex;align-items:center;gap:28px;font-size:14px}.site-header nav a{text-decoration:none}.language{border:1px solid var(--line);border-radius:24px;padding:7px 17px}
.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding-block:80px 76px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:650;color:var(--mint);margin:0 0 25px}.status-dot{display:inline-block;width:7px;height:7px;background:#b8ecd1;border-radius:50%;margin-right:8px;vertical-align:1px}h1{font-family:var(--serif);font-weight:500;font-size:clamp(36px,4.15vw,59px);line-height:1.4;letter-spacing:-1.8px;margin:0 0 28px}html[lang=en] h1{font-size:clamp(46px,5.2vw,74px);line-height:1.12}.intro{font-size:16px;color:var(--muted);margin-bottom:32px;line-height:2}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--mint);color:#14392c;border:1px solid var(--mint);padding:13px 22px;border-radius:5px;text-decoration:none;font-weight:650;font-size:14px}.button:hover{color:#14392c;background:#d5f6e2}.availability{font-size:12px;color:var(--muted);margin-top:18px;max-width:400px}
.desktop-preview{margin:0;min-width:0}.desktop-preview figcaption{font-size:11px;color:var(--muted);margin-top:12px;text-align:right}.desktop-art{position:relative;min-height:440px;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 70% 85%,#beae77 0,transparent 50%),radial-gradient(ellipse at 25% 95%,#5d8674 0,transparent 70%),#24453e;border:1px solid #ffffff30;box-shadow:0 22px 55px #00130f50}.art-top{display:flex;align-items:center;gap:9px;padding:18px 22px;color:#dce8db;font-size:9px;letter-spacing:2px}.art-top>span:last-child{margin-left:auto}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#b8ecd1}.clock-sample{position:absolute;top:74px;left:32px;right:32px;max-width:340px;padding:19px 22px;background:#13211f;border:1px solid #ffffff22;border-radius:8px;box-shadow:0 15px 25px #0b1d1940}.sample-label{display:block;color:#b8c7be;font-size:9px;letter-spacing:2px}.flip-digits{display:flex;align-items:center;gap:7px;margin:10px 0}.flip-digits>span{position:relative;display:flex;align-items:center;justify-content:center;flex:1;height:74px;border-radius:4px;background:linear-gradient(#293530 49%,#101b17 49%,#101b17 52%,#344039 52%);font:bold 54px/1 var(--sans);color:#f2ebd7}.flip-digits b{font-size:30px;font-weight:400}.clock-caption{font:italic 11px var(--serif);color:#b8c7be}.calendar-sample{position:absolute;top:236px;left:34px;width:118px;padding:16px 10px 20px;text-align:center;transform:rotate(-5deg);background:#f4eddb;color:#3f4a3a;box-shadow:4px 9px 15px #10251d30}.calendar-sample span{display:block;font-size:9px;letter-spacing:1px}.calendar-sample strong{display:block;font:64px/1.25 var(--serif)}.calendar-sample i{position:absolute;bottom:-5px;left:0;width:100%;height:5px;background:#d8cfba;clip-path:polygon(0 0,100% 0,100% 70%,90% 20%,80% 90%,70% 30%,60% 80%,50% 10%,40% 70%,30% 20%,20% 90%,10% 30%,0 70%)}.board-sample{position:absolute;top:255px;left:180px;right:23px;padding:16px;background:#172923e8;border:1px solid #ffffff25;border-radius:5px}.board-sample>div{display:flex;gap:14px;border-bottom:1px solid #ffffff15;padding-block:8px;font-size:11px;white-space:nowrap}.board-sample>div:last-child{border:0}.board-sample time{font-variant-numeric:tabular-nums;color:#c9dc9c}.art-bottom{position:absolute;bottom:15px;left:23px;right:23px;display:flex;justify-content:space-between;align-items:center;font:italic 11px var(--serif);color:#fff5d9}
.features{border-top:1px solid var(--line);padding-block:60px 72px}.section-heading h2,.principles h2,.contact h2{font:500 clamp(25px,3vw,37px)/1.45 var(--serif);letter-spacing:-.5px;margin:0 0 18px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:14px}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:40px}.feature-list article{border-top:1px solid #bfd9c74d;padding-top:22px}.feature-number{color:var(--mint);font-size:10px;letter-spacing:2px}.feature-list h3{font-size:19px;font-weight:550;margin:15px 0 12px}.feature-list p{font-size:14px;color:var(--muted);margin:0 0 22px}.feature-detail{display:block;font-size:11px;color:#d9e6dc}.principles{padding:38px 42px 42px;background:#193830;border-radius:8px}.principle-text{display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:14px;color:var(--muted)}.principle-text p{margin:0}.contact{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:76px}.contact p:not(.eyebrow){color:var(--muted);font-size:14px}.contact-links{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.email{font-size:14px;overflow-wrap:anywhere}.site-footer{border-top:1px solid var(--line);padding-block:23px 32px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:11px}
@media(min-width:1500px){.hero{padding-block:105px}.desktop-art{min-height:460px}.art-bottom{bottom:21px}}
@media(max-width:1050px){.shell{width:calc(100% - 56px)}.hero{gap:30px}.clock-sample{left:22px;right:22px}.calendar-sample{left:25px;width:100px}.board-sample{left:145px;right:18px;padding:12px}.board-sample>div{gap:8px;font-size:10px}.feature-list{gap:24px}.site-header nav{gap:18px}}
@media(max-width:780px){.hero{grid-template-columns:1fr;padding-block:50px;gap:35px}.hero-copy{max-width:600px}h1{font-size:46px}.desktop-preview{width:100%;max-width:580px}.desktop-art{min-height:445px}.clock-sample{left:32px;right:32px;max-width:340px}.calendar-sample{left:40px;width:118px}.board-sample{left:192px;right:30px;padding:16px}.board-sample>div{font-size:12px;gap:14px}.feature-list{grid-template-columns:1fr;gap:28px}.feature-list p{max-width:590px}.principle-text{grid-template-columns:1fr;gap:20px}.contact{align-items:flex-start;flex-direction:column;gap:20px}.site-header{flex-wrap:wrap;padding-block:20px;gap:18px}.site-header nav{font-size:13px;gap:20px}}
@media(max-width:440px){.shell{width:calc(100% - 36px)}h1{font-size:36px;letter-spacing:-1px}html[lang=en] h1{font-size:46px}.brand{font-size:18px}.site-header nav{width:100%;justify-content:space-between;gap:10px}.desktop-art{min-height:410px}.clock-sample{top:62px;left:18px;right:18px;padding:15px}.flip-digits>span{height:66px;font-size:47px}.calendar-sample{left:20px;top:230px;width:92px;padding:13px 8px}.calendar-sample strong{font-size:53px}.calendar-sample span{font-size:8px}.board-sample{top:240px;left:127px;right:13px;padding:10px}.board-sample>div{font-size:9px;gap:8px}.art-bottom{font-size:10px}.principles{padding:28px 22px}.site-footer{flex-direction:column;gap:8px}.intro{font-size:14px}.eyebrow{font-size:10px;letter-spacing:1.6px}.button{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(forced-colors:active){.button,.desktop-art,.clock-sample,.calendar-sample,.board-sample{border:1px solid CanvasText}.flip-digits>span{border:1px solid CanvasText}.status-dot{background:CanvasText}}