/* Review j: a single paper navigation strip, independent of the cover masthead. */
:root{--journal-bar:72px}
html{scroll-padding-top:0}
[id]{scroll-margin-top:calc(var(--journal-bar) + 20px)}
.editorial-subpage .contact-grid>#form{scroll-margin-top:calc(var(--journal-bar) + 20px)}
.journal-header.sticky-header{position:sticky;top:0;z-index:80;display:block;background:var(--paper);border-bottom:1px solid var(--ink);transition:background-color .25s,border-color .25s}
.journal-header.sticky-header>.utility{display:flex;flex-wrap:nowrap;align-items:center;gap:22px;min-height:72px;padding-block:8px;max-width:1600px;transition:min-height .25s,padding .25s}
.journal-header.sticky-header>.utility>.company-name{margin:0;padding:0;flex:0 0 auto}
.journal-header.sticky-header .company-name img[data-brand-logo]{width:160px}
.journal-header.sticky-header .global-menu{display:flex;width:auto;min-height:0;flex:1;margin:0;padding:0;border:0;font-size:11px;line-height:1.6}
.journal-header.sticky-header .global-menu ul{display:flex;align-items:center;gap:clamp(14px,1.5vw,25px);font-size:inherit}
.journal-header.sticky-header .global-menu li{border:0}
.journal-header.sticky-header .global-menu li a{display:block;white-space:nowrap;padding:8px 0}
.journal-header.sticky-header .global-menu :is(.menu-consult,.gnav-cta){display:none!important}
.journal-header.sticky-header .header-phone{display:flex!important;flex:0 0 auto;gap:0;font:600 19px/1.2 "Barlow Condensed",sans-serif}
.journal-header.sticky-header .phone-number{display:flex;flex-direction:column;gap:4px;align-items:flex-start}
.journal-header.sticky-header .phone-number small{font:400 9px/1.3 "Noto Sans JP",sans-serif}
.journal-header.sticky-header .phone-symbol{display:none}
.journal-header.sticky-header>.utility>a.utility-cta{display:flex!important;flex:0 0 auto;gap:10px;margin:0!important;padding:9px 12px!important;min-height:36px!important;max-width:none;border:1px solid var(--ink)!important;box-shadow:none!important;background:var(--paper)!important;color:var(--ink);font:600 11px/1.5 "Noto Sans JP",sans-serif!important;letter-spacing:0;white-space:nowrap;transform:none!important}
.journal-header.sticky-header>.utility>a.utility-cta:hover,.journal-header.sticky-header>.utility>a.utility-cta:focus-visible{border-color:var(--accent)!important;color:var(--accent)}
.journal-header.sticky-header>.utility>.menu-button{display:none!important}
.journal-header.sticky-header.is-scrolled{background:#f5f7fa;border-color:var(--line)}
.journal-header.sticky-header.is-scrolled>.utility{min-height:64px;padding-block:4px}
/* Service navigation belongs to the page, so it scrolls away with the article. */
.page-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:10px 28px;padding-block:13px;border-bottom:1px solid var(--line);font-size:11px;line-height:1.6}
.page-navigation .business-name{position:static;display:flex;margin:0;padding:0;flex:0 0 auto;gap:8px;line-height:1.6}
.page-navigation .business-name b{font-size:12px}
.page-navigation .business-name small{font-size:9px;letter-spacing:.03em}
.page-navigation .logo-service-text{display:flex;flex-direction:row;gap:8px;align-items:baseline}
.page-navigation .service-menu{margin:0;padding:0;flex:1;min-width:0;font-size:11px;border:0}
.page-navigation .service-menu ul{display:flex;gap:22px;flex-wrap:wrap;list-style:none;padding:0}
.page-navigation .service-menu a{padding-block:5px}
.page-navigation .service-menu a[aria-current=page]{color:var(--accent)}
.page-navigation .service-menu>.gnav-cta{display:none!important}
.editorial-subpage .page-navigation .group-bar{position:relative;margin:0 0 0 auto;border:0;font-size:10px}
.editorial-subpage .page-navigation .group-bar>.inner{display:flex;min-height:0;width:auto;padding:0;gap:14px}
.page-navigation .group-brand{font-size:10px}
.page-navigation .group-menu summary{cursor:pointer;list-style:none;display:flex;gap:10px;align-items:center}
.page-navigation .group-menu summary::-webkit-details-marker{display:none}
.page-navigation .group-menu ul{position:absolute;right:0;top:28px;z-index:30;display:grid;gap:14px;min-width:270px;max-width:calc(100vw - 38px);margin:0;padding:22px;list-style:none;background:var(--paper);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--line)}
.page-navigation .group-menu:not([open]) ul{display:none}
.inline-phone{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;white-space:nowrap}
.inline-phone:hover,.inline-phone:focus-visible{color:var(--accent)}
.editorial-subpage .docs-toc{top:calc(var(--journal-bar) + 20px)}
/* Four essential rows first. Optional controls remain enabled in the native form. */
.editorial-subpage .contact-optional{margin:4px 0 24px;border-block:1px solid var(--line)}
.editorial-subpage .contact-optional>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 0;list-style:none;cursor:pointer;font-size:14px;font-weight:600}
.editorial-subpage .contact-optional>summary::-webkit-details-marker{display:none}
.editorial-subpage .contact-optional>summary::after{content:'＋';color:var(--accent);font-size:20px;line-height:1}
.editorial-subpage .contact-optional[open]>summary::after{content:'−'}
.editorial-subpage .contact-optional[open]>.w-row:first-of-type{margin-top:8px}
.editorial-subpage .w-contact>.w-row{margin-bottom:20px}
.editorial-subpage .w-contact>.w-ease{font-size:11px;gap:7px;margin-bottom:18px;padding-block:0 18px}
.editorial-subpage .w-contact [name=msg]{min-height:105px}
@media(max-width:1099px){
 :root{--journal-bar:68px}
 .journal-header.sticky-header>.utility{position:static;display:grid;grid-template-columns:minmax(0,1fr) 30px 96px 42px;column-gap:8px;row-gap:0;min-height:68px;padding-block:8px}
 .journal-header.sticky-header>.utility>.company-name{grid-column:1;grid-row:1;justify-self:start;min-width:0;max-width:100%}
 .journal-header.sticky-header .company-name img[data-brand-logo]{width:126px;max-width:100%}
 .journal-header.sticky-header>.utility>.header-phone{grid-column:2;grid-row:1;width:30px;height:36px;align-items:center;justify-content:center}
 .journal-header.sticky-header .phone-symbol{display:block;width:18px;height:18px}
 .journal-header.sticky-header .phone-number{display:none}
 .journal-header.sticky-header>.utility>a.utility-cta{grid-column:3;grid-row:1;width:96px;height:36px;min-height:0!important;padding:0!important;gap:0;font-size:10px!important}
 .journal-header.sticky-header>.utility>a.utility-cta>span[aria-hidden=true]{display:none}
 .journal-header.sticky-header>.utility>.menu-button{grid-column:4;grid-row:1;display:flex!important;align-items:center;justify-content:center;width:42px;height:36px;margin:0;padding:0;border:0;background:transparent;gap:0;font:600 14px/1 "Barlow Condensed",sans-serif}
 .journal-header.sticky-header>.utility>.menu-button>span[aria-hidden=true]{display:none}
 .journal-header.sticky-header .global-menu{position:absolute;left:0;right:0;top:100%;display:none;max-height:calc(100dvh - 68px);width:100%;margin:0;padding:16px var(--gutter) 22px;overflow:auto;border-bottom:1px solid var(--ink);background:var(--paper);font-size:14px;box-shadow:0 8px 0 #25252108}
 .journal-header.sticky-header .global-menu.is-open{display:block}
 .journal-header.sticky-header .global-menu ul{display:block;font-size:14px}
 .journal-header.sticky-header .global-menu li{border-bottom:1px solid var(--line)}
 .journal-header.sticky-header .global-menu li a{padding-block:13px}
 .journal-header.sticky-header.is-scrolled>.utility{min-height:64px;padding-block:4px}
}
@media(max-width:760px){
 .page-navigation{gap:10px 18px;padding-block:12px}
 .page-navigation .business-name{flex-basis:100%}
 .page-navigation .service-menu{flex-basis:100%;font-size:11px}
 .page-navigation .service-menu ul{gap:10px 20px}
 .editorial-subpage .page-navigation .group-bar{margin-left:auto}
 .page-navigation .group-brand{display:none}
 .page-navigation:has(.service-menu){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px}
 .page-navigation:has(.service-menu) .business-name{grid-column:1;grid-row:1;min-width:0}
 .page-navigation:has(.service-menu) .logo-service-text{flex-wrap:wrap;gap:0 8px}
 .page-navigation:has(.service-menu) .service-menu{grid-column:1/-1;grid-row:2}
 .page-navigation:has(.service-menu) .group-bar{grid-column:2;grid-row:1;margin:0}
}
@media(prefers-reduced-motion:reduce){
 .journal-header.sticky-header,.journal-header.sticky-header>.utility{transition:none}
 .journal-header.sticky-header.is-scrolled{background:var(--paper);border-color:var(--ink)}
 .journal-header.sticky-header.is-scrolled>.utility{min-height:72px;padding-block:8px}
}
@media(max-width:1099px) and (prefers-reduced-motion:reduce){.journal-header.sticky-header.is-scrolled>.utility{min-height:68px}}

/* 効率化ツールへの入口（各ページの相談セクションの直下） */
.tool-hook{background:#eef1f6;color:#00183f;border-top:1px solid #1f1f1c33}
.tool-hook-inner{max-width:1120px;margin:0 auto;padding:22px var(--gutter,24px);display:flex;align-items:center;gap:12px 28px;flex-wrap:wrap}
.tool-hook-label{margin:0;font-size:13px;font-weight:700;letter-spacing:.08em;white-space:nowrap}
.tool-hook-link{flex:1 1 360px;display:flex;align-items:baseline;gap:6px 14px;flex-wrap:wrap;color:inherit;text-decoration:none;border-bottom:1px solid #00183f;padding-bottom:4px}
.tool-hook-link b{font-size:17px}
.tool-hook-link span{font-size:14px;line-height:1.7;flex:1 1 260px}
.tool-hook-link i{font-style:normal;font-weight:700;margin-left:auto}
.tool-hook-link:hover{border-bottom-width:3px}.tool-hook-link:hover b{text-decoration:underline}
.tool-hook-link:focus-visible{outline:3px solid #00999a;outline-offset:4px}