:root{--navy:#123f6c;--navy-dark:#082b4d;--navy-deep:#062540;--navy-soft:#1f5688;--sky:#edf6fb;--sky-deep:#dceef7;--white:#fff;--text:#153149;--subtext:#334f65;--border:#c8d9e6;--accent:#c95f3e;--accent-light:#ffc0aa;--shadow:0 18px 45px #082b4d21;--max-width:1360px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{background:var(--white);color:var(--text);text-rendering:optimizelegibility;margin:0;font-family:BIZ UDPGothic,BIZ UDGothic,Yu Gothic UI,Meiryo,Hiragino Sans,Hiragino Kaku Gothic ProN,sans-serif;font-size:20px;font-weight:400;line-height:1.8}section[id]{scroll-margin-top:104px}a{color:inherit}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,.works-track:focus-visible{outline-offset:4px;outline:4px solid #f4b542}.skip-link{z-index:1000;background:var(--navy-dark);color:var(--white);border-radius:5px;padding:12px 18px;font-weight:700;text-decoration:none;position:fixed;top:10px;left:10px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.container{width:min(var(--max-width), calc(100% - 56px));margin-inline:auto}.site-header{z-index:100;border-bottom:1px solid var(--border);backdrop-filter:blur(10px);background:#fffffff7;position:sticky;top:0;box-shadow:0 5px 18px #082b4d12}.header-inner{justify-content:space-between;align-items:center;gap:40px;min-height:82px;display:flex}.site-name{flex-direction:column;justify-content:center;align-items:flex-start;display:flex}.site-name-main{color:var(--navy-dark);letter-spacing:.03em;font-size:1.15rem;font-weight:700;line-height:1.4;display:block}.site-name-sub{color:var(--subtext);letter-spacing:.08em;margin-top:2px;font-size:.65rem;font-weight:700;line-height:1.4;display:block}.site-nav{align-items:center;gap:30px;display:flex}.site-nav a{color:var(--navy-dark);white-space:nowrap;font-size:.92rem;font-weight:700;text-decoration:none}.site-nav a:hover{text-underline-offset:7px;text-decoration:underline 2px}.site-nav .nav-contact{background:var(--navy);min-height:50px;color:var(--white);border-radius:6px;justify-content:center;align-items:center;padding:0 24px;text-decoration:none;display:inline-flex}.site-nav .nav-contact:hover{background:var(--navy-dark);text-decoration:none}.hero{border-bottom:1px solid var(--border);background:linear-gradient(90deg,#fff 0% 47%,#eef7fc 100%);overflow:hidden}.hero-inner{grid-template-columns:minmax(650px,1fr) minmax(540px,.96fr);align-items:center;gap:clamp(48px,4.5vw,76px);min-height:660px;padding-block:64px;display:grid}.hero-copy{z-index:2;max-width:700px;position:relative}.hero-kicker,.section-label,.panel-label,.contact-label{color:var(--accent);letter-spacing:.1em;margin:0;font-size:.8rem;font-weight:700}.hero h1{color:var(--navy-dark);letter-spacing:.01em;margin:18px 0 0;font-size:clamp(2.5rem,3.2vw,3.15rem);font-weight:700;line-height:1.48}.hero-line{display:block}.hero-line-desktop{white-space:nowrap}.hero-line-mobile{display:none}.hero-description{max-width:660px;color:var(--text);margin:28px 0 0;font-size:1rem;font-weight:400;line-height:1.95}.hero-actions{flex-wrap:wrap;gap:16px;margin-top:34px;display:flex}.hero-media{background:var(--sky-deep);min-width:0;box-shadow:var(--shadow);border-radius:10px;overflow:hidden}.hero-media picture{display:block}.hero-photo{object-fit:cover;object-position:center 52%;width:100%;height:clamp(420px,33vw,530px)}.button{border:2px solid var(--navy);border-radius:7px;justify-content:center;align-items:center;gap:13px;min-width:180px;min-height:62px;padding:0 31px;font-size:.96rem;font-weight:700;line-height:1.3;text-decoration:none;display:inline-flex}.button-primary{background:var(--navy);color:var(--white)}.button-primary:hover{background:var(--navy-dark);border-color:var(--navy-dark)}.button-secondary{background:var(--white);color:var(--navy)}.button-secondary:hover{background:var(--sky);border-color:var(--navy-dark);color:var(--navy-dark)}.button-light{border-color:var(--white);background:var(--white);color:var(--navy-dark)}.button-light:hover{border-color:var(--sky);background:var(--sky)}.text-link{color:var(--navy);text-underline-offset:6px;align-items:center;gap:8px;font-weight:700;text-decoration-thickness:2px;display:inline-flex}.section{padding-block:100px}.section-heading{text-align:center;max-width:780px;margin:0 auto 48px}.section-heading-left{text-align:left;margin:0}.section-heading h2{color:var(--navy-dark);letter-spacing:.015em;margin:10px 0 0;font-size:clamp(1.9rem,2.8vw,2.65rem);font-weight:700;line-height:1.45}.section-heading>p:last-child{color:var(--subtext);margin:15px 0 0;font-size:.96rem;line-height:1.85}.services-section{background:var(--white)}.service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;display:grid}.service-card{border:1px solid var(--border);background:var(--white);border-radius:10px;min-height:350px;padding:36px;box-shadow:0 10px 28px #082b4d0f}.service-icon{background:var(--sky);width:68px;height:68px;color:var(--navy);border-radius:16px;justify-content:center;align-items:center;display:flex}.service-icon svg{fill:none;stroke:currentColor;stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;width:38px;height:38px}.service-number{color:var(--accent);letter-spacing:.1em;margin:24px 0 0;font-size:.77rem;font-weight:700}.service-card h3{color:var(--navy-dark);margin:8px 0 14px;font-size:1.25rem;font-weight:700;line-height:1.55}.service-card>p:last-child{color:var(--subtext);margin:0;font-size:.95rem;line-height:1.9}.works-section{background:var(--sky);overflow:hidden}.works-heading-row{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:42px;display:flex}.carousel-controls{flex:none;gap:10px;display:flex}.carousel-button{border:2px solid var(--navy);background:var(--white);min-height:52px;color:var(--navy);font:inherit;cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:9px;padding:0 20px;font-size:.88rem;font-weight:700;display:inline-flex}.carousel-button:hover:not(:disabled){background:var(--navy);color:var(--white)}.carousel-button:disabled{cursor:default;opacity:.35}.works-track{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--navy-soft) var(--sky-deep);scrollbar-width:auto;gap:24px;padding:4px 4px 26px;display:flex;overflow-x:auto}.works-track::-webkit-scrollbar{height:12px}.works-track::-webkit-scrollbar-track{background:var(--sky-deep);border-radius:999px}.works-track::-webkit-scrollbar-thumb{border:3px solid var(--sky-deep);background:var(--navy-soft);border-radius:999px}.work-card{border:1px solid var(--border);border-top:6px solid var(--navy);background:var(--white);scroll-snap-align:start;border-radius:9px;flex:0 0 clamp(350px,31vw,420px);min-height:460px;padding:36px}.work-category{color:var(--accent);letter-spacing:.06em;margin:0;font-size:.8rem;font-weight:700}.work-card h3{color:var(--navy-dark);margin:14px 0 24px;font-size:1.32rem;font-weight:700;line-height:1.55}.work-details{gap:21px;margin:0;display:grid}.work-details>div{gap:7px;display:grid}.work-details dt{color:var(--navy-dark);letter-spacing:.04em;font-size:.84rem;font-weight:700}.work-details dd{color:var(--subtext);margin:0;font-size:.93rem;line-height:1.85}.tag-list{flex-wrap:wrap;gap:8px;display:flex}.tag-list>span{border:1px solid var(--border);background:var(--sky);min-height:36px;color:var(--navy-dark);border-radius:999px;align-items:center;padding:4px 13px;font-size:.76rem;font-weight:700;display:inline-flex}.consultation-section{background:var(--white)}.consultation-inner{max-width:1120px}.consult-list{gap:15px;margin:0;padding:0;list-style:none;display:grid}.consult-list li{border:1px solid var(--border);background:var(--white);min-height:82px;color:var(--navy-dark);border-radius:8px;grid-template-columns:46px 1fr;align-items:center;gap:17px;padding:18px 26px;font-size:1rem;font-weight:700;line-height:1.65;display:grid;box-shadow:0 8px 22px #082b4d0a}.consult-mark{background:var(--sky-deep);width:40px;height:40px;color:var(--navy);border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:700;display:inline-flex}.about-section{background:var(--sky)}.about-grid{grid-template-columns:minmax(0,1.05fr) minmax(440px,.95fr);align-items:stretch;gap:28px;display:grid}.about-image{background:var(--sky-deep);min-height:560px;box-shadow:var(--shadow);border-radius:12px;overflow:hidden}.about-image picture{height:100%;display:block}.about-image img{object-fit:cover;object-position:center;width:100%;height:100%}.about-copy{background:var(--navy-dark);color:var(--white);border-radius:12px;flex-direction:column;justify-content:center;padding:52px;display:flex}.about-copy .panel-label{color:var(--accent-light)}.about-copy h2{color:var(--white);margin:12px 0 22px;font-size:clamp(1.8rem,2.5vw,2.45rem);font-weight:700;line-height:1.5}.about-description{color:#e8f2f8;margin:0;font-size:.97rem;line-height:1.95}.about-points{gap:16px;margin:30px 0 0;padding:0;list-style:none;display:grid}.about-points li{color:var(--white);grid-template-columns:42px 1fr;align-items:center;gap:14px;font-size:.92rem;font-weight:700;line-height:1.6;display:grid}.about-point-icon{width:42px;height:42px;color:var(--white);background:#ffffff1f;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.about-point-icon svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.projects-section{background:var(--white)}.projects-heading{margin-bottom:42px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(320px,420px));justify-content:start;gap:26px;display:grid}.project-card{border:1px solid var(--border);background:var(--white);border-radius:12px;overflow:hidden;box-shadow:0 12px 30px #082b4d14}.project-image-link{aspect-ratio:16/10;background:var(--sky-deep);width:100%;display:block;overflow:hidden}.project-image-link picture{width:100%;height:100%;display:block}.project-image{object-fit:cover;object-position:center;width:100%;height:100%;transition:transform .25s;display:block}.project-image-link:hover .project-image{transform:scale(1.025)}.project-body{padding:30px}.project-body h3{color:var(--navy-dark);margin:0;font-size:1.35rem;font-weight:700;line-height:1.5}.project-body>p{color:var(--subtext);margin:15px 0 0;font-size:.94rem;line-height:1.9}.project-tags{flex-wrap:wrap;gap:8px;margin-top:22px;display:flex}.project-tags span{background:var(--sky);min-height:34px;color:var(--navy-dark);border-radius:999px;align-items:center;padding:4px 12px;font-size:.73rem;font-weight:700;display:inline-flex}.project-body .text-link{margin-top:24px}.contact-section{background:var(--sky)}.contact-card{background:var(--navy);box-shadow:var(--shadow);border-radius:14px;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);display:grid;overflow:hidden}.contact-image{min-height:520px;overflow:hidden}.contact-image picture{height:100%;display:block}.contact-image img{object-fit:cover;object-position:center 48%;width:100%;height:100%}.contact-copy{color:var(--white);flex-direction:column;justify-content:center;padding:58px;display:flex}.contact-copy .contact-label{color:#ffd0c0}.contact-copy h2{color:var(--white);margin:12px 0 0;font-size:clamp(1.9rem,2.7vw,2.55rem);font-weight:700;line-height:1.5}.contact-copy>p:not(.contact-label):not(.contact-note){color:#eaf3f9;margin:20px 0 32px;font-size:.98rem;line-height:1.95}.contact-copy .button{align-self:flex-start}.contact-note{color:#d8e8f3;margin:12px 0 0;font-size:.73rem}.site-footer{background:var(--navy-deep);color:var(--white);padding-block:36px}.footer-inner{color:#dceaf3;justify-content:space-between;align-items:flex-end;gap:30px;font-size:.77rem;display:flex}.footer-inner p{margin:0}.footer-name{color:var(--white);font-size:.95rem;font-weight:700;margin-bottom:4px!important}@media (width<=1260px){.hero-inner{grid-template-columns:1fr;gap:44px;min-height:auto}.hero-copy{max-width:760px}.hero-photo{height:min(58vw,560px)}.about-grid{grid-template-columns:1fr 1fr}}@media (width<=920px){html{scroll-padding-top:88px}body{font-size:18px}section[id]{scroll-margin-top:88px}.container{width:min(var(--max-width), calc(100% - 38px))}.header-inner{gap:12px;min-height:72px}.site-name-main{font-size:1rem}.site-name-sub{color:#627487;letter-spacing:.12em;white-space:nowrap;margin-top:1px;font-size:.54rem;font-weight:700;line-height:1.3;display:block}.site-nav{margin-left:auto}.site-nav>a:not(.nav-contact){display:none}.site-nav .nav-contact{min-height:46px;padding:0 17px;font-size:.84rem}.hero{background:linear-gradient(#fff 0% 58%,#eef7fc 100%)}.hero-inner{padding-block:56px}.hero h1{font-size:clamp(2.3rem,6.2vw,3.15rem)}.service-grid{grid-template-columns:1fr}.service-card{min-height:auto}.work-card{flex-basis:min(78vw,410px)}.about-grid{grid-template-columns:1fr}.about-image{min-height:430px}.contact-card{grid-template-columns:1fr}.contact-image{min-height:420px}}@media (width<=640px){.container{width:min(100% - 28px, var(--max-width))}.site-name-main{letter-spacing:0;font-size:.91rem}.site-nav .nav-contact{min-height:44px;padding:0 12px;font-size:.76rem}.hero-inner{gap:32px;padding-block:44px 52px}.hero h1{font-size:clamp(2rem,9.4vw,2.55rem);line-height:1.48}.hero-line-desktop{display:none}.hero-line-mobile{display:block}.hero-description{margin-top:22px;font-size:.96rem}.hero-actions{flex-direction:column;margin-top:28px}.button{width:100%;min-width:0;min-height:60px}.hero-photo{height:300px}.section{padding-block:72px}.section-heading{margin-bottom:35px}.section-heading h2{font-size:1.85rem}.service-card{padding:28px 24px}.service-card h3{font-size:1.2rem}.works-heading-row{flex-direction:column;align-items:flex-start;gap:24px}.carousel-controls{width:100%}.carousel-button{flex:1;min-height:54px}.works-track{margin-right:-14px;padding-right:14px}.work-card{flex-basis:84vw;min-height:450px;padding:28px 23px}.work-card h3{font-size:1.22rem}.consult-list li{grid-template-columns:40px 1fr;gap:13px;min-height:76px;padding:17px 18px;font-size:.96rem}.consult-mark{width:36px;height:36px}.about-image{min-height:300px}.about-copy{padding:34px 25px}.about-copy h2{font-size:1.75rem}.about-points li{grid-template-columns:38px 1fr;font-size:.88rem}.about-point-icon{width:38px;height:38px}.project-grid{grid-template-columns:1fr}.project-body{padding:26px 23px}.contact-image{min-height:300px}.contact-copy{padding:38px 25px}.contact-copy h2{font-size:1.8rem}.contact-copy .button{align-self:stretch}.footer-inner{flex-direction:column;align-items:flex-start;gap:18px}}@media (prefers-reduced-motion:reduce){html,.works-track{scroll-behavior:auto}.project-image{transition:none}}.site-header{background:#fffffffa;border-bottom:1px solid #082b4d1f;box-shadow:0 3px 14px #082b4d0a}.header-inner{gap:44px;width:min(1180px,100% - 56px);min-height:72px}.site-name{align-items:center;display:inline-flex}.site-name-main{color:var(--navy-dark);letter-spacing:.025em;white-space:nowrap;font-size:1.08rem;font-weight:700;line-height:1.4}.site-name-sub{display:none}.site-nav{gap:28px}.site-nav a{color:var(--navy-dark);letter-spacing:.015em;font-size:.87rem;font-weight:600;text-decoration:none;position:relative}.site-nav>a:not(.nav-contact):after{background:var(--navy);content:"";opacity:0;height:2px;transition:opacity .2s,transform .2s;position:absolute;bottom:-8px;left:0;right:0;transform:scaleX(.45)}.site-nav>a:not(.nav-contact):hover:after,.site-nav>a[aria-current=page]:after{opacity:1;transform:scaleX(1)}.site-nav>a:not(.nav-contact):hover{text-decoration:none}.site-nav .nav-contact{border:1px solid var(--navy);background:var(--navy);min-height:44px;color:var(--white);border-radius:4px;gap:10px;padding:0 18px;font-size:.84rem;font-weight:700}.site-nav .nav-contact:hover{border-color:var(--navy-dark);background:var(--navy-dark)}@media (width<=920px){.header-inner{width:min(100% - 32px,1180px);min-height:66px;& .site-name-sub{display:none}}.site-name-main{font-size:.95rem}.site-nav{gap:0}.site-nav>a:not(.nav-contact){display:none}.site-nav .nav-contact{min-height:42px;padding:0 14px;font-size:.78rem}}@media (width<=420px){.header-inner{gap:10px;width:calc(100% - 24px)}.site-name-main{letter-spacing:0;font-size:.86rem}.site-nav .nav-contact{padding:0 11px;font-size:.74rem}}.site-name{flex-direction:column;justify-content:center;align-items:flex-start;text-decoration:none;display:flex}.site-name-main{color:var(--navy-dark);letter-spacing:.025em;white-space:nowrap;font-size:1.08rem;font-weight:700;line-height:1.35;display:block}.site-name-sub{color:#627487;letter-spacing:.12em;white-space:nowrap;margin-top:2px;font-size:.54rem;font-weight:700;line-height:1.3;display:block}@media (width<=920px){.site-name-sub{display:none}}.footer-information[data-astro-cid-jo6i4kqk]{max-width:700px}.footer-description[data-astro-cid-jo6i4kqk]{max-width:620px;margin-top:8px;line-height:1.8}.footer-links[data-astro-cid-jo6i4kqk]{flex-wrap:wrap;gap:10px 24px;margin-top:22px;display:flex}.footer-links[data-astro-cid-jo6i4kqk] a[data-astro-cid-jo6i4kqk]{color:#fff;text-underline-offset:5px;font-weight:700;text-decoration-thickness:1px}.footer-meta[data-astro-cid-jo6i4kqk]{text-align:right;flex:none;gap:6px;display:grid}@media (width<=800px){.footer-meta[data-astro-cid-jo6i4kqk]{text-align:left}}