/* Lower pages share the homepage's brand, spacing and typography. */
.jh-subpage{--main-color:#6231fa;--accent-color:#6231fa;--primary-color:#150a44;color:var(--jh-ink);background:#fff;font-family:"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;line-height:1.9;overflow-x:clip}
body.jh-subpage{--lower-accent:#6231fa;--lower-accent-deep:#5022d9;--lower-navy:#150a44;--lower-ink:#150a44;--lower-muted:#6e657f;--lower-soft:#faf8ff;--lower-line:#e5def3}
.jh-subpage .crn{--crn-ink:#150a44;--crn-navy:#150a44;--crn-navy-2:#251058;--crn-text:#150a44;--crn-muted:#6e657f;--crn-line:#e5def3;--crn-line-strong:#c2b3e2;--crn-paper:#faf8ff;--crn-blue:#6231fa;--crn-accent:#6231fa;--crn-accent-dark:#5022d9;--crn-accent-soft:#f0eaff}
.jh-subpage .construction-recruit-page{--cr-navy:#150a44;--cr-navy-2:#251058;--cr-orange:#6231fa;--cr-orange-dark:#5022d9;--cr-green:#6231fa;--cr-sand:#faf8ff;--cr-light:#f5f0fd;--cr-ink:#150a44;--cr-muted:#6e657f}
.jh-subpage .jh-header{position:sticky;top:0}.jh-subpage .jh-brand img{aspect-ratio:215/107}.jh-subpage .jh-footer{margin-top:0}.jh-subpage .jl-main{max-width:none;width:100%;margin:0;padding:0;display:block}
.jl-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:11px;color:var(--jh-muted);padding-block:20px}.jl-breadcrumb a:hover{color:var(--jh-accent)}
.jl-hero{position:relative;padding-block:70px 84px;background-color:#fffefa;background-image:radial-gradient(ellipse at 0 95%,#eee7ff66,transparent 45%),url('./home-paper-grain.svg');background-size:auto,192px 192px}
.jl-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center}.jl-hero:not(.jl-hero--service) .jl-hero-grid{grid-template-columns:1fr}.jl-hero-copy{min-width:0;max-width:680px}.jl-hero-copy .jh-label{gap:12px 20px}.jl-hero-copy .jh-label span{flex-basis:100%}.jl-hero h1{font-size:clamp(32px,3.1vw,46px);font-weight:800;line-height:1.6;letter-spacing:.015em;color:var(--jh-ink);margin:0}.jl-lead{font-size:15px;line-height:2.1;max-width:38em;margin-top:26px!important;color:var(--jh-muted)}.jl-scope{display:flex;flex-wrap:wrap;gap:10px 0;list-style:none;padding:0;margin:24px 0 0;font-size:12px;color:#7552ab}.jl-scope li+li:before{content:'/';margin-inline:12px;color:#c8b9e8}.jl-hero .jh-actions .jh-button{font-size:13px;gap:24px;padding-inline:24px}
.jl-quick-consult{min-width:0;background:#fff;border:1px solid var(--jh-line);border-top:3px solid var(--jh-accent);padding:30px;border-radius:14px;scroll-margin-top:120px}.jl-form-kicker{font-size:12px;font-weight:700;color:var(--jh-accent)}.jl-quick-consult h2{font-size:25px;line-height:1.6;letter-spacing:0;margin:12px 0 14px}.jl-form-lead{font-size:12px;color:var(--jh-muted);line-height:1.9}.jl-form{margin-top:20px;font-size:13px}.jl-form-link{display:flex;justify-content:space-between;border-top:1px solid var(--jh-line);margin-top:20px;padding-top:16px;font-size:12px}.jl-form-link:hover{color:var(--jh-accent)}
.jh-subpage .wpcf7{max-width:100%;margin:0}.jh-subpage .wpcf7 form{margin:0}.jh-subpage .wpcf7 p{font-size:13px;line-height:1.8;margin:0 0 15px!important}.jh-subpage .wpcf7 label{display:block;font-size:12px;font-weight:700;margin-bottom:12px}.jh-subpage .wpcf7 input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=hidden]),.jh-subpage .wpcf7 textarea,.jh-subpage .wpcf7 select{box-sizing:border-box;width:100%;max-width:100%;border:1px solid #d8cde9;border-radius:5px;background:#fff;padding:10px 12px;margin-top:7px;font:inherit;color:var(--jh-ink);box-shadow:none}.jh-subpage .wpcf7 textarea{height:120px;min-height:100px;resize:vertical}.jh-subpage .wpcf7 input[type=submit]{font-family:inherit;font-size:14px;font-weight:700;line-height:1.6;background:var(--jh-accent);color:#fff;border:0;border-radius:30px;padding:14px 24px;cursor:pointer;max-width:100%;width:100%}.jh-subpage .wpcf7 input:focus-visible,.jh-subpage .wpcf7 textarea:focus-visible{outline:2px solid var(--jh-accent);outline-offset:3px}.jh-subpage .wpcf7-not-valid-tip{font-size:12px;color:#b22336}.jh-subpage .wpcf7 form .wpcf7-response-output{font-size:13px;margin:16px 0}.jh-subpage .wpcf7-spinner{vertical-align:middle}.jl-quick-consult .wpcf7 br{line-height:1}
.jl-section,.jh-subpage .jl-main>section:not(.jl-hero){padding-block:88px}.jl-section--soft{background:#faf8ff}.jl-section h2{font-size:clamp(28px,2.8vw,38px);line-height:1.65}.jl-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:42px}.jl-features article{border-top:1px solid var(--jh-line);padding-top:22px}.jl-number{font:18px/1.5 Arial,sans-serif;color:#9679c6}.jl-features h3{font-size:19px;line-height:1.6;margin:12px 0}.jl-features p,.jl-case-list p{font-size:14px;line-height:2;color:var(--jh-muted)}.jl-case-list{margin-top:36px}.jl-case-list article{display:grid;grid-template-columns:minmax(0,.4fr) minmax(0,.6fr);gap:40px;padding:28px 0;border-top:1px solid var(--jh-line)}.jl-case-list h3{font-size:20px;line-height:1.7}.jl-note{font-size:12px;line-height:1.9;color:var(--jh-muted);margin-top:24px!important}.jl-price{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;border-block:1px solid var(--jh-line);padding-block:30px;margin-top:35px}.jl-price-amount{font-size:32px;font-weight:800;color:var(--jh-accent)}.jl-price ul{font-size:14px;line-height:2.1;margin:0;padding-left:20px}.jl-process{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:40px!important}.jl-process li{border-top:1px solid var(--jh-line);padding-top:20px}.jl-process span{font:14px/1.6 Arial,sans-serif;color:#9679c6}.jl-process h3{font-size:17px;margin:12px 0}.jl-process p{font-size:13px;color:var(--jh-muted);line-height:2}.jl-faq{margin-top:36px}.jl-faq details{border-top:1px solid var(--jh-line)}.jl-faq details:last-child{border-bottom:1px solid var(--jh-line)}.jl-faq summary{cursor:pointer;font-size:16px;font-weight:700;padding:23px 5px;line-height:1.8}.jl-faq details p{font-size:14px;line-height:2;color:var(--jh-muted);padding:0 5px 24px}.jl-related{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.jl-related a{display:flex;justify-content:space-between;gap:15px;align-items:center;border-block:1px solid var(--jh-line);padding-block:24px;font-size:16px;font-weight:700}.jl-related a:hover{color:var(--jh-accent)}.jl-related span{font-size:24px;color:var(--jh-accent)}
.jl-consult{padding-block:76px;background:#f5f0fd;border-top:1px solid var(--jh-line)}.jl-consult-inner{max-width:900px;text-align:center}.jl-consult .jh-label,.jl-consult .jh-actions{justify-content:center}.jl-consult h2{font-size:clamp(27px,2.6vw,37px);line-height:1.7}.jl-consult-inner>p:not(.jh-label){font-size:14px;color:var(--jh-muted);line-height:2;margin-top:20px!important}
/* Existing long-form content, prices, queries and FAQ remain intact. */
.jh-subpage .jl-main :is(.l-contents__block--wide02,.c-contents--wide02,.c-contents,.inner,.container,.cr-container,.crn-wrap,.gtn-wrap){max-width:1280px;width:calc(100% - 96px);margin-inline:auto;box-sizing:border-box}.jh-subpage .jl-main :is(.l-contents__block--wide02,.c-contents--wide02,.c-contents) :is(.c-contents,.c-contents--wide02,.inner){width:100%}.jh-subpage .jl-main :is(.l-contents__block--breakInner,.p-seoPage__section,.cr-section,.crn-section,.gtn-section){padding-block:84px;background:#fff;color:var(--jh-ink)}.jh-subpage .jl-main :is(.p-seoPage__section--soft,.cr-section--soft,.crn-section--soft){background:#faf8ff}.jh-subpage .jl-main :is(.c-heading01,.p-const__sectionTitle,.p-constx__sectionTitle,.cr-section__title,.crn-title,.gtn-title){font-size:clamp(28px,2.8vw,38px);line-height:1.65;color:var(--jh-ink);font-weight:800;letter-spacing:.015em;border:0;box-shadow:none;background:none;padding:0;margin-bottom:26px}.jh-subpage .jl-main :is(.c-heading01,.p-const__sectionTitle)::after,.jh-subpage .jl-main :is(.c-heading01,.p-const__sectionTitle)::before{display:none}.jh-subpage .jl-main :is(.p-about__secLead,.p-webdesign__secLead,.p-recruit__secLead,.p-const__secLead,.cr-section__label,.crn-eyebrow,.gtn-eyebrow){font:900 clamp(30px,3.3vw,44px)/1.15 Arial,sans-serif;letter-spacing:-.025em;color:var(--jh-ink);margin-bottom:20px}.jh-subpage .jl-main p{line-height:2}.jh-subpage .jl-main :is(.c-arrowLink,.cta-button,.btn-primary,.cr-btn,.crn-btn,.gtn-btn){background:var(--jh-accent);color:#fff;border:1px solid transparent;border-radius:32px;padding:15px 25px;box-shadow:none;font-weight:700;text-decoration:none;line-height:1.6}.jh-subpage .jl-main :is(.c-arrowLink,.cta-button,.btn-primary,.cr-btn,.crn-btn,.gtn-btn):hover{background:#5022d9}.jh-subpage .jl-main :is(.p-webdesign__svcNum,.p-webdesign__recNum,.p-recruit__flowNum){color:#9679c6}.jh-subpage .jl-main :is(.kaisha,table){border-collapse:collapse;max-width:100%;font-size:14px}.jh-subpage .jl-main :is(th,td){border-color:var(--jh-line);line-height:1.9}.jh-subpage .jl-main .kaisha th{background:#f8f5fe;color:var(--jh-ink);width:24%;padding:22px}.jh-subpage .jl-main .kaisha td{padding:22px}.jh-subpage .jl-main .p-about__greetingInner{gap:65px}.jh-subpage .jl-main .p-about__greetingPhoto img{border-radius:10px}.jh-subpage .jl-main .p-about__mvvBlock{box-shadow:none;border-radius:0;border-top:1px solid var(--jh-line);background:#fff;padding-block:30px}.jh-subpage .jl-main .p-seoPage__breadcrumb{display:none}.jh-subpage .jl-main .floating-circles,.jh-subpage .jl-main .crn-float{display:none}.jh-subpage .jl-main :is(.c-worksCard__thumb,.p-worksDetail__mainImage){aspect-ratio:auto;height:auto;overflow:hidden;background:#f8f5fe;border-radius:10px}.jh-subpage .jl-main .c-worksCard__thumb img{height:auto;width:100%;aspect-ratio:auto;object-fit:contain;transform:none}.jh-subpage .jl-main .c-worksCard:hover img{transform:none}.jh-subpage .jl-main .c-worksCard{box-shadow:none;border:1px solid var(--jh-line);border-radius:12px;background:#fff;overflow:hidden}.jh-subpage .jl-main .c-worksCard__title{font-size:20px;line-height:1.65}.jh-subpage .jl-main .c-worksCard__body{padding:25px}.jh-subpage .jl-main .c-pager{margin-block:40px}.jh-subpage .jl-main :is(.c-articleList__item,.p-freePage__head){border-color:var(--jh-line)}.jh-subpage .jl-main .p-freePage__detail{max-width:850px;margin-inline:auto;font-size:15px;line-height:2}.jh-subpage .jl-main :is(.p-freePage__detail,.kotei) a{color:var(--jh-accent);text-decoration:underline;text-underline-offset:3px}.jh-subpage .jl-main :is(.p-freePage__detail,.kotei) p+p{margin-top:20px}.jh-subpage .jl-main a:focus-visible,.jh-subpage summary:focus-visible{outline:3px solid var(--jh-accent);outline-offset:4px}
.jh-subpage .jl-main :is(.crn-section--dark,.cr-section--dark){background:#150a44;color:#fff}.jh-subpage .jl-main :is(.crn-section--dark,.cr-section--dark) :is(h2,h3){color:#fff}
.jh-subpage .jl-main a[class*="--document"]{background:#fff;color:#150a44;border-color:#c2b3e2}.jh-subpage .jl-main a[class*="--document"]:hover{background:#f0eaff}
.jh-subpage .jl-main :is(.p-webdesign__cta,.p-seoPage__cta,.p-const__cta,.p-recruit__finalCta,.p-worksDetail__cta,.cr-final-cta,.gaten-final-cta){background:#f5f0fd;color:#150a44;box-shadow:none;border-radius:0;padding-block:72px}.jh-subpage .jl-main :is(.p-webdesign__ctaTitle,.p-seoPage__ctaTitle,.p-const__ctaTitle,.p-recruit__finalCtaTitle){color:#150a44;font-size:clamp(27px,2.6vw,37px);line-height:1.7}.jh-subpage .jl-main :is(.p-webdesign__ctaLead,.p-const__ctaLead,.p-recruit__finalCtaLead){color:#625c74}.jh-subpage .jl-main :is(.p-webdesign__ctaBtn,.p-seoPage__ctaButton,.p-worksDetail__ctaBtn,.p-const__ctaBtn,.p-recruit__finalCtaBtn){background:#6231fa;color:#fff;border:1px solid transparent;border-radius:32px;box-shadow:none;padding:15px 25px;font-weight:700}.jh-subpage .jl-main :is(.p-webdesign__ctaBtn,.p-const__ctaBtn,.p-recruit__finalCtaBtn)[class*="--document"]{background:#fff;color:#150a44;border-color:#c2b3e2}
@media(max-width:1100px){.jl-hero-grid{gap:36px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.jl-hero{padding-block:52px 64px}.jl-hero h1{font-size:34px}.jl-quick-consult{padding:24px}.jl-hero .jh-actions{display:flex}.jl-hero .jh-button{min-height:52px;font-size:12px!important;gap:16px!important;padding-inline:18px!important}.jl-features{gap:26px}.jh-subpage .jl-main :is(.l-contents__block--wide02,.c-contents--wide02,.c-contents,.inner,.container,.cr-container,.crn-wrap,.gtn-wrap){width:calc(100% - 64px)}}
@media(max-width:800px){.jl-hero-grid{grid-template-columns:1fr;gap:32px}.jl-hero-copy{max-width:none}.jl-hero h1{font-size:34px}.jl-hero{padding-block:40px 48px}.jl-lead{font-size:14px;margin-top:20px!important}.jl-quick-consult{width:100%;max-width:560px;justify-self:start}.jl-section,.jh-subpage .jl-main>section:not(.jl-hero){padding-block:60px}.jl-features{grid-template-columns:1fr;gap:24px;margin-top:30px}.jl-features h3{font-size:18px}.jl-case-list article{grid-template-columns:1fr;gap:12px;padding-block:24px}.jl-price{grid-template-columns:1fr;gap:18px}.jl-process{grid-template-columns:1fr 1fr;gap:28px 22px}.jl-related{grid-template-columns:1fr;gap:0}.jl-consult{padding-block:54px}.jl-consult-inner{text-align:left}.jl-consult .jh-label,.jl-consult .jh-actions{justify-content:flex-start}.jh-subpage .jl-main :is(.l-contents__block--wide02,.c-contents--wide02,.c-contents,.inner,.container,.cr-container,.crn-wrap,.gtn-wrap){width:calc(100% - 40px)}.jh-subpage .jl-main :is(.l-contents__block--breakInner,.p-seoPage__section,.cr-section,.crn-section,.gtn-section){padding-block:58px}.jh-subpage .jl-main .p-about__greetingInner{gap:30px}.jl-quick-consult{scroll-margin-top:90px}}
@media(max-width:540px){.jl-hero h1{font-size:28px;letter-spacing:0}.jl-hero-copy .jh-label strong{font-size:30px}.jl-hero-copy .jh-label span{font-size:11px}.jl-scope{font-size:11px}.jl-scope li+li:before{margin-inline:8px}.jl-quick-consult{padding:22px 20px}.jl-quick-consult h2{font-size:23px}.jl-section h2{font-size:27px}.jl-price-amount{font-size:28px}.jl-features p,.jl-case-list p,.jl-faq details p{font-size:13px}.jl-faq summary{font-size:14px;padding-block:20px}.jl-consult h2{font-size:27px}.jl-consult-inner>p:not(.jh-label){font-size:13px}.jl-consult .jh-actions{display:flex;flex-wrap:wrap}.jl-consult .jh-button{font-size:12px;gap:16px;padding-inline:20px}.jh-subpage .jl-main .kaisha{font-size:13px}.jh-subpage .jl-main .kaisha th{width:30%;padding:15px 10px}.jh-subpage .jl-main .kaisha td{padding:15px 12px}.jh-subpage .jl-main .c-worksCard__title{font-size:18px}.jh-subpage .jl-main .c-worksCard__body{padding:20px}}
@media(prefers-reduced-motion:reduce){.jh-subpage .jl-main *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(forced-colors:active){.jl-hero,.jl-section--soft,.jl-consult,.jl-quick-consult{background:Canvas}.jl-quick-consult,.jl-features article,.jl-faq details{border-color:CanvasText}}

/* Size work thumbnails from the image, without the legacy flex centering. */
.jh-subpage .jl-main .c-worksCard__thumb{display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;margin:0;padding:0;line-height:0;box-sizing:border-box}
.jh-subpage .jl-main .c-worksCard__thumb img{display:block;width:100%;max-width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:auto;margin:0;padding:0;object-fit:contain}

/* Keep categories in the text flow below the thumbnail, above the client. */
.jh-subpage .jl-main .c-worksCard__body>.c-worksCard__cat{position:static;inset:auto;display:table;width:auto;max-width:100%;margin:0 0 14px;padding:5px 12px;border:1px solid #d6c8ed;border-radius:4px;background:#eee7fb;color:#5022a5;font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.02em;box-shadow:none;transform:none}
/* Remove old dark inner panels: their background conflicts with the renewed text colors. */
.jh-subpage .jl-main :is(.p-webdesign__ctaInner,.p-const__ctaInner,.p-recruit__finalCtaInner,.p-worksDetail__ctaInner){background:transparent;color:#150a44;border-radius:0;box-shadow:none}
.jh-subpage .jl-main .p-recruit__finalCtaInner::before{display:none}
.jh-subpage .jl-main :is(.p-webdesign__ctaInner,.p-const__ctaInner,.p-recruit__finalCtaInner,.p-worksDetail__ctaInner) :is(h2,h3){color:#150a44}
.jh-subpage .jl-main :is(.p-webdesign__ctaInner,.p-const__ctaInner,.p-recruit__finalCtaInner,.p-worksDetail__ctaInner) p{color:#625c74}
.jh-subpage .jl-main .p-const__ctaInner .p-const__ctaLead2{color:#5022a5}
/* Thumbnail frames use attachment dimensions rather than lazy-load intrinsic placeholders. */
.jh-subpage .jl-main .c-worksCard__thumb img{contain-intrinsic-size:none;contain:none;content-visibility:visible;object-position:center top}
.jh-subpage .jl-main .c-worksCard__thumb.c-worksCard__thumb--natural{position:relative;display:block;width:100%;height:auto;min-height:0;max-height:none;aspect-ratio:var(--jl-work-ratio);margin:0;padding:0;flex:0 0 auto;overflow:hidden;box-sizing:border-box}
.jh-subpage .jl-main .c-worksCard__thumb.c-worksCard__thumb--natural::before,.jh-subpage .jl-main .c-worksCard__thumb.c-worksCard__thumb--natural::after{content:none;display:none}
.jh-subpage .jl-main .c-worksCard__thumb.c-worksCard__thumb--natural img{position:absolute!important;inset:0!important;display:block!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;max-width:100%!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;object-fit:contain!important;object-position:center top!important;contain-intrinsic-size:none!important;contain:none!important;content-visibility:visible!important;transform:none!important}
/* Isolate actual case cards from chapter layout and legacy list styles. */
.jh-subpage .jl-main :is(.jl-works-grid,.p-works__grid,.crn-works__list){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 40px;align-items:start;width:100%;max-width:100%;min-width:0;box-sizing:border-box;margin:32px 0 40px;padding:0;list-style:none}
.jh-subpage .jl-main .p-works__grid--3col{grid-template-columns:repeat(3,minmax(0,1fr))}
.jh-subpage .jl-main :is(.jl-works-grid>.jl-source-work,.p-works__grid>.c-worksCard,.crn-works__list>li){position:relative;float:none;display:block;min-width:0;width:100%;max-width:100%;height:auto;margin:0;padding:0;box-sizing:border-box;overflow:hidden;align-self:start}
.jh-subpage .jl-main :is(.jl-source-work,.c-worksCard,.crn-works__list>li)[hidden]{display:none!important}
.jh-subpage .jl-main :is(.jl-source-work>a,.c-worksCard__link,.crn-works__list>li>a){display:block;float:none;position:static;width:100%;max-width:100%;min-width:0;height:auto;padding:0;box-sizing:border-box;white-space:normal;overflow-wrap:anywhere;color:var(--jh-ink);text-decoration:none}
.jh-subpage .jl-main :is(.jl-source-work figure,.crn-works__thumb){display:block;float:none;width:100%;max-width:100%;height:auto;min-height:0;margin:0 0 24px;padding:0;aspect-ratio:auto;line-height:0;box-sizing:border-box}
.jh-subpage .jl-main :is(.jl-source-work figure img,.crn-works__thumb img,.crn-work>a>img){display:block;width:100%;max-width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;aspect-ratio:auto;object-fit:contain;object-position:center top;contain-intrinsic-size:none;contain:none;content-visibility:visible;transform:none}
.jh-subpage .jl-main .crn-work>a>img{margin-bottom:24px}
.jh-subpage .jl-main :is(.jl-source-work h3,.c-worksCard__title,.c-worksCard__client,.crn-works__name){display:block;position:static;float:none;width:auto;max-width:100%;min-width:0;height:auto;white-space:normal;overflow-wrap:anywhere;word-break:normal;font-size:20px;line-height:1.7;margin:0 0 16px}
.jh-subpage .jl-main :is(.jl-source-work p,.c-worksCard__summary,.crn-work p){max-width:100%;min-width:0;margin:0;font-size:13px;line-height:1.9;white-space:normal;overflow-wrap:anywhere}
.jh-subpage .jl-main .jl-source-work__category{display:table;max-width:100%;margin:0 0 12px;padding:4px 10px;border:1px solid #d6c8ed;border-radius:4px;background:#eee7fb;color:#5022a5;font-size:12px;font-weight:700;line-height:1.5}
.jh-subpage .jl-main .jl-source-work__caption{display:block;margin-top:8px;font-size:14px;font-weight:400;line-height:1.8}
.jh-subpage .jl-main .jl-source-work__detail{display:block;margin-bottom:8px}
.jh-subpage .jl-main :is(.c-worksCard__body,.crn-works__body){max-width:100%;min-width:0;box-sizing:border-box}
.jh-subpage .jl-main .c-worksCard__metaRow{display:grid;grid-template-columns:4.5em minmax(0,1fr);gap:8px;align-items:start}
.jh-subpage .jl-main .c-worksCard__metaRow :is(dt,dd){float:none;width:auto;min-width:0;margin:0;white-space:normal;overflow-wrap:anywhere}
.jh-subpage .jl-main .c-worksCard__tags{display:flex;flex-wrap:wrap;max-width:100%;min-width:0;gap:6px;padding:0;list-style:none}
.jh-subpage .jl-main .c-worksCard__tags li{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}
@media(max-width:1100px){.jh-subpage .jl-main .p-works__grid--3col{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.jh-subpage .jl-main :is(.jl-works-grid,.p-works__grid,.p-works__grid--3col,.p-works__grid--archive,.crn-works__list){grid-template-columns:minmax(0,1fr)!important;gap:32px;margin-block:24px 32px}.jh-subpage .jl-main :is(.jl-source-work h3,.c-worksCard__title,.c-worksCard__client,.crn-works__name){font-size:18px}.jh-subpage .jl-main :is(.jl-source-work figure,.crn-works__thumb){margin-bottom:20px}}

/* Shared service client row: use homepage animation and spacing. */
.jh-subpage .jl-main>section.jh-clients-section{padding-block:38px 44px}
.jh-subpage .jl-original-content{color:var(--jh-ink);font-size:15px;line-height:2}
.jh-subpage .jl-original-content section{padding-block:72px}
.jh-subpage .jl-original-content :is(.inner,.container,.c-contents,.marketing-inner,.sns-inner,.ai-inner,.creative-inner){max-width:1280px;width:calc(100% - 80px);margin-inline:auto}
.jh-subpage .jl-original-content :is(h2,h3){color:var(--jh-ink)}
.jh-subpage .jl-original-content h2{font-size:clamp(26px,3vw,40px);font-weight:800;line-height:1.65}
.jh-subpage .jl-original-content :is(.card,.box){box-shadow:none}
@media(max-width:800px){.jh-subpage .jl-main>section.jh-clients-section{padding-block:28px 34px}.jh-subpage .jl-original-content section{padding-block:54px}.jh-subpage .jl-original-content :is(.inner,.container,.c-contents,.marketing-inner,.sns-inner,.ai-inner,.creative-inner){width:calc(100% - 40px)}.jh-subpage .jl-original-content{font-size:14px}}

.jh-subpage .crn-works__thumb{aspect-ratio:auto;height:auto}.jh-subpage .crn-works__thumb img{height:auto;width:100%;object-fit:contain;transform:none}

/* Desktop greeting photo: keep the current layout and reduce the image slightly. */
@media(min-width:801px){.jh-subpage .jl-main #greeting .p-about__greetingPhoto img{width:90%!important;max-width:100%;height:auto}}