:root{--ink:#172c39;--navy:#142e3e;--muted:#60717a;--red:#a94d46;--line:#dce2e5;--paper:#f4f6f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;color:var(--ink);font:15px/1.95 "Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;background:#fff}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}h1,h2,h3,p{margin:0}h2{font-size:clamp(29px,3vw,40px);line-height:1.65;letter-spacing:.05em}h3{font-size:21px;line-height:1.6}.wrap{max-width:1160px;margin:auto;padding:0 40px}.section{padding-top:100px;padding-bottom:100px}.header{height:96px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #e7ebed}.brand img{object-fit:contain;width:180px;height:auto}.header>nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.header nav a:hover,footer a:hover{color:var(--red)}.nav-contact{background:var(--navy);color:white;padding:14px 22px}.nav-contact span{margin-left:15px}.header .nav-contact:hover{background:#274b60;color:white}.mobile-nav{display:none}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:white;padding:10px}.skip:focus{top:10px}.hero{background:var(--navy);color:white;overflow:hidden}.hero-inner{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.08fr 1fr;min-height:610px;padding:65px 6vw 50px;gap:35px;align-items:center}.eyebrow{font-size:11px;font-weight:bold;letter-spacing:.19em}.light{color:#b7c9d2}.hero h1{font-size:clamp(35px,4.2vw,58px);line-height:1.6;letter-spacing:.04em;margin:22px 0}.hero-lead{font-size:16px;line-height:2.1;color:#e0e9ed}.hero-company{font-size:15px;font-weight:700;margin-top:26px}.hero-company span{display:block;font-size:10px;letter-spacing:.12em;color:#b7c9d2;font-weight:400}.hero-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #7893a3;padding:17px 0 10px;font-size:12px;margin-top:8px}.hero-visual{position:relative;height:460px}.visual-main{position:absolute;right:0;top:0;width:73%;height:390px;overflow:hidden}.visual-main img{width:100%;height:100%;object-fit:cover;object-position:center 28%}.visual-main:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#102b3eb3)}.visual-label{position:absolute;bottom:19px;right:19px;z-index:1;font-size:12px;letter-spacing:.1em}.visual-small{position:absolute;bottom:0;left:0;width:59%;border:7px solid var(--navy);background:var(--navy)}.visual-small img{width:100%;height:190px;object-fit:cover}.visual-small span{display:block;font-size:9px;letter-spacing:.18em;padding-top:8px}.visual-index{position:absolute;right:-15px;bottom:-35px;font-size:65px;font-weight:700;letter-spacing:.05em;color:#fff0;-webkit-text-stroke:1px #ffffff22;pointer-events:none}.hero-bottom{border-top:1px solid #ffffff24;display:flex;justify-content:space-between;padding:18px 6vw;font-size:11px;letter-spacing:.1em}.hero-bottom>a{color:#b7c9d2}.hero-bottom>a span{padding-left:24px}.section-label{display:flex;gap:16px;align-items:center;color:var(--muted);font-size:11px;letter-spacing:.16em;font-weight:700;margin-bottom:24px}.section-label>span{color:var(--red);letter-spacing:0}.section-label:before{content:"";width:24px;height:1px;background:var(--red)}.about-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.about-grid h2{font-size:40px}.about-grid p{color:var(--muted);font-size:14px;margin-bottom:22px}.about-grid .intro{color:var(--ink);font-size:20px;font-weight:700;line-height:1.8}.principles{margin-top:32px}.principles>div{border-top:1px solid var(--line);padding:13px 0;display:flex;gap:28px}.principles b{font-size:14px;min-width:75px}.principles span{font-size:12px;color:var(--muted)}.business,.flow{background:var(--paper)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:40px}.section-heading p{color:var(--muted);font-size:13px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.service{background:white;padding:30px 26px;border-top:2px solid var(--navy)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.service-top>span{font-size:36px;line-height:1;color:#d6dfe4;font-weight:700}.service-top svg{width:55px;height:55px;color:#496b7f}.en{font-size:9px;letter-spacing:.13em;color:var(--red);margin-bottom:7px}.service h3{margin-bottom:17px}.service>p:not(.en){color:var(--muted);font-size:13px}.service ul{list-style:none;margin:23px 0 0;padding:18px 0 0;border-top:1px solid var(--line);font-size:12px}.service li{position:relative;padding-left:13px}.service li:before{content:"";position:absolute;left:0;top:12px;width:4px;height:4px;background:var(--red)}.note{font-size:11px;line-height:1.9;color:var(--muted);margin-top:24px}.works-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}.work-image{height:330px;background:#e8edef;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:contain}.work-body{padding:22px 0;border-bottom:1px solid var(--line)}.tag{font-size:10px;letter-spacing:.03em;color:var(--muted);border:1px solid var(--line);padding:4px 10px}.work h3{margin:10px 0 6px}.work p{font-size:13px;color:var(--muted)}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps li{border-top:1px solid #aabac3;padding-top:22px}.steps li>span{font-size:11px;letter-spacing:.1em;color:var(--red)}.steps h3{font-size:18px;margin:10px 0 15px}.steps p{font-size:13px;color:var(--muted)}.company{display:grid;grid-template-columns:.75fr 1.25fr;gap:65px}.company-word{margin-top:50px;font-size:36px;letter-spacing:.04em;color:#93a2ab}.company-word span{display:block;font-size:12px;color:var(--muted)}dl{margin:0;border-top:2px solid var(--navy)}dl>div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--line);padding:20px 0;gap:15px;font-size:13px}dt{font-weight:bold}dd{margin:0;color:#4f626e}dd a{text-decoration:underline;text-underline-offset:4px}.contact{padding:80px 0 30px;background:var(--navy);color:white}.contact-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact .section-label{color:#b7c9d2}.contact h2{margin-bottom:24px}.contact p{font-size:13px;color:#c3d2da}.contact-line{display:flex;align-items:center;justify-content:space-between;background:#fff;color:var(--navy);padding:22px 26px;font-size:19px;font-weight:bold}.contact-line small{display:block;font-size:10px;font-weight:400;letter-spacing:.05em;color:var(--muted)}.contact-tel{display:block;text-align:center;border:1px solid #78909e;margin-top:14px;padding:16px}.contact-tel small{display:block;font-size:10px;color:#c3d2da}.contact-tel strong{display:block;font-size:28px;line-height:1.5;letter-spacing:.05em;font-weight:500}.contact .contact-note{font-size:11px;margin-top:15px;text-align:center}.photo-note{font-size:10px!important;margin-top:50px;color:#a5bbc8!important}footer{background:#fff;padding:50px 0 0}.footer-main{display:flex;justify-content:space-between;gap:40px}.footer-main img{width:170px;height:auto;margin-bottom:14px}.footer-main p{font-size:13px}.footer-main .address{color:var(--muted);font-size:11px;margin-top:10px}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 40px;font-size:12px;align-content:start}.footer-bottom{border-top:1px solid var(--line);margin-top:38px;padding-top:18px;padding-bottom:18px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.footer-bottom small{font-size:10px}a:focus-visible,summary:focus-visible{outline:3px solid #d69a6b;outline-offset:5px}@media(min-width:1500px){.hero-inner{padding-left:80px;padding-right:80px}}@media(max-width:1050px){.header>nav{gap:18px;font-size:11px}.brand img{width:145px}.hero-inner{padding-left:40px;padding-right:40px}.hero h1{font-size:41px}.about-grid{gap:35px}.about-grid h2{font-size:34px}.service{padding:26px 20px}.service h3{font-size:18px}.contact-inner{gap:40px}}@media(max-width:760px){html{scroll-padding-top:85px}.wrap{padding-left:24px;padding-right:24px}.section{padding-top:60px;padding-bottom:60px}.header{height:76px;padding:0 24px}.brand img{width:142px}.header>nav{display:none}.mobile-nav{display:block}.mobile-nav summary{cursor:pointer;list-style:none;font-size:12px;font-weight:bold;display:flex;gap:14px;align-items:center}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{font-size:22px;font-weight:400}.mobile-nav[open] nav{display:flex;position:absolute;left:0;right:0;top:75px;background:white;border-bottom:1px solid var(--line);padding:18px 24px;flex-direction:column;gap:0;box-shadow:0 10px 15px #142e3e12}.mobile-nav nav a{padding:10px 0;border-bottom:1px solid #edf0f2;font-size:13px}.hero-inner{grid-template-columns:1fr;padding:42px 24px 35px;gap:32px;min-height:0}.hero h1{font-size:clamp(29px,8vw,42px);margin:20px 0}.hero-lead{font-size:14px}.hero-company{font-size:13px;margin-top:22px}.hero-visual{height:280px;max-width:480px;width:100%;margin:0 auto}.visual-main{height:250px;width:68%}.visual-small{width:55%;border-width:5px}.visual-small img{height:135px}.visual-label{font-size:10px;right:12px;bottom:12px}.visual-index{font-size:47px;bottom:-26px;right:0}.hero-bottom{padding:16px 24px;font-size:9px}.hero-bottom>a span{padding-left:8px}.about-grid,.company,.contact-inner{grid-template-columns:1fr;gap:28px}.about-grid h2{font-size:31px}.about-grid .intro{font-size:17px}.about-grid p{font-size:13px}.principles>div{gap:15px}.principles span{font-size:11px}.section-label{margin-bottom:19px;font-size:10px}.section-heading{display:block;margin-bottom:27px}.section-heading h2{margin-bottom:14px}.section-heading p{font-size:12px}.service-grid{grid-template-columns:1fr;gap:16px}.service{padding:25px}.service-top{margin-bottom:20px}.service h3{font-size:22px}.works-grid{grid-template-columns:1fr;gap:30px}.work-image{height:310px}.work-body{padding:20px 0}.steps{grid-template-columns:1fr;gap:0}.steps li{padding:20px 0;display:grid;grid-template-columns:65px 1fr;column-gap:15px}.steps h3{margin:0 0 8px;font-size:18px}.steps p{grid-column:2}.steps li>span{font-size:10px;padding-top:4px}.company-word{display:none}dl>div{grid-template-columns:85px 1fr;font-size:12px;gap:12px;padding:18px 0}.contact{padding-top:50px;padding-bottom:25px}.contact h2{margin-bottom:16px}.contact-line{font-size:18px;padding:20px}.contact-tel strong{font-size:26px}.photo-note{margin-top:30px}.footer-main{display:block}.footer-main nav{margin-top:30px;gap:10px 20px}.footer-bottom{margin-top:30px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.achievement{background:#eef2f4;border-bottom:1px solid var(--line);padding:40px 0}.achievement-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.achievement-label{font-size:12px;letter-spacing:.08em;color:var(--muted)}.achievement h2{display:flex;align-items:baseline;gap:22px;font-size:20px;letter-spacing:.02em;line-height:1.5;margin:5px 0}.achievement h2 strong{font-family:Arial,sans-serif;font-size:64px;color:var(--navy);letter-spacing:-.035em;font-weight:700;white-space:nowrap}.achievement h2 strong span{font-family:"Hiragino Kaku Gothic ProN",sans-serif;font-size:24px;letter-spacing:.02em;margin-left:10px}.achievement-date{font-size:11px;color:var(--muted)}.achievement-message{font-size:13px;color:var(--muted);border-left:2px solid var(--red);padding-left:24px}@media(max-width:760px){.achievement{padding:30px 0}.achievement-inner{display:block}.achievement h2{display:block;font-size:16px;margin:10px 0}.achievement h2 strong{display:block;font-size:54px;line-height:1.3}.achievement h2 strong span{font-size:21px}.achievement-message{margin-top:22px;font-size:12px;padding-left:16px}}