@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap";:root{color:#123b52;font-synthesis:none;background:#f8faf9;font-family:DM Sans,Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}button,a{font:inherit}.header{z-index:30;background:#fffffff0;border-bottom:1px solid #123b5214;justify-content:space-between;align-items:center;width:100%;height:88px;padding:0 5vw;transition:all .3s;display:flex;position:fixed}.header.compact{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);height:72px;box-shadow:0 8px 30px #123b520c}.brand{cursor:pointer;background:0 0;border:0;padding:0}.brand img{object-fit:contain;width:240px;height:54px;display:block}.header nav{align-items:center;gap:30px;display:flex}.header nav button{color:#274e61;cursor:pointer;background:0 0;border:0;font-size:13px}.header nav a{color:#274e61;align-items:center;gap:8px;font-size:13px;text-decoration:none;display:flex}.header .contact-btn{color:#fff;background:#123b52;border-radius:50px;align-items:center;gap:14px;padding:14px 20px;display:flex}.menu-btn{background:0 0;border:0;display:none}.mobile-menu{display:none}.hero{background:#edf5f4;align-items:center;height:100vh;min-height:850px;max-height:1050px;padding:130px 7vw 90px;display:flex;position:relative;overflow:hidden}.hero-bg{background:linear-gradient(90deg,#edf5f4 0 52%,#0000 52%),linear-gradient(135deg,#0000 0 70%,#dff0ee 70%);position:absolute;inset:0}.hero-photo{width:49%;height:calc(100% - 88px);position:absolute;top:88px;right:0;overflow:hidden}.hero-photo:after{content:"";background:linear-gradient(90deg,#edf5f4 0,#0000 22%),linear-gradient(#0000 55%,#04222f47);position:absolute;inset:0}.hero-photo img{object-fit:cover;object-position:60% center;width:100%;height:100%;transform:scale(1.04)}.hero-photo span{z-index:2;color:#fff;text-align:right;letter-spacing:.2em;font-size:11px;line-height:1.8;position:absolute;bottom:5vw;right:4vw}.hero-copy{z-index:2;width:52%;max-width:760px;position:relative}.eyebrow,.section-tag{letter-spacing:.24em;color:#25a9c5;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.hero h1{letter-spacing:-.055em;color:#123b52;margin:26px 0 28px;font-size:clamp(48px,5.6vw,80px);line-height:1.24}.hero h1 em{color:#22a8c5;font-style:normal}.hero-copy>p:last-of-type{color:#58717d;font-size:14px;line-height:2}.hero-actions{gap:13px;margin-top:38px;display:flex}.hero-actions button{color:#fff;cursor:pointer;background:#123b52;border:1px solid #123b52;align-items:center;gap:25px;padding:17px 24px;font-weight:600;display:flex}.hero-actions .outline{color:#123b52;background:0 0;border-color:#123b5240}.hero-stats{z-index:3;gap:55px;display:flex;position:absolute;bottom:35px;left:7vw}.hero-stats div{border-left:1px solid #93afb5;flex-direction:column;gap:3px;padding-left:14px;display:flex}.hero-stats strong{color:#123b52;font-size:24px}.hero-stats span{letter-spacing:.12em;color:#789098;font-size:9px}.hero-stats svg{color:#25a9c5;width:26px;height:26px}.intro,.about{background:#fff;padding:130px 8vw}.intro-grid{grid-template-columns:1fr 1fr;gap:10vw;margin-top:65px;display:grid}.intro h2,.section-head h2,.contact h2{letter-spacing:-.05em;margin:0;font-size:clamp(36px,4.5vw,62px);line-height:1.4}.intro-grid>div{color:#647982;padding-top:10px;font-size:14px;line-height:2.15}.intro-grid .intro-lead{color:#123b52;font-size:19px;font-weight:500;line-height:1.95}.intro:after{content:"SUNMEGU";letter-spacing:-.08em;color:#f2f6f5;margin-top:100px;margin-left:-1vw;font-size:clamp(75px,14vw,210px);font-weight:700;line-height:.7;display:block}.services{background:#f4f7f6;padding:125px 8vw}.section-head{grid-template-columns:1fr 1fr;align-items:end;gap:8vw;margin-bottom:75px;display:grid}.section-head>p{color:#70838b;line-height:2}.service-block{background:#fff;border:1px solid #123b5210;margin-bottom:45px;padding:65px}.service-title{grid-template-columns:65px 1fr;gap:25px;margin-bottom:50px;display:grid}.service-title>span{color:#20a9c5;border-top:1px solid #20a9c5;padding-top:10px;font-size:11px}.service-title small{letter-spacing:.2em;color:#899aa1;font-size:9px}.service-title h3{margin:9px 0;font-size:36px}.service-title p{color:#788a90}.service-grid{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.service-card{background:#f4f7f6;min-height:300px;position:relative;overflow:hidden}.service-card.wide{grid-column:span 2}.service-card img{object-fit:cover;width:100%;height:210px;transition:all .4s}.service-card:hover img{transform:scale(1.035)}.service-card div{gap:12px;padding:17px;display:flex}.service-card span,.trade-list span{color:#21a8c5;font-size:9px}.service-card h4{margin:0;font-size:13px;line-height:1.65}.trade-hero{color:#fff;background:#123b52;grid-template-columns:1.35fr 1fr;display:grid}.trade-hero>img{object-fit:cover;width:100%;height:370px}.trade-hero>div{align-self:center;padding:50px}.trade-hero svg{color:#f1b85b}.trade-hero h4{margin:18px 0;font-size:27px;line-height:1.55}.trade-hero p{color:#bed0d6;font-size:12px;line-height:2}.trade-list{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px;display:grid}.trade-list>div{background:#f4f7f6;padding:13px}.trade-list img{object-fit:cover;width:100%;height:100px;margin:10px 0}.trade-list p{margin:0;font-size:11px;line-height:1.7}.cases{color:#fff;background:#123b52;padding:125px 8vw}.section-head.light>p{color:#b8c9ce}.case-list{border-top:1px solid #ffffff24}.case-list>div{border-bottom:1px solid #ffffff24;grid-template-columns:50px 85px 1.3fr 1fr 28px;align-items:center;gap:18px;padding:26px 6px;transition:all .2s;display:grid}.case-list>div:hover{background:#ffffff08;padding-left:15px}.case-list>div>span{color:#59c0d4;font-size:9px}.case-list b{color:#75d1e2;text-align:center;border:1px solid #55bed3;padding:6px;font-size:9px}.case-list b.gold{color:#e5bd75;background:0 0;border-color:#e5b765}.case-list h3{margin:0;font-size:18px}.case-list p{color:#a9bec4;font-size:11px}.case-list svg{color:#55bfd4}.about-wrap{grid-template-columns:.8fr 1.3fr;gap:9vw;display:grid}.about-message{background:#edf5f4;padding:50px}.about-message svg{color:#22a8c5}.about-message h3{font-size:29px;line-height:1.65}.about-message p{color:#6c8088;font-size:12px;line-height:2}.about dl{margin:0}.about dl div{border-bottom:1px solid #123b5218;grid-template-columns:135px 1fr;padding:20px 0;font-size:12px;line-height:1.9;display:grid}.about dt{color:#7c8e94}.about dd{margin:0}.contact{color:#123b52;background:#e7f2f1;grid-template-columns:1fr 1fr;gap:8vw;padding:105px 8vw;display:grid}.contact .section-tag{color:#21a4bf}.contact h2 em{color:#20a5c1;font-style:normal}.contact-links{flex-direction:column;justify-content:center;display:flex}.contact-links a{color:#123b52;border-bottom:1px solid #123b5230;grid-template-columns:38px 1fr 28px;align-items:center;padding:22px 5px;text-decoration:none;display:grid}.contact-links span{font-size:11px}.contact-links small{margin-top:5px;font-size:18px;display:block}footer{color:#536c77;background:#fff;border-top:1px solid #123b5212;grid-template-columns:1.3fr 1fr .6fr auto;align-items:center;gap:40px;padding:55px 7vw;font-size:10px;display:grid}footer>img{width:220px}footer>div{align-items:flex-start;gap:10px;display:flex}footer p{margin:0;line-height:1.8}footer small{color:#91a0a5}.footer-phone{color:#536c77;align-items:center;gap:10px;text-decoration:none;transition:all .2s;display:flex}.footer-phone:hover{color:#20a5c1}@media (width<=900px){.header{height:70px;padding:0 18px}.brand img{width:190px;height:46px}.header nav{display:none}.menu-btn{color:#123b52;display:block}.mobile-menu{z-index:25;background:#fff;flex-direction:column;padding:100px 25px 30px;display:flex;position:fixed;inset:0}.mobile-menu button{text-align:left;background:0 0;border:0;border-bottom:1px solid #123b5220;grid-template-columns:38px 1fr 28px;padding:22px 0;font-size:18px;display:grid}.mobile-menu span{color:#20a9c5;font-size:9px}.hero{align-items:flex-start;height:auto;min-height:850px;padding:110px 23px 370px}.hero-bg{background:#edf5f4}.hero-photo{width:100%;height:350px;top:auto;bottom:0}.hero-photo:after{background:linear-gradient(#edf5f4 0,#0000 20%)}.hero-copy{width:100%}.hero h1{font-size:43px}.hero-stats{color:#fff;bottom:22px;left:23px}.hero-stats strong{color:#fff}.hero-stats span{color:#d7e3e6}.hero-stats div:nth-child(3){display:none}.hero-actions{flex-direction:column;align-items:flex-start}.intro,.services,.cases,.about{padding:80px 23px}.intro-grid,.section-head,.about-wrap,.contact{grid-template-columns:1fr;gap:42px}.intro:after{margin-top:70px}.service-block{padding:40px 18px}.service-title{grid-template-columns:35px 1fr}.service-grid{grid-template-columns:1fr}.service-card.wide{grid-column:auto}.trade-hero{grid-template-columns:1fr}.trade-hero>img{height:230px}.trade-hero>div{padding:32px 22px}.trade-list{grid-template-columns:1fr 1fr}.case-list>div{grid-template-columns:30px 70px 1fr}.case-list p,.case-list svg{display:none}.case-list h3{font-size:14px}.about-message{padding:38px 23px}.about dl div{grid-template-columns:100px 1fr}.contact{padding:80px 23px}footer{grid-template-columns:1fr;gap:24px}}