@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;600;700&display=swap');
:root{--ink:#173a50;--blue:#076c9d;--green:#397d58;--gold:#a98338;--cream:#f8f7f3}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans JP',sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 max(4%,calc((100% - 1250px)/2));gap:28px;background:#fff;position:relative;z-index:10}.logo{display:flex;align-items:center;gap:9px;color:#1a5b83;font-family:Georgia,serif;font-weight:700;font-size:28px;line-height:1}.logo-mark{font-size:43px;color:#3c9bc2;transform:rotate(-15deg)}.logo small{display:block;font:500 9px 'Noto Sans JP',sans-serif;letter-spacing:.05em;margin-top:5px}.site-header nav{display:flex;gap:24px;font-size:12px;font-weight:700}.site-header nav a:hover{color:#2c97bf}.home-link{border:1px solid #b8d3de;border-radius:30px;padding:11px 17px;font-size:12px;white-space:nowrap}.hero{min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,rgba(0,47,81,.8),rgba(0,70,111,.15)),linear-gradient(120deg,#0b4469,#78b9d8)}.hero:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 76% 17%,rgba(255,255,255,.35),transparent 30%),linear-gradient(180deg,transparent 65%,rgba(0,35,59,.36))}.hero-content{position:relative;z-index:1;width:min(1200px,90%);margin:auto;color:white;padding:90px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.23em}.hero h1,.opening h2,.section-intro h2,.closing h2{font-family:'Noto Serif JP',serif;font-weight:600}.hero h1{font-size:clamp(42px,5.6vw,76px);line-height:1.52;letter-spacing:.09em;margin:30px 0}.hero h1 em{font-style:normal;color:#d5edf4}.hero-desc{line-height:2.2;font-size:15px;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;border-radius:40px;padding:16px 29px;font-size:13px;font-weight:700;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.06)}.button-white{background:#fff;color:#145576}.hero-bottom{position:absolute;bottom:24px;right:5%;color:#fff;font:12px Georgia,serif;letter-spacing:.25em}.opening{text-align:center;padding:112px 5% 115px;background:linear-gradient(#fff,#f5f9f9)}.ink{color:#4e93ad}.opening h2{font-size:clamp(30px,3.5vw,47px);line-height:1.7;margin:16px 0}.opening h2 span{color:#39748b}.lead{line-height:2.2;color:#587182;font-size:14px}.brand-grid{display:grid;grid-template-columns:repeat(3,1fr);max-width:1190px;margin:62px auto 0;gap:24px;text-align:left}.brand-card{border-radius:15px;background:white;box-shadow:0 13px 40px #163f5215;overflow:hidden;transition:transform .2s}.brand-card:hover{transform:translateY(-5px)}.brand-art{height:250px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:25px;color:white;overflow:hidden}.rei-art{background:linear-gradient(0deg,#034b83b0,#007bba44),url('water.jpg') center/cover}.fix-art{background:linear-gradient(0deg,#30291bb8,#b68e4650),url('sun.jpg') center/cover}.mcb-art{background:linear-gradient(0deg,#123d24a8,#5a934444),url('green.jpg') center/cover}.art-label{font-size:10px;letter-spacing:.22em;font-weight:700}.brand-name{font-family:Georgia,serif;font-size:42px;letter-spacing:.02em}.brand-copy{padding:29px}.brand-index{font-size:11px;letter-spacing:.1em;color:#5d93a7}.brand-copy h3{font-family:'Noto Serif JP',serif;font-size:21px;margin:13px 0}.brand-copy p{font-size:13px;color:#647c89;line-height:2;min-height:54px}.more{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border-top:1px solid #dbe5e7;padding-top:16px;font-size:12px;font-weight:700}.more b{font-size:19px}.brand-section{display:grid;grid-template-columns:1fr 1fr;min-height:630px}.section-intro{padding:100px clamp(32px,8vw,145px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.section-intro h2{font-size:clamp(30px,3.6vw,50px);line-height:1.65;margin:20px 0}.section-intro>p:not(.eyebrow){line-height:2.2;font-size:14px;color:#546e7c}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:19px 0 31px}.tag-list span{border:1px solid #cbdce0;padding:8px 12px;border-radius:25px;font-size:11px}.section-visual{position:relative;min-height:550px;overflow:hidden}.rei-section{background:#f1f9fc}.rei-visual{background:radial-gradient(circle at 50% 30%,#9ed6ec,#2387bb 60%,#0a4b82);display:grid;place-items:center}.rei-visual:before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(110deg,transparent 0 44px,#ffffff0b 47px 52px)}.product-photo{position:relative;background:#fff;padding:22px;box-shadow:0 22px 70px #003a5e6b;max-width:300px;width:60%;transform:rotate(-5deg)}.product-photo img{width:100%;aspect-ratio:1/1;object-fit:contain}.product-photo figcaption{font:italic 15px Georgia,serif;color:#6a8b9a;margin-top:14px}.button-disabled{border-radius:30px;background:#dbe5e8;color:#496474;padding:15px 23px;font-size:13px;font-weight:700;cursor:not-allowed}.button-disabled span{font-size:10px;margin-left:12px;font-weight:400}.small-note{font-size:11px!important;line-height:1.8!important;margin-top:17px}.interlude{min-height:240px;background:linear-gradient(#10496a88,#10496a88),linear-gradient(120deg,#0b4469,#78b9d8);display:grid;place-items:center;text-align:center;color:#fff;font:26px/1.8 'Noto Serif JP',serif;letter-spacing:.08em}.fix-section{background:#fffdf8}.fix-visual{background:linear-gradient(125deg,#20272eaa,#4d4d4d33),url('sun.jpg') center/cover;display:grid;place-items:center}.feature-panel{border:1px solid #f2dbac;color:#fff;background:#162c3b9e;padding:50px;display:flex;align-items:center;gap:20px}.feature-symbol{font-size:80px;color:#e8c47c;line-height:1}.feature-text{font:40px Georgia,serif}.feature-text small{display:block;font:10px 'Noto Sans JP',sans-serif;letter-spacing:.25em;margin-top:12px}.button-gold{background:#ac873e;color:#fff}.mcb-section{background:#f4f9f3}.mcb-visual{background:linear-gradient(125deg,#17452744,#17452710),url('green.jpg') center/cover;display:grid;place-items:center}.mcb-stamp{background:#ffffffe8;border-radius:50%;height:245px;width:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 20px 60px #173c2b55;text-align:center}.mcb-stamp span{color:#6b9275;letter-spacing:.3em;font-size:11px}.mcb-stamp strong{font:600 30px/1.7 'Noto Serif JP',serif;color:#285a39}.button-green{background:#397d58;color:#fff}.closing{text-align:center;padding:110px 5%;color:white;background:linear-gradient(#073d63ad,#073d63ad),linear-gradient(120deg,#0b4469,#78b9d8)}.closing h2{font-size:clamp(30px,4vw,52px);line-height:1.7}.closing>p:not(.eyebrow){font-size:14px;line-height:2}.closing-links{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:35px}.closing-links a{border:1px solid #ffffffad;border-radius:30px;padding:13px 21px;font-size:12px}.closing-links a:hover{background:#ffffff25}footer{background:#12384d;color:#fff;display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:32px 5%;font-size:12px}footer strong{font:26px Georgia,serif}footer small{margin-left:auto;color:#b9d0db}@media(max-width:900px){.site-header{height:70px;padding:0 4%}.site-header nav{display:none}.hero{min-height:610px}.brand-grid{grid-template-columns:1fr;max-width:480px}.brand-art{height:230px}.brand-section{grid-template-columns:1fr}.section-intro{padding:72px 7%}.section-visual{min-height:440px}.fix-section .section-visual{order:2}.fix-section .section-intro{order:1}footer small{margin-left:0}}@media(max-width:520px){.hero h1{font-size:39px}.hero-content{padding:65px 0}.hero-desc{font-size:13px}.opening{padding:75px 5%}.brand-grid{margin-top:38px}.section-intro h2{font-size:33px}.site-header .home-link{font-size:10px;padding:9px}.feature-panel{padding:25px}.feature-text{font-size:28px}.feature-symbol{font-size:60px}.closing{padding:80px 6%}}

/* Ver7: product page legal identity */
.site-header .legal-logo{font-family:"Noto Serif JP",serif;font-size:clamp(19px,2.2vw,27px);font-weight:700;white-space:nowrap}.site-header .legal-logo small{font-family:"Noto Sans JP",sans-serif;font-size:9px}.rei-section .product-photo img{object-fit:contain;aspect-ratio:1/1}