/**
 * Task33（2026-10-30）：主な取引先・関与実績（/company/works/、page-company-works.php）専用CSS。
 * このページでのみ読み込む（functions.php current_official_company_works_assets()）。
 * 正本：ChatGPTで制作・山田様承認済みの approved-design/style.css（SHA-256 59e26f34…ca11d）。
 * 移植時の変更は次のみ（見た目の値は変更していない）：
 *  - すべてのクラスに cw- 接頭辞を付け、.cw-page（main要素）配下に限定（style.css の .hero 等と衝突させないため）
 *  - 確認用デザインのヘッダー・フッター・スキップリンクの指定は削除（公式サイトの共通部品を使用）
 *  - :root／body の指定は .cw-page へ。固定ヘッダー分の上余白と、絞り込み欄の吸着位置は共通の --header-height を使用
 *  - ヒーローのキャッチコピーを見出し（h2）から段落（p.cw-hero-lead）へ変更（見出し構造の整理。文字の見た目は同じ）
 */
.cw-page{padding-top:var(--header-height);--ink:#071d30;--muted:#66717a;--pale:#f3f5f6;--line:#dce1e4;--white:#fff;--max:1240px}
html{scroll-padding-top:calc(var(--header-height) + 90px)}
.cw-page{margin:0;color:var(--ink);font-family:Arial,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;font-size:15px;line-height:1.8;background:#fff;-webkit-font-smoothing:antialiased}
.cw-page button,.cw-page input{font:inherit}
.cw-page a{color:inherit;text-decoration:none}
.cw-page button,.cw-page a,.cw-page input{-webkit-tap-highlight-color:transparent}
.cw-page button{cursor:pointer}
.cw-page button:focus-visible,.cw-page a:focus-visible,.cw-page input:focus-visible{outline:2px solid #35658a;outline-offset:5px}
.cw-page [hidden]{display:none!important}
.cw-page ::selection{background:#dce6ee}
.cw-page a:hover{opacity:.72}
.cw-page .cw-wrap{width:min(var(--max),calc(100% - 112px));margin:auto}
.cw-page .cw-hero{position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}
.cw-page .cw-hero:after{content:"";position:absolute;width:640px;height:162px;right:-150px;top:210px;background:#f0f3f4;transform:skewY(-37deg);z-index:-1}
.cw-page .cw-breadcrumb{display:flex;gap:13px;align-items:center;padding-top:23px;font-size:10px;letter-spacing:.07em;color:#7a848d}
.cw-page .cw-breadcrumb span[aria-hidden]{color:#b3bbc0}
.cw-page .cw-hero-main{display:grid;grid-template-columns:1.45fr 1fr;gap:50px;padding:63px 0 65px;align-items:end}
.cw-page .cw-eyebrow{font-size:10px;font-weight:700;letter-spacing:.22em;line-height:1.4}
.cw-page .cw-hero-title{font-size:clamp(62px,7.3vw,108px);line-height:.99;font-weight:500;letter-spacing:-.055em;margin:27px 0 30px}
.cw-page .cw-hero-title span{color:#83909a}
.cw-page .cw-hero h1{font-size:25px;font-weight:600;letter-spacing:.1em;margin:0;line-height:1.6}
.cw-page .cw-hero-copy{padding-bottom:5px;max-width:400px}
.cw-page .cw-hero-copy .cw-hero-lead{font-size:23px;line-height:1.85;letter-spacing:.07em;font-weight:600;margin:0 0 20px;color:inherit;max-width:none}
.cw-page .cw-hero-copy p{font-size:13px;line-height:2.1;color:#55626d;margin:0;max-width:355px}
.cw-page .cw-since{display:flex;align-items:center;gap:13px;margin-top:35px;font-size:9px;font-weight:700;letter-spacing:.19em}
.cw-page .cw-since:before{content:"";width:37px;height:1px;background:#98a5af}
.cw-page .cw-section-kicker{background:var(--pale);border-bottom:1px solid var(--line)}
.cw-page .cw-section-kicker .cw-wrap{display:flex;align-items:center;padding:24px 0;gap:35px}
.cw-page .cw-section-number{font-size:10px;color:#78858f;letter-spacing:.2em}
.cw-page .cw-section-kicker strong{font-size:11px;letter-spacing:.2em}
.cw-page .cw-section-kicker .cw-caption{margin-left:auto;font-size:11px;color:#76828c;letter-spacing:.03em}
.cw-page .cw-index-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:57px 0 30px}
.cw-page .cw-index-intro h2{font-size:30px;letter-spacing:.08em;line-height:1.5;font-weight:600;margin:0}
.cw-page .cw-index-intro p{font-size:12px;color:var(--muted);line-height:2;margin:0;text-align:right}
.cw-page .cw-tools{position:sticky;top:var(--header-height);z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid var(--ink);padding:12px 0 18px;display:flex;gap:20px;align-items:center;justify-content:space-between}
.cw-page .cw-filters{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.cw-page .cw-filter{border:1px solid #e3e7e9;padding:8px 13px;background:#fff;color:#5d6972;font-size:11px;line-height:1.6;white-space:nowrap;transition:background .15s,color .15s}
.cw-page .cw-filter[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}
.cw-page .cw-filter:hover{background:#edf1f4;color:var(--ink)}
.cw-page .cw-filter[aria-pressed=true]:hover{background:#17374f;color:white}
.cw-page .cw-search{display:flex;align-items:center;gap:10px;min-width:170px;width:220px;border-bottom:1px solid #bcc5cc;padding:8px 0}
.cw-page .cw-search svg{width:16px;height:16px;flex-shrink:0}
.cw-page .cw-search input{border:0;outline:none!important;width:100%;min-width:0;background:transparent;font-size:12px;color:var(--ink);border-radius:0}
.cw-page .cw-search:focus-within{border-bottom:2px solid var(--ink)}
.cw-page .cw-search input::placeholder{color:#8d989f}
.cw-page .cw-results-meta{padding:18px 0;display:flex;justify-content:space-between;align-items:center;color:#74818b;font-size:10px;letter-spacing:.08em}
.cw-page .cw-results-meta strong{font-size:15px;color:var(--ink);font-weight:500}
.cw-page .cw-results-meta .cw-order{display:flex;gap:10px;align-items:center}
.cw-page .cw-order .cw-stroke{width:34px;height:1px;background:#9ca8b0;position:relative}
.cw-page .cw-order .cw-stroke:after{content:"";position:absolute;right:0;top:-2px;border:solid #9ca8b0;border-width:0 1px 1px 0;padding:2px;transform:rotate(-45deg)}
.cw-page .cw-client-list{display:grid;grid-template-columns:1fr 1fr;column-gap:56px;counter-reset:clients}
.cw-page .cw-client{position:relative;display:grid;grid-template-columns:30px 1fr;gap:17px;padding:14px 6px 15px 0;min-height:0;border-bottom:1px solid var(--line);break-inside:avoid;transition:background .2s}
.cw-page .cw-client:hover{background:#f8f9fa}
.cw-page .cw-client-number{font-size:10px;color:#9ba7b1;letter-spacing:.05em;padding-top:4px;font-variant-numeric:tabular-nums}
.cw-page .cw-client h3{font-size:14px;line-height:1.6;letter-spacing:.02em;font-weight:600;margin:0 0 4px;overflow-wrap:anywhere}
.cw-page .cw-genre{font-size:11px;line-height:1.75;letter-spacing:.02em;color:#536a7b;margin:0 0 3px}
.cw-page .cw-note{font-size:12px;line-height:1.85;color:#7a858d;margin:0;overflow-wrap:anywhere}
.cw-page .cw-client.cw-is-undated .cw-client-number{color:#acb5bb}
.cw-page .cw-list-note{display:flex;justify-content:space-between;align-items:flex-start;gap:40px;padding:32px 0 80px}
.cw-page .cw-list-note p{font-size:10px;color:#84909a;line-height:2;margin:0;max-width:750px}
.cw-page .cw-back-top{font-size:10px;white-space:nowrap;letter-spacing:.08em;border-bottom:1px solid #bec6cb;padding-bottom:5px}
.cw-page .cw-empty{padding:70px 20px;text-align:center;color:#536573}
.cw-page .cw-empty button{display:block;margin:25px auto 0;background:var(--ink);color:white;border:0;padding:10px 25px;font-size:12px}
.cw-page .cw-company-link{background:var(--pale);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cw-page .cw-company-link a{display:flex;align-items:center;justify-content:space-between;padding:36px 0}
.cw-page .cw-company-link small{font-size:10px;letter-spacing:.18em;color:#7d8a94;display:block;margin-bottom:7px}
.cw-page .cw-company-link strong{font-size:23px;font-weight:500;letter-spacing:.09em}
.cw-page .cw-round-arrow{height:54px;width:54px;border:1px solid #bac5ce;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:300}
.cw-page .cw-contact-panel{padding:82px 0 75px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.cw-page .cw-contact-panel .cw-eyebrow{color:#7b8994;font-size:10px}
.cw-page .cw-contact-panel h2{font-size:28px;line-height:1.7;font-weight:500;letter-spacing:.08em;margin:18px 0 0}
.cw-page .cw-contact-panel a{min-width:245px;display:flex;justify-content:space-between;gap:50px;align-items:center;background:var(--ink);color:white;font-size:13px;padding:20px 27px}
@media(min-width:1600px){.cw-page .cw-hero:after{right:-30px;top:220px}
.cw-page .cw-hero-main{padding-top:75px;padding-bottom:80px}
}
@media(max-width:1100px){.cw-page .cw-wrap{width:calc(100% - 70px)}
.cw-page .cw-tools{align-items:stretch}
.cw-page .cw-search{width:175px}
.cw-page .cw-filter{padding:8px 10px;font-size:10px}
.cw-page .cw-hero-copy .cw-hero-lead{font-size:20px}
.cw-page .cw-client-list{column-gap:35px}
.cw-page .cw-client h3{font-size:14px}
.cw-page .cw-hero-main{gap:30px}
.cw-page .cw-hero h1{font-size:23px}
}
@media(max-width:760px){html{scroll-padding-top:calc(var(--header-height) + 150px)}
.cw-page .cw-wrap{width:calc(100% - 40px)}
.cw-page .cw-breadcrumb{font-size:9px;gap:10px;padding-top:19px;flex-wrap:wrap}
.cw-page .cw-hero-main{display:block;padding:45px 0 40px}
.cw-page .cw-hero-title{font-size:clamp(57px,13vw,91px);margin:22px 0 25px;letter-spacing:-.045em}
.cw-page .cw-hero h1{font-size:20px;letter-spacing:.05em}
.cw-page .cw-hero-copy{margin-top:32px;padding:0 0 0 16px;border-left:1px solid #cbd3d9;max-width:460px}
.cw-page .cw-hero-copy .cw-hero-lead{font-size:17px;line-height:1.8;margin-bottom:12px}
.cw-page .cw-hero-copy .cw-hero-lead br{display:none}
.cw-page .cw-hero-copy p{font-size:11px;line-height:1.9}
.cw-page .cw-since{margin-top:24px;font-size:8px}
.cw-page .cw-hero:after{width:300px;height:83px;right:-90px;top:195px;opacity:.8}
.cw-page .cw-eyebrow{font-size:9px}
.cw-page .cw-section-kicker .cw-wrap{padding:19px 0;gap:20px}
.cw-page .cw-section-kicker strong{font-size:9px;letter-spacing:.15em}
.cw-page .cw-section-kicker .cw-caption{display:none}
.cw-page .cw-index-intro{display:block;padding:36px 0 20px}
.cw-page .cw-index-intro h2{font-size:24px}
.cw-page .cw-index-intro p{margin-top:12px;text-align:left;font-size:11px}
.cw-page .cw-tools{top:var(--header-height);display:flex;flex-direction:column-reverse;gap:13px;padding-top:8px;padding-bottom:15px}
.cw-page .cw-search{width:100%;padding:7px 0}
.cw-page .cw-search input{font-size:14px}
.cw-page .cw-filters{gap:6px;flex-wrap:wrap}
.cw-page .cw-filter{padding:7px 11px;font-size:10px}
.cw-page .cw-client-list{grid-template-columns:1fr}
.cw-page .cw-client{padding:14px 0 15px;min-height:0;grid-template-columns:26px 1fr;gap:11px}
.cw-page .cw-client h3{font-size:14px;margin-bottom:4px}
.cw-page .cw-genre{font-size:10px}
.cw-page .cw-note{font-size:11px}
.cw-page .cw-results-meta{padding:16px 0 10px}
.cw-page .cw-list-note{display:block;padding:27px 0 45px}
.cw-page .cw-list-note p{font-size:9px}
.cw-page .cw-back-top{display:inline-block;margin-top:25px}
.cw-page .cw-company-link a{padding:27px 0}
.cw-page .cw-company-link strong{font-size:20px}
.cw-page .cw-round-arrow{width:45px;height:45px}
.cw-page .cw-contact-panel{padding:50px 0;display:block}
.cw-page .cw-contact-panel h2{font-size:24px}
.cw-page .cw-contact-panel a{margin-top:28px;width:100%}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
}