:root{--orange:#ef6c22;--orange-deep:#d95612;--peach:#fff1e8;--ink:#222a2e;--text:#4b565b;--line:#d8dddf;--soft:#f3f5f5;--shell:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans JP","Yu Gothic","YuGothic",Meiryo,sans-serif;font-size:17px;line-height:1.85;letter-spacing:.025em}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.shell{width:min(calc(100% - 48px),var(--shell));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:#fff}.header-main{height:88px;display:flex;align-items:center;justify-content:space-between}.brand,.footer-brand{display:inline-flex;align-items:center;gap:12px}.brand-mark{position:relative;width:54px;height:38px;overflow:hidden;flex:0 0 auto}.brand-mark img{position:absolute;top:0;left:-118px;width:290px;max-width:none;height:70px}.brand-name{display:grid;grid-template-columns:auto 1fr;align-items:end;column-gap:5px;line-height:1}.brand-name small{font-size:10px;font-weight:700}.brand-name strong{font-size:18px;font-weight:800}.brand-name em{grid-column:1/-1;margin-top:6px;color:#8b9498;font-size:8px;font-style:normal;font-weight:700;letter-spacing:.16em}.header-meta{display:flex;align-items:center;gap:34px}.header-meta p{display:flex;flex-direction:column;margin:0;text-align:right;line-height:1.5}.header-meta p span{color:#7b858a;font-size:11px}.header-meta p strong{font-size:13px}.header-tel{padding-left:28px;border-left:1px solid var(--line);display:flex;flex-direction:column;line-height:1.35}.header-tel small{color:var(--orange);font-size:10px;font-weight:700}.header-tel strong{font-size:20px;letter-spacing:.06em}.menu-button{display:none;border:0;background:none;font:800 12px inherit}.global-nav{background:var(--orange);color:#fff}.global-nav__inner{height:62px;display:grid;grid-template-columns:repeat(4,1fr) 1.2fr}.global-nav a{display:flex;align-items:center;justify-content:center;gap:10px;border-left:1px solid rgba(255,255,255,.27);font-size:14px;font-weight:800}.global-nav a:last-child{border-right:1px solid rgba(255,255,255,.27)}.global-nav a:hover{background:rgba(159,51,0,.16)}.global-nav small{font-size:8px;letter-spacing:.12em;opacity:.75}.nav-contact{background:var(--orange-deep)}.nav-contact span{font-size:20px}.hero{background:var(--soft)}.hero__inner{min-height:570px;display:grid;grid-template-columns:43% 57%;align-items:stretch}.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:54px 55px 54px 0}.hero-label,.section-title p,.label{margin:0 0 18px;color:var(--orange);font-size:11px;font-weight:800;letter-spacing:.16em}.hero h1{margin:0;font-size:clamp(42px,4.3vw,62px);line-height:1.28;letter-spacing:.02em}.hero h1 span{background:var(--orange);color:#fff;padding:0 .09em}.hero-lead{max-width:570px;margin:24px 0 30px;color:var(--text);font-size:18px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:27px}.button{min-height:56px;display:inline-flex;align-items:center;justify-content:center;gap:32px;padding:0 28px;font-size:15px;font-weight:800}.button span{font-size:20px}.button--orange{background:var(--orange);color:#fff}.button--orange:hover{background:var(--orange-deep)}.button--outline{border:1px solid var(--ink);background:#fff}.text-link{display:inline-flex;align-items:center;gap:25px;padding-bottom:4px;border-bottom:1px solid var(--ink);font-size:15px;font-weight:800}.text-link span{color:var(--orange);font-size:19px}.hero-gallery{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:10px;padding:34px 0 34px 28px}.photo-panel{position:relative;margin:0;overflow:hidden;background:#dce0e1}.photo-panel img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(.96)}.photo-panel--primary img{object-position:center 58%}.photo-panel:nth-child(2) img{object-position:center}.photo-panel:nth-child(3) img{object-position:center 55%}.photo-panel figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;gap:12px;padding:13px 15px;background:#fff;border-top:4px solid var(--orange)}.photo-panel figcaption span{color:var(--orange);font-size:10px;font-weight:800}.photo-panel figcaption strong{font-size:13px}.credibility{background:#fff;border-bottom:1px solid var(--line)}.credibility__grid{display:grid;grid-template-columns:repeat(4,1fr)}.credibility__grid>div{min-height:102px;display:flex;flex-direction:column;justify-content:center;padding:17px 24px;border-left:1px solid var(--line)}.credibility__grid>div:last-child{border-right:1px solid var(--line)}.credibility small{color:var(--orange);font-size:9px;font-weight:800;letter-spacing:.13em}.credibility strong{font-size:16px}.credibility span{color:#778186;font-size:12px}.section{padding:100px 0}.intro__grid{display:grid;grid-template-columns:.95fr 1.25fr;gap:110px}.section-title h2,.heading-row h2,.recruit h2,.contact h2{margin:0;font-size:34px;line-height:1.5}.intro-copy{padding-left:46px;border-left:4px solid var(--orange)}.intro-copy p{margin:0 0 18px;color:var(--text);font-size:17px}.intro-copy .text-link{margin-top:14px}.services{background:var(--soft)}.heading-row{display:flex;align-items:end;justify-content:space-between;margin-bottom:44px}.heading-row>p{max-width:540px;margin:0;color:var(--text);font-size:16px}.service-grid{display:grid;grid-template-columns:1.16fr 1fr 1fr;gap:16px}.service-card{position:relative;min-height:470px;padding:34px 30px;background:#fff;border-top:6px solid #cfd5d7}.service-card--featured{border-color:var(--orange);background:var(--peach)}.service-number{position:absolute;right:24px;top:18px;color:#c8ced0;font-size:43px;font-weight:300}.service-card--featured .service-number{color:#f4b690}.service-tag{margin:24px 0 38px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.15em}.service-card h3{margin:0 0 17px;font-size:24px}.service-card>p:not(.service-tag){margin:0;color:var(--text);font-size:16px}.service-card ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:23px 0 0;padding:0}.service-card li{padding:5px 10px;background:var(--soft);font-size:12px}.service-card--featured li{background:#fff}.service-card>a{position:absolute;left:30px;bottom:27px;color:var(--orange);font-size:14px;font-weight:800}.works{background:#fff}.filters{display:flex;gap:8px;margin:0 0 35px;border-bottom:1px solid var(--line)}.filters button{padding:13px 20px;border:0;border-bottom:4px solid transparent;background:none;color:#687277;font:800 14px inherit;cursor:pointer}.filters button.is-active{border-color:var(--orange);background:var(--peach);color:var(--orange-deep)}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.work-card.is-hidden{display:none}.work-card{border:1px solid var(--line);transition:.2s}.work-card:hover{transform:translateY(-4px)}.work-image{aspect-ratio:4/3;overflow:hidden}.work-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.78)}.work-body{padding:22px}.work-body span{color:var(--orange);font-size:12px;font-weight:800}.work-body h3{margin:8px 0 7px;font-size:20px}.work-body p{margin:0;color:var(--text);font-size:15px}.center{margin-top:43px;text-align:center}.clients{padding:82px 0;background:#2d3539;color:#fff}.clients__grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px}.section-title--light h2{margin:0;font-size:31px}.clients__grid>div:last-child>p{margin-top:7px;color:#d2d7d9;font-size:16px}.client-types{display:grid;grid-template-columns:repeat(2,1fr);margin-top:26px;border-top:1px solid #596166;border-left:1px solid #596166}.client-types span{padding:13px;border-right:1px solid #596166;border-bottom:1px solid #596166;font-size:13px}.recruit__box{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:58px 64px;background:var(--peach);border-left:8px solid var(--orange)}.recruit__box>div:last-child p{margin-top:5px;color:var(--text);font-size:16px}.contact{padding:65px 0;background:var(--orange);color:#fff}.contact__grid{display:grid;grid-template-columns:1.35fr .75fr .75fr;gap:36px;align-items:center}.contact p{margin:0;font-size:10px;font-weight:800;letter-spacing:.16em}.contact h2{font-size:30px}.contact div>span{font-size:15px}.contact-tel{display:flex;flex-direction:column}.contact-tel small{font-size:11px}.contact-tel strong{font-size:25px}.contact-mail{min-height:58px;display:flex;align-items:center;justify-content:center;gap:30px;background:#fff;color:var(--orange-deep);font-size:14px;font-weight:800}.footer{padding:55px 0 22px}.footer__grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;align-items:start}.footer__grid p{margin:0;color:#687277;font-size:13px}.footer nav{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;font-size:13px;font-weight:700}.footer__bottom{display:flex;justify-content:space-between;margin-top:38px;padding-top:18px;border-top:1px solid var(--line);color:#889196;font-size:10px}
@media(max-width:960px){.header-meta{display:none}.global-nav__inner{grid-template-columns:repeat(5,1fr)}.global-nav small{display:none}.hero__inner{grid-template-columns:1fr}.hero-copy{padding:55px 0}.hero-gallery{height:460px;padding:0 0 30px}.credibility__grid{grid-template-columns:repeat(2,1fr)}.intro__grid,.clients__grid{grid-template-columns:1fr;gap:40px}.service-grid{grid-template-columns:1fr 1fr}.service-card--featured{grid-column:1/-1}.contact__grid{grid-template-columns:1fr 1fr}.contact__grid>div{grid-column:1/-1}}
@media(max-width:620px){body{font-size:16px}.shell{width:min(calc(100% - 32px),var(--shell))}.header-main{height:70px}.brand-mark{width:44px;height:31px}.brand-mark img{left:-96px;width:236px;height:auto}.brand-name small,.brand-name em{display:none}.brand-name strong{font-size:14px}.menu-button{display:block}.global-nav{display:none}.global-nav.is-open{display:block}.global-nav__inner{height:auto;width:100%;display:flex;flex-direction:column;padding:9px 16px}.global-nav a{min-height:50px;border:0;border-bottom:1px solid rgba(255,255,255,.3)}.hero__inner{width:100%}.hero-copy{padding:44px 16px 38px}.hero h1{font-size:38px}.hero-lead{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-gallery{height:420px;grid-template-columns:1.3fr 1fr;gap:7px;padding:0 10px 14px}.photo-panel:nth-child(3){display:none}.photo-panel figcaption{padding:10px}.photo-panel figcaption strong{font-size:11px}.credibility__grid{width:100%;grid-template-columns:1fr 1fr}.credibility__grid>div{min-height:90px;padding:13px 16px}.credibility strong{font-size:13px}.section{padding:72px 0}.intro__grid{gap:30px}.intro-copy{padding-left:22px}.heading-row{display:block}.heading-row>p{margin-top:18px}.service-grid,.work-grid{grid-template-columns:1fr}.service-card--featured{grid-column:auto}.service-card{min-height:430px}.filters{overflow-x:auto}.filters button{flex:0 0 auto}.recruit__box{grid-template-columns:1fr;gap:28px;padding:36px 25px}.contact__grid{display:block}.contact-tel,.contact-mail{margin-top:24px}.footer__grid{grid-template-columns:1fr}.footer nav{margin-top:12px}}