:root{--navy:#07162a;--blue:#122d54;--black:#080a0b;--text:#17212d;--line:#d9dde2;--serif:"Yu Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--sans:"Helvetica Neue","Yu Gothic","Hiragino Kaku Gothic ProN",Arial,sans-serif}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body,h1,h2,h3,p,ul,dl,dd{margin:0}body{color:var(--text);font-family:var(--sans);line-height:1.8;overflow-x:hidden}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.inner{width:min(1200px,calc(100% - 240px));margin:auto}.eyebrow{margin-bottom:22px;color:#18375e;font-size:10px;font-weight:700;letter-spacing:.06em}.eyebrow.light{color:#fff}.site-header{position:absolute;z-index:20;top:0;left:0;display:flex;width:100%;height:88px;background:rgba(0,0,0,.46);color:#fff}.logo{display:flex;align-items:baseline;padding-left:42px;font-family:var(--serif);font-size:24px;letter-spacing:0}.logo-company,.logo-name{line-height:1}.logo-company{font-size:17px;letter-spacing:.055em}.logo-name{margin-left:.3em;font-size:19px;line-height:1;letter-spacing:.30em}.global-nav{display:flex;margin-left:auto}.global-nav>a{display:flex;width:112px;align-items:center;justify-content:center;flex-direction:column;font-size:14px;font-weight:600;line-height:1.3}.global-nav small{margin-top:5px;font-size:7px;font-weight:400}.global-nav .contact-link{width:190px;flex-direction:row;gap:14px;background:#032b52}.mail-icon{font-size:20px}.hero{position:relative;height:100vh;min-height:720px;overflow:hidden;background:#111;color:#fff}.hero-slides,.hero-slide,.hero-overlay{position:absolute;inset:0}.hero-slide{opacity:0;transition:opacity 1.25s ease}.hero-slide.is-active{opacity:1}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide:nth-child(1) img{object-position:51% 30%}.hero-slide:nth-child(2) img{object-position:50% 22%}.hero-slide:nth-child(3) img{object-position:54% 30%}.hero-overlay{background:linear-gradient(90deg,rgba(4,10,17,.55),rgba(3,10,18,.12) 58%,rgba(4,10,17,.3)),linear-gradient(0deg,rgba(3,9,15,.35),transparent 46%)}.hero-copy{position:absolute;z-index:2;left:8.4%;top:245px}.hero-copy h1{font-family:var(--serif);font-size:68px;font-weight:400;line-height:1.42;letter-spacing:.08em}.hero-copy p{margin-top:28px;font-size:14px;font-weight:600;line-height:2}.sp-only-break{display:none}.hero-bottom{position:absolute;z-index:2;right:7.7%;bottom:44px;left:8.4%;display:flex;align-items:center;font-size:11px}.scroll{display:flex;align-items:center;gap:20px}.scroll::after{width:100px;height:1px;background:#fff;content:""}.slider-status{display:flex;align-items:center;margin-left:auto;gap:12px;font-size:13px}.slider-status i{width:38px;height:1px;background:#fff}.slider-arrows{display:flex;margin-left:70px;gap:28px}.slider-arrows button{padding:0;border:0;background:none;color:#fff;cursor:pointer;font-size:18px}.section{padding:122px 0}.about{background:#fff}.about-grid{position:relative;display:grid;grid-template-columns:31% 61%;gap:8%;align-items:center}.about-copy h2,.news h2,.company h2{font-family:var(--serif);font-weight:400;letter-spacing:.05em}.about-copy h2{font-size:40px;line-height:1.65;white-space:nowrap}.about-copy>p:last-child{margin-top:32px;font-size:14px;line-height:2.15}.sp-about-line{display:inline}.service-list{display:grid;gap:6px}.service-row{position:relative;display:block;min-height:146px;overflow:hidden;background:#08111b;color:#fff}.service-row img{position:absolute;inset:0;width:100%;height:146px;object-fit:cover}.service-row:nth-child(1) img{object-position:50% 29%}.service-row:nth-child(2) img{object-position:50% 56%}.service-row:nth-child(3) img{object-position:44% 78%}.service-text{position:relative;z-index:1;width:48%;height:146px;padding:20px 48px 16px 24px;background:linear-gradient(90deg,#020a12 0%,#07192b 100%);clip-path:polygon(0 0,100% 0,78% 100%,0 100%)}.service-row:nth-child(2) .service-text{margin-left:auto;padding:20px 30px 16px 74px;background:linear-gradient(90deg,#020a12 0%,#07192b 100%);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}.service-row:nth-child(3) .service-text{background:linear-gradient(90deg,#1f4a8b 0%,#173764 55%,#0d213f 100%)}.service-text small{font-size:7px;letter-spacing:.06em;opacity:.65}.service-text h3{margin-top:3px;font-size:14px}.service-text p{margin-top:7px;font-size:14px;line-height:1.75}.vertical-service{position:absolute;right:-64px;top:50%;color:#cfd4da;font-size:18px;font-weight:700;letter-spacing:.1em;transform:translateY(-50%);writing-mode:vertical-rl}.vertical-service::after{display:inline-block;width:1px;height:84px;margin-top:18px;background:#d0d5db;content:""}.works{position:relative;min-height:700px;overflow:hidden;color:#fff;background:#06152a}.works-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,42,81,.78) 0%,rgba(7,25,50,.86) 50%,rgba(3,12,23,.96) 100%),url('../images/works-background-city.png') center/cover no-repeat}.works-inner{position:relative;z-index:1;display:grid;grid-template-columns:29% 71%;padding-top:72px}.works-heading{padding-top:38px}.works-heading h2{font-family:var(--serif);font-size:40px;font-weight:400;letter-spacing:.06em}.works-content{padding-top:2px}.works-tabs{display:grid;grid-template-columns:repeat(4,1fr)}.works-tabs button{height:68px;border:1px solid rgba(255,255,255,.75);border-left:0;background:transparent;color:#fff;font-size:16px;font-weight:700}.works-tabs button:first-child{border-left:1px solid rgba(255,255,255,.75)}.works-tabs .is-active{background:rgba(42,74,117,.45)}.works-list{padding:22px 0 0;list-style:none}.works-list li{padding:20px 0;border-bottom:1px solid rgba(255,255,255,.28);font-size:14px}.works-pager{display:flex;justify-content:center;margin-top:78px;gap:3px}.works-pager i{width:34px;height:2px;background:rgba(255,255,255,.6)}.works-pager .is-active{background:#407fca}.news{padding:72px 0;background:#fff}.news-grid{display:grid;grid-template-columns:26% 74%;align-items:center}.news h2{font-size:38px}.news-item{display:grid;grid-template-columns:120px 96px 1fr;gap:18px;align-items:center;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:14px}.news-tag{padding:4px 10px;background:#17385e;color:#fff;font-size:14px;text-align:center}.recruit{position:relative;height:430px;overflow:hidden;color:#fff}.recruit>img,.recruit-overlay{position:absolute;inset:0;height:100%;object-fit:cover}.recruit-overlay{background:linear-gradient(90deg,rgba(4,14,24,.84),rgba(4,14,24,.36) 65%,rgba(4,14,24,.18))}.recruit-copy{position:relative;z-index:1;padding-top:63px}.recruit h2{font-family:var(--serif);font-size:42px;font-weight:400;line-height:1.55;letter-spacing:.06em}.recruit-copy>p:not(.eyebrow){max-width:350px;margin-top:12px;font-size:14px;line-height:1.55;letter-spacing:-.01em}.sp-recruit-line{display:inline}.recruit-button{display:flex;width:210px;height:54px;margin-top:28px;padding:0 20px;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#163c24 0%,#102d1d 46%,#07110c 100%);font-size:14px;font-weight:700}.company{background:#080909;color:#fff;overflow:hidden}.company-inner{padding:86px 0 78px}.company h2{font-size:38px}.company-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px;margin-top:52px}.company dl{display:grid;gap:12px}.company dl>div{display:grid;grid-template-columns:122px 1fr;align-items:start}.company dt{color:#cfd2d5;font-size:14px;white-space:nowrap}.company dd{font-size:14px;line-height:2}.company-visuals{display:grid;grid-template-columns:1fr 1fr;width:100%;aspect-ratio:3.04/1;margin:0}.company-visuals img{width:100%;height:100%;object-fit:cover}.company-visuals iframe{display:block;width:100%;height:100%;border:0}.site-footer{position:relative;padding:58px 0 46px;background:#080909;color:#9ca2a8;text-align:center}.site-footer::before{position:absolute;top:28px;left:50%;width:min(1200px,calc(100% - 240px));height:1px;background:#25292d;content:"";transform:translateX(-50%)}.site-footer p{font-size:9px;line-height:1}@media(min-width:768px){.site-header .logo{align-self:center}}

/* Responsive image sources: keep existing layout while swapping only PC/tablet assets */
.hero-slide picture,.service-row picture,.company-visuals picture{display:contents}
@media(max-width:900px){.inner{width:calc(100% - 48px)}.global-nav>a{width:88px}.global-nav .contact-link{width:140px}.hero-copy{left:6%;}.about-grid{grid-template-columns:34% 61%;gap:5%}.vertical-service{display:none}}

/* Works section - PDF aligned update */
.works{position:relative;min-height:610px;overflow:hidden;color:#fff;background:#06152a}.works-bg{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,39,74,.30) 0%,rgba(7,41,78,.48) 25%,rgba(8,56,106,.82) 48%,rgba(4,30,58,.95) 75%,rgba(0,0,0,1) 100%),url('../images/works-background-city.png') left center/cover no-repeat}.works-inner{position:relative;z-index:1;display:grid;grid-template-columns:238px 1fr;gap:92px;width:min(1120px,calc(100% - 120px));padding-top:58px;padding-bottom:64px}.works-heading{padding-top:72px}.works-heading .eyebrow{margin-bottom:16px;color:#fff;font-size:10px;letter-spacing:.08em}.works-heading h2{font-family:var(--serif);font-size:56px;font-weight:400;line-height:1.1;letter-spacing:.06em}.works-content{padding-top:0}.works-tabs{position:relative;display:flex;gap:8px;align-items:flex-end}.works-tabs::after{display:none}.works-tabs button{position:relative;z-index:1;flex:1 1 0;max-width:194px;height:72px;border:1px solid rgba(255,255,255,.78);background:rgba(5,36,68,.22);color:#fff;font-size:17px;font-weight:700;letter-spacing:.02em}.works-tabs .is-active{background:rgba(19,76,135,.35);border-bottom-color:transparent}.works-tabs .is-active::after{display:none}.works-list{padding:31px 0 0;list-style:none}.works-list li{position:relative;padding:17px 0 15px 12px;border-bottom:1px solid rgba(255,255,255,.32);font-size:14px;line-height:1.75;letter-spacing:.03em}.works-list li::before{position:absolute;left:0;top:17px;content:'・'}.works-pager{display:none}
.sp-service-line{display:inline}
.pc-service-break{display:inline}
.menu-toggle,.works-title-sp,.works-lead{display:none}@media(max-width:767px){
html{width:100%;overflow-x:hidden}
body{width:100%;max-width:none;margin:0;background:#fff;overflow-x:hidden}
main>.about,main>.news{width:100%;max-width:375px;margin-left:auto;margin-right:auto}
.inner{width:calc(100% - 32px);margin:0 auto}

/* header / FV */
.site-header{position:fixed;top:0;left:0;width:100%;height:68px;z-index:30;align-items:stretch;background:rgba(0,0,0,.46);transform:none}
.logo{padding-left:22px;font-size:17px;letter-spacing:0;align-items:baseline;align-self:center;white-space:nowrap;line-height:1}.logo-company{font-size:14px;line-height:1;letter-spacing:.055em}
.global-nav{display:none}
.menu-toggle{display:flex;position:absolute;top:0;right:0;width:64px;height:68px;padding:0;border:0;background:#123a66;align-items:center;justify-content:center;flex-direction:column;gap:6px;z-index:31;cursor:pointer}
.menu-toggle span{display:block;width:22px;height:1px;background:#fff;transition:transform .25s ease,opacity .25s ease}
.site-header.is-menu-open{position:fixed;height:68px;background:#07162a}
.site-header.is-menu-open .global-nav{display:flex;position:fixed;top:68px;left:0;width:100%;height:calc(100dvh - 68px);margin:0;padding:24px 24px 32px;background:rgba(7,22,42,.98);flex-direction:column;align-items:stretch;overflow-y:auto;z-index:29;transform:none}
.site-header.is-menu-open .global-nav>a{width:100%;min-height:64px;border-bottom:1px solid rgba(255,255,255,.18);align-items:flex-start;justify-content:center;padding:0 8px;font-size:16px;line-height:1.3}
.site-header.is-menu-open .global-nav small{margin-top:3px;font-size:9px}
.site-header.is-menu-open .global-nav .contact-link{width:100%;min-height:64px;margin-top:18px;padding:0 16px;align-items:center;justify-content:flex-start;flex-direction:row;border-bottom:0;background:#173d70}
.site-header.is-menu-open .menu-toggle span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.site-header.is-menu-open .menu-toggle span:nth-child(2){opacity:0}
.site-header.is-menu-open .menu-toggle span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
body.is-menu-open{overflow:hidden}
.hero{position:relative;left:auto;width:100%;height:100svh;min-height:650px;max-height:none;transform:none}
.hero-slide img{width:100%;height:100%;object-fit:cover}
.hero-slide:nth-child(1) img{object-position:50% 30%}
.hero-slide:nth-child(2) img{object-position:50% 24%}
.hero-slide:nth-child(3) img{object-position:52% 29%}
.hero-overlay{background:linear-gradient(90deg,rgba(3,19,38,.62) 0%,rgba(5,31,56,.38) 46%,rgba(2,13,25,.34) 100%),linear-gradient(180deg,rgba(4,25,48,.20) 0%,rgba(1,10,19,.18) 52%,rgba(0,6,13,.52) 100%)}
.hero-copy{left:18px;right:18px;top:150px;width:auto;transform:none}
.hero-copy h1{font-size:45px;line-height:1.42;letter-spacing:.055em;white-space:nowrap}
.hero-copy p{margin-top:34px;max-width:275px;font-size:14px;line-height:1.65;font-weight:400}.sp-only-break{display:inline}
.hero-copy p br{display:block}
.hero-bottom{left:14px;right:14px;bottom:28px;width:auto;font-size:12px;transform:none}
.scroll{gap:10px}.scroll::after{width:54px}.slider-status{gap:7px;font-size:12px}.slider-status i{width:25px}.slider-arrows{display:none}

/* ABOUT US */
.section{padding:0}
.about{padding:60px 0 0;background:#fff}
.about-grid{display:block;width:calc(100% - 32px)}
.about-copy{position:relative;padding-right:10px;padding-bottom:60px}
.about-copy .eyebrow{margin-bottom:15px;font-size:11px;color:#173d70}
.about-copy h2{font-size:28px;line-height:1.58;letter-spacing:.05em;white-space:nowrap}
.about-copy>p:last-child{margin-top:14px;font-size:14px;line-height:1.95;letter-spacing:-.01em}.sp-about-line{display:block;white-space:nowrap}
.vertical-service{display:block;right:-1px;top:8px;transform:none;font-size:27px;color:#d7dbe1;letter-spacing:.06em;writing-mode:vertical-rl}
.vertical-service::after{height:64px;margin-top:12px;background:#d7dbe1}

/* SERVICE - three stacked photo cards */
.service-list{display:grid;gap:10px;width:100vw;margin:0 0 0 calc(50% - 50vw)}
.service-row{position:relative;height:365px;min-height:365px;overflow:hidden;background:#08111b}
.service-row img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.service-row::after{position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(5,35,66,.24) 0%,rgba(3,22,43,.18) 55%,rgba(0,7,14,.32) 100%),linear-gradient(180deg,rgba(4,28,53,.10) 0%,rgba(0,8,16,.24) 100%);content:'';pointer-events:none}
.service-row:nth-child(1) img{object-position:50% 25%}
.service-row:nth-child(2) img{object-position:50% 50%}
.service-row:nth-child(3) img{object-position:44% 74%}
.service-text,.service-row:nth-child(2) .service-text,.service-row:nth-child(3) .service-text{position:absolute;left:0;right:auto;bottom:0;width:100%;height:184px;margin:0;padding-top:20px;padding-bottom:22px;padding-left:max(28px,calc((100vw - 375px)/2 + 28px));padding-right:max(58px,calc((100vw - 375px)/2 + 58px));background:linear-gradient(90deg,#213f77 0%,#17345f 44%,#0d2039 72%,#04080d 100%);clip-path:none;border-top-right-radius:56% 100%;overflow:hidden}
.service-row:nth-child(2) .service-text{padding-left:max(28px,calc((100vw - 375px)/2 + 28px));padding-right:max(58px,calc((100vw - 375px)/2 + 58px))}
.service-text small{font-size:11px;line-height:1.2;opacity:.78}
.service-text h3{margin-top:10px;font-size:18px;line-height:1.45}
.service-text p{margin-top:14px;font-size:14px;line-height:1.72;font-weight:600}
.sp-service-line{display:block}
.pc-service-break{display:none}

/* WORKS */
.works{position:relative;min-height:505px;margin-top:10px;overflow:hidden;color:#fff;background:linear-gradient(90deg,#0c4a80 0%,#083a66 38%,#031d34 68%,#00101d 100%)}
.works-bg{position:absolute;top:0;right:0;bottom:auto;left:0;height:min(68vw,265px);background:linear-gradient(90deg,rgba(13,72,126,.40) 0%,rgba(8,50,91,.58) 38%,rgba(3,27,52,.82) 72%,rgba(0,8,16,.97) 100%),url('../images/works-background-city.png') left 37%/cover no-repeat}
.works-inner{position:relative;z-index:1;display:block;width:100%;max-width:375px;min-height:505px;margin:0 auto;padding:0 8px 24px}
.works-heading{height:min(68vw,265px);padding:27px 7px 0}
.works-heading .eyebrow{margin-bottom:6px;font-size:11px;color:#fff}
.works-heading h2{font-size:34px;line-height:1.2}
.works-title-pc{display:none}.works-title-sp{display:inline}
.works-lead{display:none}
.works-content{position:relative;padding-top:18px}
.works-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;align-items:stretch}
.works-tabs::after{display:none}
.works-tabs button{width:auto;max-width:none;height:38px;padding:0 2px;border:1px solid rgba(255,255,255,.72);border-left:0;background:rgba(6,39,72,.20);color:#fff;font-size:14px;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.works-tabs button:first-child{border-left:1px solid rgba(255,255,255,.72)}
.works-tabs .is-active{background:rgba(45,85,136,.58);border-bottom-color:transparent}
.works-tabs .is-active::after{display:none}
.works-list{padding:16px 0 0;min-height:230px}
.works-list li{position:relative;padding:9px 0 9px 12px;border-bottom:0;font-size:14px;line-height:1.55;color:rgba(255,255,255,.88)}
.works-list li::before{display:block;position:absolute;left:0;top:9px;content:'・';color:rgba(255,255,255,.88)}.works-list li::after{position:absolute;left:50%;bottom:0;width:min(351px,calc(100vw - 24px));height:1px;background:rgba(255,255,255,.25);content:'';transform:translateX(-50%)}
.works-pager{display:flex;justify-content:center;margin-top:18px;gap:3px}
.works-pager i{width:16px;height:1px;background:rgba(255,255,255,.55)}

/* NEWS */
.news{padding:34px 0 38px;background:#fff}
.news-grid{display:block;width:calc(100% - 32px)}
.news-grid>div .eyebrow{margin-bottom:6px;font-size:11px;color:#173d70}
.news h2{font-size:32px;line-height:1.35}
.news-item{position:relative;display:grid;grid-template-columns:96px 76px;column-gap:4px;row-gap:4px;justify-content:start;align-items:center;margin-top:22px;padding:14px 6px 14px;border-top:0;border-bottom:0;font-size:14px;line-height:1.45}.news-item::before,.news-item::after{position:absolute;left:50%;width:min(351px,calc(100vw - 24px));height:1px;background:#cfd4da;content:'';transform:translateX(-50%)}.news-item::before{top:0}.news-item::after{bottom:0}
.news-item time{display:block;padding-right:0;white-space:nowrap}.news-tag{position:static;width:76px;padding:3px 4px;font-size:12px;line-height:1.45;white-space:nowrap;text-align:center}.news-item>span:last-child{grid-column:1/-1;display:block;margin-top:0}

/* RECRUIT */
.recruit{width:100%;height:258px;margin:0;overflow:hidden}
.recruit>img{width:100%;height:100%;object-fit:cover;object-position:46% 10%}
.recruit-overlay{background:linear-gradient(90deg,rgba(4,30,56,.64) 0%,rgba(4,22,42,.43) 48%,rgba(1,10,20,.24) 100%),linear-gradient(180deg,rgba(5,32,60,.16) 0%,rgba(2,15,29,.22) 46%,rgba(0,7,14,.40) 100%)}
.recruit-copy{width:100%;max-width:375px;margin:0 auto;padding:14px 12px 0}
.recruit-copy .eyebrow{margin-bottom:8px;font-size:11px;line-height:1.2;letter-spacing:.05em}
.recruit h2{font-size:26px;line-height:1.38;letter-spacing:.035em}.recruit-title-line{display:inline-block;white-space:nowrap}
.recruit-copy>p:not(.eyebrow){max-width:none;margin-top:13px;font-size:14px;line-height:1.48;letter-spacing:-.025em}
.recruit-copy .sp-recruit-line{display:inline;white-space:nowrap}
.recruit-button{display:flex;width:170px;height:44px;margin-top:10px;padding:0 18px;align-items:center;justify-content:space-between;background:linear-gradient(90deg,#163c24 0%,#102d1d 46%,#07110c 100%);font-size:14px;font-weight:700}

/* COMPANY / footer */
.company{width:100%;margin-top:0;background:#080909;color:#fff}
.company-inner{width:100%;max-width:375px;margin:0 auto;padding:32px 16px 26px}
.company-inner .eyebrow{margin-bottom:8px;font-size:11px;line-height:1.2}
.company h2{font-size:32px;line-height:1.25}
.company-grid{display:block;margin-top:20px}
.company-grid dl{display:block}.company-grid dl+dl{margin-top:0}
.company dl>div{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:8px;align-items:start;margin-bottom:2px}
.company dt,.company dd{font-size:14px;line-height:1.55}.company dt{white-space:nowrap}.company dd{min-width:0}.company-contact-line{display:block}.company-history-line{display:block}.company-history-line.no-wrap{white-space:nowrap}
.company-visuals{display:block;width:calc(100% - 24px);max-width:351px;height:auto;aspect-ratio:auto;margin:0 auto;padding:0 0 18px}
.company-visuals picture{display:block;width:100%;height:150px}
.company-visuals img{display:block;width:100%;height:150px;object-fit:cover;object-position:center center}
.company-visuals iframe{display:block;width:100%;max-width:none;height:190px;border:0}
.site-footer{position:relative;padding:36px 0 24px;background:#080909}
.site-footer::before{position:absolute;top:0;left:50%;display:block;width:min(351px,calc(100% - 24px));height:1px;background:#25292d;content:'';transform:translateX(-50%)}
.site-footer p{width:100%;max-width:375px;margin:0 auto;font-size:11px}
}


/* PC only: SERVICE / WORKS reference alignment */
@media (min-width: 768px) {
  /* SERVICE: match the reference proportions and line breaks */
  .service-list {
    gap: 10px;
  }

  .service-row {
    min-height: 180px;
    height: 180px;
  }

  .service-row img {
    height: 180px;
  }

  .service-text,
  .service-row:nth-child(2) .service-text,
  .service-row:nth-child(3) .service-text {
    width: 63%;
    height: 180px;
    padding: 20px 62px 18px 28px;
    background: linear-gradient(90deg,#213f77 0%,#17345f 44%,#0d2039 72%,#04080d 100%);
  }

  .service-row:nth-child(2) .service-text {
    margin-left: auto;
    padding: 20px 30px 18px 102px;
  }

  .service-text small {
    font-size: 11px;
    line-height: 1.2;
  }

  .service-text h3 {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.45;
  }

  .service-text p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 1.75;
  }

  .service-text .sp-service-line {
    display: block;
  }

  .service-text .pc-service-break {
    display: none;
  }

  /* WORKS: connect the tab borders; the active tab alone has no bottom line */
  .works-tabs {
    gap: 0;
  }

  .works-tabs button {
    max-width: none;
    margin-left: -1px;
  }

  .works-tabs button:first-child {
    margin-left: 0;
  }

  .works-tabs .is-active {
    z-index: 2;
    border-bottom-color: transparent;
  }
}


/* TABLET ONLY: keep the PC composition from 768px through 1024px.
   Smartphone (<=767px) and desktop (>1024px) remain unchanged. */
@media (min-width:768px) and (max-width:1100px) {
  .menu-toggle{display:none}
  .global-nav{display:flex}
  .works-title-pc{display:inline}
  .works-title-sp{display:none}
  .works-lead{display:block}
}

/* TABLET ONLY: PC-style composition optimized for 768px-1024px.
   Desktop and smartphone styles are intentionally untouched. */
@media (min-width:768px) and (max-width:1100px) {
  /* common container */
  .inner{width:calc(100% - 64px);max-width:none;margin-left:auto;margin-right:auto}

  /* header: keep desktop nav, but scale it to tablet width */
  .site-header{height:72px}
  .site-header .logo{
    align-self:center;
    padding-left:24px;
    font-size:19px;
    letter-spacing:0;
    white-space:nowrap;
  }
  .site-header .logo-company{font-size:14px;letter-spacing:.055em}
  .global-nav{height:72px;margin-left:auto}
  .global-nav>a{
    width:78px;
    min-width:0;
    padding:0 4px;
    font-size:12px;
    line-height:1.25;
    white-space:nowrap;
  }
  .global-nav small{margin-top:4px;font-size:6px}
  .global-nav .contact-link{
    width:128px;
    gap:8px;
    padding:0 10px;
    font-size:12px;
  }
  .mail-icon{font-size:16px}

  /* hero: retain desktop composition but scale type/position */
  .hero{min-height:620px}
  .hero-copy{left:6%;top:205px}
  .hero-copy h1{font-size:52px;line-height:1.42}
  .hero-copy p{margin-top:24px;font-size:14px;line-height:1.9}
  .hero-bottom{left:6%;right:6%;bottom:34px}

  /* ABOUT + SERVICE: preserve the desktop two-column layout without collisions */
  .section{padding:88px 0}
  .about-grid{
    grid-template-columns:minmax(0,34%) minmax(0,62%);
    gap:4%;
    align-items:center;
  }
  .about-copy{min-width:0}
  .about-copy h2{
    font-size:30px;
    line-height:1.6;
    letter-spacing:.04em;
    white-space:nowrap;
  }
  .about-copy>p:last-child{
    margin-top:24px;
    font-size:14px;
    line-height:1.95;
    letter-spacing:-.02em;
  }
  .service-list{gap:8px;min-width:0}
  .service-row,
  .service-row img{height:170px;min-height:170px}
  .service-text,
  .service-row:nth-child(2) .service-text,
  .service-row:nth-child(3) .service-text{
    width:62%;
    height:170px;
    padding:17px 34px 14px 18px;
  }
  .service-row:nth-child(2) .service-text{
    padding:17px 18px 14px 58px;
  }
  .service-text small{font-size:9px}
  .service-text h3{margin-top:7px;font-size:15px;line-height:1.35}
  .service-text p{margin-top:8px;font-size:12px;line-height:1.55}
  .service-text .sp-service-line{display:block}
  .vertical-service{display:none}

  /* WORKS: same left-title/right-content structure, tablet-scaled */
  .works{min-height:540px}
  .works-inner{
    display:grid;
    grid-template-columns:minmax(0,31%) minmax(0,1fr);
    gap:34px;
    width:calc(100% - 64px);
    padding-top:48px;
    padding-bottom:50px;
  }
  .works-heading{padding-top:48px;min-width:0}
  .works-heading .eyebrow{margin-bottom:11px;font-size:9px}
  .works-heading h2{font-size:42px;line-height:1.08}
  .works-lead{margin-top:14px;font-size:12px;line-height:1.8}
  .works-content{min-width:0;padding-top:0}
  .works-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
  .works-tabs button{
    width:100%;
    max-width:none;
    height:58px;
    margin-left:-1px;
    padding:0 4px;
    font-size:12px;
    line-height:1.35;
    white-space:normal;
  }
  .works-tabs button:first-child{margin-left:0}
  .works-list{padding-top:20px}
  .works-list li{padding:12px 0 11px 10px;font-size:12px;line-height:1.6}
  .works-list li::before{top:12px}

  /* NEWS: stop the right-hand row from being squeezed */
  .news{padding:54px 0}
  .news-grid{grid-template-columns:24% minmax(0,76%);gap:0}
  .news h2{font-size:32px}
  .news-item{
    grid-template-columns:90px 78px minmax(0,1fr);
    gap:12px;
    padding:18px 0;
    font-size:12px;
  }
  .news-tag{padding:4px 8px;font-size:11px}

  /* RECRUIT: desktop composition, scaled only for tablet */
  .recruit{height:360px}
  .recruit-copy{padding-top:48px}
  .recruit h2{font-size:34px;line-height:1.5}
  .recruit-copy>p:not(.eyebrow){max-width:430px;font-size:13px;line-height:1.55}
  .recruit-button{width:190px;height:50px;margin-top:22px}

  /* COMPANY: keep the two-column desktop structure but reduce gap */
  .company-inner{padding:66px 0 58px}
  .company h2{font-size:34px}
  .company-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:34px;margin-top:38px}
  .company dl{gap:9px}
  .company dl>div{grid-template-columns:96px minmax(0,1fr)}
  .company dt,.company dd{font-size:12px}
  .company dd{line-height:1.8}
  .company-visuals{aspect-ratio:2.6/1}

  .site-footer::before{width:calc(100% - 64px)}
}

/* TABLET ONLY: service wrapping / works lead + pager */
@media (min-width:768px) and (max-width:1100px) {
  /* Keep "ことで、" together on the ventilation description. */
  .service-row:nth-child(2) .service-text p {
    font-size:11px;
    letter-spacing:-.035em;
  }
  .service-row:nth-child(2) .service-text .sp-service-line:nth-child(2) {
    white-space:nowrap;
  }

  /* Match the requested tablet WORKS presentation. */
  .works-lead {
    display:none;
  }
  /* Keep the pager at one fixed vertical position using the tallest tab content as the reference. */
  .works-list {
    min-height:235px;
  }
  .works-pager {
    display:flex;
    justify-content:center;
    margin-top:26px;
    gap:3px;
  }
  .works-pager i {
    width:22px;
    height:2px;
    background:rgba(255,255,255,.55);
  }
  .works-pager i.is-active {
    background:#407fca;
  }
}

/* PC + TABLET ONLY: vertically align NEWS title with the news row/date.
   Smartphone styles (<=767px) are untouched. */
@media (min-width:768px) {
  .news-grid {
    align-items: stretch;
  }

  .news-grid > div {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 100%;
  }

  .news-grid > div .eyebrow {
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
  }

  .news-item {
    align-self: center;
  }
}

/* SMARTPHONE ONLY: loosen WORKS tabs and keep NEWS detail on one line */
@media (max-width:767px) {
  .works-tabs button {
    padding: 0;
    font-size: 12px;
    line-height: 1.15;
    letter-spacing: -.045em;
    white-space: nowrap;
  }

  .news-item > span:last-child {
    white-space: nowrap;
    font-size: 14px;
    letter-spacing: -.02em;
  }
}


/* TABLET ONLY (768px-1100px): stabilize iPad Pro 13 layout and WORKS tab baseline.
   Desktop (>1100px) and smartphone (<=767px) remain untouched. */
@media (min-width:768px) and (max-width:1100px) {
  .works-tabs{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    align-items:stretch;
  }
  .works-tabs::after{
    display:block;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:rgba(255,255,255,.78);
    content:'';
    pointer-events:none;
    z-index:3;
  }
  .works-tabs button,
  .works-tabs button:first-child,
  .works-tabs .is-active{
    position:relative;
    z-index:1;
    margin-left:-1px;
    border-bottom-color:transparent;
  }
  .works-tabs button:first-child{margin-left:0}
  .works-tabs .is-active::after{display:none}
}

/* TABLET ONLY: stabilize SERVICE wrapping and make WORKS active-tab treatment match desktop.
   Desktop (>1100px) and smartphone (<=767px) are intentionally untouched. */
@media (min-width:768px) and (max-width:1100px) {
  /* SERVICE: preserve the desktop-style three-line copy without accidental extra wraps. */
  .about-grid{
    grid-template-columns:minmax(0,32%) minmax(0,64%);
    gap:4%;
  }
  .service-row,
  .service-row img{
    height:182px;
    min-height:182px;
  }
  .service-text,
  .service-row:nth-child(2) .service-text,
  .service-row:nth-child(3) .service-text{
    width:70%;
    height:182px;
    padding-top:18px;
    padding-bottom:16px;
  }
  .service-row:nth-child(1) .service-text,
  .service-row:nth-child(3) .service-text{
    padding-left:20px;
    padding-right:30px;
  }
  .service-row:nth-child(2) .service-text{
    padding-left:110px;
    padding-right:18px;
  }
  .service-text h3{
    font-size:15px;
  }
  .service-text p{
    font-size:12px;
    line-height:1.55;
    letter-spacing:-.025em;
  }
  .service-text .sp-service-line{
    display:block;
    white-space:nowrap;
  }
  .service-row:nth-child(2) .service-text p{
    font-size:11.5px;
    letter-spacing:-.04em;
  }

  /* WORKS: use the same connected baseline / selected-tab opening as desktop. */
  .works-tabs{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    align-items:flex-end;
  }
  .works-tabs::after{
    display:block;
    position:absolute;
    right:0;
    bottom:0;
    left:0;
    height:1px;
    background:rgba(255,255,255,.85);
    content:'';
    z-index:0;
    pointer-events:none;
  }
  .works-tabs button{
    position:relative;
    z-index:1;
    margin-left:-1px;
    border-bottom:1px solid rgba(255,255,255,.78);
  }
  .works-tabs button:first-child{
    margin-left:0;
  }
  .works-tabs .is-active{
    z-index:2;
    background:rgba(19,76,135,.35);
    border-bottom-color:transparent;
  }
  .works-tabs .is-active::after{
    display:block;
    position:absolute;
    right:0;
    bottom:-1px;
    left:0;
    height:2px;
    background:#0b3d72;
    content:'';
  }
}

/* SP narrow width only: keep the final history line fully visible */
@media (max-width: 374px) {
  .company-history-line.no-wrap {
    font-size: 13px;
    letter-spacing: -0.035em;
  }
}

/* Company history: PC/tablet line break only; mobile stays unchanged */
@media (min-width:768px) {
  .history-pc-tablet-break{display:block;}
}
@media (max-width:767px) {
  .history-pc-tablet-break{display:none;}
}

/* iPad mini portrait / narrow tablet only (768px-820px)
   Keep PC (>1100px), wider tablets, and smartphone (<=767px) unchanged. */
@media (min-width:768px) and (max-width:820px) {
  /* ABOUT: prevent the first heading line from clipping in the narrow left column. */
  .about-copy h2{
    font-size:30px;
    line-height:1.55;
    letter-spacing:.035em;
    white-space:nowrap;
  }

  /* SERVICE row 2: reduce the oversized empty space before the copy,
     while keeping text clear of the diagonal edge. */
  .service-row:nth-child(2) .service-text{
    padding-left:82px;
    padding-right:16px;
  }
}

/* iPad Mini portrait only: prevent ABOUT heading punctuation from clipping.
   Desktop, wider tablets and smartphone are untouched. */
@media (min-width:768px) and (max-width:780px) {
  .about-copy h2{
    font-size:28px;
    line-height:1.55;
    letter-spacing:.02em;
    white-space:nowrap;
  }
}

/* iPad Pro 13 portrait around 1032px only: keep ABOUT body final "す。" on the previous line.
   Smartphone and desktop layouts are untouched. */
@media (min-width:1000px) and (max-width:1060px) {
  .about-copy>p:last-child{
    width:calc(100% + 12px);
    max-width:none;
  }
}

/* iPad Pro 13 / Surface Pro 10 class widths only: match iPad Mini WORKS tab design.
   Smartphone and desktop remain untouched. */
@media (min-width:1000px) and (max-width:1060px) {
  .works-tabs{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    align-items:stretch;
  }
  .works-tabs::after{
    display:none;
  }
  .works-tabs button{
    position:relative;
    z-index:1;
    width:100%;
    max-width:none;
    margin-left:-1px;
    border:1px solid rgba(255,255,255,.72);
    border-bottom:1px solid rgba(255,255,255,.72);
    background:rgba(6,39,72,.20);
  }
  .works-tabs button:first-child{
    margin-left:0;
  }
  .works-tabs .is-active{
    z-index:2;
    background:rgba(45,85,136,.58);
    border-bottom-color:transparent;
  }
  .works-tabs .is-active::after{
    display:none;
  }
}

/* Surface Pro 10 portrait (~960px) only: match iPad Mini WORKS tab border/active styling.
   Smartphone, other tablet widths, and desktop remain untouched. */
@media (min-width:940px) and (max-width:980px) {
  .works-tabs{
    position:relative;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:0;
    align-items:stretch;
  }
  .works-tabs::after{
    display:none;
  }
  .works-tabs button,
  .works-tabs button:first-child{
    position:relative;
    z-index:1;
    width:100%;
    max-width:none;
    margin-left:-1px;
    border:1px solid rgba(255,255,255,.72);
    border-bottom:1px solid rgba(255,255,255,.72);
    background:rgba(6,39,72,.20);
  }
  .works-tabs button:first-child{
    margin-left:0;
  }
  .works-tabs .is-active{
    z-index:2;
    background:rgba(45,85,136,.58);
    border-bottom-color:transparent;
  }
  .works-tabs .is-active::after{
    display:none;
  }
}

/* PC / TABLET ONLY: keep the replacement images fully visible and restore COMPANY/footer layout.
   Smartphone (<=767px) is intentionally untouched. */
@media (min-width:768px) {
  /* Keep picture wrappers as real boxes so the COMPANY image + map grid does not collapse. */
  .hero-slide picture,
  .service-row picture,
  .company-visuals picture {
    display:block;
    width:100%;
    height:100%;
    min-width:0;
    min-height:0;
  }

  .hero-slide picture,
  .service-row picture {
    position:absolute;
    inset:0;
  }

  /* HERO (PC / tablet only): use the supplied replacement images as full-bleed first-view visuals.
     Smartphone remains untouched because its <img> sources are separate. */
  .hero-slide picture img {
    width:100%;
    height:100%;
    object-fit:cover;
    background:#0b1118;
  }

  .hero-slide:nth-child(1) picture img {
    object-position:50% 50%;
  }

  .hero-slide:nth-child(2) picture img {
    object-position:50% 50%;
  }

  .hero-slide:nth-child(3) picture img {
    object-position:50% 42%;
  }

  .service-row picture img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    background:#07111d;
  }

  /* Restore the original two-column COMPANY visual + map composition. */
  .company-visuals {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    width:100%;
    overflow:hidden;
  }
  .company-visuals picture,
  .company-visuals iframe {
    width:100%;
    height:100%;
  }
  .company-visuals picture img {
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center center;
    background:#080909;
  }
}

/* PC / TABLET ONLY: match the reference TEL / FAX presentation. */
@media (min-width:768px) {
  .company-contact-line {
    display:inline;
  }
  .company-contact-line + .company-contact-line::before {
    content:"／";
    display:inline-block;
    margin:0 1.35em;
  }
}

/* TABLET ONLY: match smartphone TEL / FAX line breaks. */
@media (min-width:768px) and (max-width:1100px) {
  .company-contact-line {
    display:block;
  }
  .company-contact-line + .company-contact-line::before {
    content:none;
    display:none;
    margin:0;
  }
}

/* SMARTPHONE ONLY: keep WORKS entries as one continuous line of text that wraps naturally.
   PC/tablet are intentionally untouched. */
@media (max-width:767px) {
  .works-list li {
    padding-left:12px;
    padding-right:0;
    font-size:14px;
    line-height:1.55;
    letter-spacing:-.02em;
    white-space:normal;
    word-break:normal;
    overflow-wrap:anywhere;
  }

  .works-list li::before {
    left:0;
    top:9px;
  }
}



/* Smartphone map reliability fix: preserve the exact 351x190 layout using a local map preview. */

/* PC ONLY: logo size/spacing adjustment */
@media (min-width:1101px) {
  .logo-company {
    font-size:19px;
    letter-spacing:.055em;
  }

  .logo-name {
    margin-left:.3em;
    font-size:25px;
    line-height:1;
    letter-spacing:.30em;
  }
}


/* SMARTPHONE ONLY: use a single clean divider below the map area. */
@media (max-width:767px) {
  .company-visuals {
    position:relative;
    padding:0 0 24px;
  }

  .company-visuals::after {
    content:"";
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    height:1px;
    background:#25292d;
  }

  .company-visuals picture,
  .company-visuals iframe {
    margin:0;
    border:0;
    box-shadow:none;
  }

  .site-footer {
    padding-top:20px;
  }

  .site-footer::before {
    display:none;
    content:none;
  }
}