@charset "UTF-8";
/* 実績インタビュー記事 詳細 ----------------------------------------------- */
/* PC 1600px基準 / SP 768px基準。編集時は同階層の _src を参照。 */

/* ===== 共通レイアウト ===== */
.works-Article{padding-bottom:120px}
.works-Article .article-Layout,
.works-Article .article-Hero .hero-Layout{width:960px;margin:0 auto}

/* ===== 記事トップ ===== */
.works-Article .article-Hero{margin-top:80px}
.works-Article .article-Hero .hero-Meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}
.works-Article .article-Hero .hero-Meta .meta-Category{padding:6px 16px;border-radius:100px;background:#fab230;font-weight:700;font-size:1.2rem;line-height:1.4;letter-spacing:.08em;color:#fff}
.works-Article .article-Hero .hero-Meta .meta-Client{font-weight:700;font-size:1.4rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Hero .hero-Meta .meta-Date{font-family:Roboto,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:.06em;color:#888}
.works-Article .article-Hero .hero-Title{margin:24px 0 0;font-weight:700;font-size:3.6rem;line-height:170%;letter-spacing:.06em;color:#2b2b2b}
.works-Article .article-Hero .hero-Visual{width:960px;margin:48px auto 0;border-radius:10px;overflow:hidden;background:#f0f0f0}
.works-Article .article-Hero .hero-Visual img{width:100%;height:auto;display:block}

/* ===== WYSIWYG共通（sw-Prose） ===== */
.works-Article .sw-Prose{font-weight:500;font-size:18px;line-height:200%;letter-spacing:.08em;color:#2b2b2b}
.works-Article .sw-Prose p{margin:0}
.works-Article .sw-Prose p + p{margin-top:1.2em}
.works-Article .sw-Prose a{color:#2b2b2b;text-decoration:underline;text-underline-offset:.25em;transition:color .3s}
.works-Article .sw-Prose strong{font-weight:700}
.works-Article .sw-Prose ul,.works-Article .sw-Prose ol{margin:1.2em 0;padding-left:1.6em;list-style-type:revert}
.works-Article .sw-Prose li + li{margin-top:.4em}

/* ===== リード ===== */
.works-Article .article-Intro{margin-top:64px}
.works-Article .article-Intro .intro-Heading{margin:0 0 24px;padding-bottom:12px;font-weight:700;font-size:2.4rem;line-height:160%;letter-spacing:.08em;color:#2b2b2b;border-bottom:1px solid #bfbfbf;position:relative}
.works-Article .article-Intro .intro-Heading::before{content:"";width:40px;height:2px;min-height:1px;position:absolute;bottom:-1px;left:0;background:#fab230}

/* ===== この記事で分かること ===== */
.works-Article .article-Points{margin-top:48px;padding:36px 40px;border-radius:10px;background:#fffaf0;border:1px solid #f7e3bd}
.works-Article .article-Points .points-Heading{margin:0 0 20px;font-weight:700;font-size:1.8rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Points .points-List{margin:0;padding:0;list-style:none}
.works-Article .article-Points .points-List .list-Item{padding-left:32px;font-weight:500;font-size:16px;line-height:190%;letter-spacing:.08em;color:#2b2b2b;position:relative}
.works-Article .article-Points .points-List .list-Item + .list-Item{margin-top:12px}
.works-Article .article-Points .points-List .list-Item::before{content:"";width:16px;height:16px;border-radius:50%;background:#fab230;position:absolute;top:.55em;left:0}
.works-Article .article-Points .points-List .list-Item::after{content:"";width:7px;height:4px;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);position:absolute;top:.85em;left:5px}

/* ===== クライアント・話者 ===== */
.works-Article .article-About{margin-top:56px;padding:40px;border-radius:10px;background:#f8f8f8}
.works-Article .article-About .about-Block + .about-Block{margin-top:36px;padding-top:36px;border-top:1px solid #dfdfdf}
.works-Article .article-About .about-Heading{margin:0 0 16px;padding-left:12px;font-weight:700;font-size:2rem;line-height:160%;letter-spacing:.08em;color:#2b2b2b;position:relative}
.works-Article .article-About .about-Heading::before{content:"";width:2px;min-width:1px;height:calc(100% - 8px);margin:auto 0;position:absolute;top:2px;bottom:0;left:0;background:#fab230}
.works-Article .article-About .about-Speakers{margin:24px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:20px 32px}
.works-Article .article-About .about-Speakers .speakers-Item{display:flex;align-items:center;gap:0 14px}
.works-Article .article-About .about-Speakers .speakers-Item .item-Photo{width:56px;height:56px;flex-shrink:0;border-radius:50%;overflow:hidden;background:#e5e5e5}
.works-Article .article-About .about-Speakers .speakers-Item .item-Photo img{width:100%;height:100%;display:block;object-fit:cover}
.works-Article .article-About .about-Speakers .speakers-Item .item-Text .role{margin:0;font-weight:500;font-size:1.2rem;line-height:150%;letter-spacing:.06em;color:#888}
.works-Article .article-About .about-Speakers .speakers-Item .item-Text .name{margin:2px 0 0;font-weight:700;font-size:1.6rem;line-height:150%;letter-spacing:.08em;color:#2b2b2b}

/* ===== 目次 ===== */
.works-Article .article-Toc{margin-top:56px;padding:32px 40px;border:1px solid #dfdfdf;border-radius:10px}
.works-Article .article-Toc .toc-Heading{margin:0 0 20px;padding-bottom:14px;font-weight:700;font-size:1.8rem;letter-spacing:.1em;color:#2b2b2b;border-bottom:1px solid #dfdfdf}
.works-Article .article-Toc .toc-List{margin:0;padding:0;list-style:none;counter-reset:toc}
.works-Article .article-Toc .toc-List .list-Item + .list-Item{margin-top:14px}
.works-Article .article-Toc .toc-List .list-Item a{display:flex;align-items:baseline;gap:0 14px;font-weight:500;font-size:1.5rem;line-height:170%;letter-spacing:.08em;color:#2b2b2b;transition:color .3s}
.works-Article .article-Toc .toc-List .list-Item a .num{flex-shrink:0;font-family:Roboto,sans-serif;font-weight:700;font-size:1.4rem;color:#fab230}

/* ===== 本文 ===== */
.works-Article .article-Body{margin-top:80px}
.works-Article .article-Body > * + *{margin-top:40px}

.works-Article .article-Body .body-Chapter{margin:0;padding-top:32px;padding-bottom:14px;font-weight:700;font-size:2.8rem;line-height:170%;letter-spacing:.08em;color:#2b2b2b;border-bottom:1px solid #bfbfbf;position:relative;scroll-margin-top:120px}
.works-Article .article-Body .body-Chapter::before{content:"";width:40px;height:2px;min-height:1px;position:absolute;bottom:-1px;left:0;background:#fab230}
.works-Article .article-Body > .body-Chapter + *{margin-top:40px}
.works-Article .article-Body > * + .body-Chapter{margin-top:80px}

.works-Article .article-Body .body-Question p{margin:0;padding-left:1.2em;font-weight:700;font-size:18px;line-height:200%;letter-spacing:.08em;color:#888;text-indent:-1.2em}
.works-Article .article-Body .body-Question p::before{content:"ーー"}

.works-Article .article-Body .body-Talk{display:grid;grid-template-columns:80px 1fr;gap:0 24px}
.works-Article .article-Body .body-Talk.is-NoPhoto{grid-template-columns:1fr}
.works-Article .article-Body .body-Talk .talk-Photo{width:80px;height:80px;border-radius:50%;overflow:hidden;background:#e5e5e5}
.works-Article .article-Body .body-Talk .talk-Photo img{width:100%;height:100%;display:block;object-fit:cover}
.works-Article .article-Body .body-Talk .talk-Name{margin:0 0 8px;font-weight:700;font-size:1.6rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Body .body-Talk .talk-Name::after{content:"";width:24px;height:2px;min-height:1px;margin-left:12px;display:inline-block;vertical-align:middle;background:#fab230}

.works-Article .article-Body .body-Figure{width:800px;max-width:100%;margin:64px auto 0}
.works-Article .article-Body .body-Figure + *{margin-top:64px}
.works-Article .article-Body .body-Figure picture{display:block;border-radius:10px;overflow:hidden;background:#f0f0f0}
.works-Article .article-Body .body-Figure img{width:100%;height:auto;display:block}
.works-Article .article-Body .body-Figure figcaption{margin-top:12px;font-weight:500;font-size:1.3rem;line-height:170%;letter-spacing:.06em;color:#888}

.works-Article .article-Body .body-Pullquote{margin:56px 0;padding:0 0 0 28px;border-left:4px solid #fab230}
.works-Article .article-Body .body-Pullquote p{margin:0;font-weight:700;font-size:2.4rem;line-height:180%;letter-spacing:.06em;color:#2b2b2b}
.works-Article .article-Body .body-Pullquote cite{margin-top:14px;display:block;font-style:normal;font-weight:500;font-size:1.4rem;letter-spacing:.08em;color:#888}

.works-Article .article-Body .body-Note{padding:28px 32px;border-radius:10px;background:#f8f8f8}
.works-Article .article-Body .body-Note .note-Heading{margin:0 0 12px;font-weight:700;font-size:1.8rem;letter-spacing:.08em;color:#2b2b2b}

/* ===== CTA ===== */
.works-Article .body-Cta{margin-top:56px}
.works-Article .body-Cta.is-Boxed{padding:40px;border-radius:10px;background:linear-gradient(90deg,#fde872,#f9d25c)}
.works-Article .body-Cta .cta-Heading{margin:0;font-weight:700;font-size:2.2rem;line-height:160%;letter-spacing:.08em;color:#2b2b2b}
.works-Article .body-Cta .cta-Text{margin-top:16px}
.works-Article .body-Cta .cta-Buttons{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:16px 20px}
/* 背景なし（本文中）のCTAは中央寄せ、囲みCTAは左寄せ */
.works-Article .body-Cta.is-Plain .cta-Buttons{margin-top:0;justify-content:center}
.works-Article .body-Cta .cta-Btn{min-width:340px;min-height:68px;padding:20px 68px 20px 32px;display:inline-flex;align-items:center;border-radius:10px;font-weight:700;font-size:1.7rem;line-height:150%;letter-spacing:.06em;text-align:left;position:relative;transition:opacity .3s,background-color .3s,color .3s}
.works-Article .body-Cta .cta-Btn .sw-Circle{margin:auto 0;position:absolute;top:0;bottom:0;right:24px}
.works-Article .body-Cta .cta-Btn.is-Solid{background:#2b2b2b;color:#fff}
.works-Article .body-Cta .cta-Btn.is-Solid .sw-Circle{background:#fff}
.works-Article .body-Cta .cta-Btn.is-Solid .sw-Circle::after,.works-Article .body-Cta .cta-Btn.is-Solid .sw-Circle::before{border-color:transparent transparent transparent #2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Outline{background:#fff;color:#2b2b2b;border:1px solid #2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Outline .sw-Circle{background:#2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Text{min-width:0;min-height:0;padding:0 34px 0 0;background:none;color:#2b2b2b;text-decoration:underline;text-underline-offset:.3em}
.works-Article .body-Cta .cta-Btn.is-Text .sw-Circle{width:20px;height:20px;right:0;background:#2b2b2b}

/* ===== Credit ===== */
.works-Article .article-Credit{margin-top:80px;padding-top:36px;border-top:1px solid #dfdfdf}
.works-Article .article-Credit .credit-Heading{margin:0 0 16px;font-family:Roboto,sans-serif;font-weight:700;font-size:1.8rem;letter-spacing:.1em;color:#2b2b2b}
.works-Article .article-Credit .credit-Company{margin:0 0 12px;font-weight:700;font-size:1.5rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Credit .credit-List{margin:0}
.works-Article .article-Credit .credit-List .list-Item{display:flex;flex-wrap:wrap;gap:0 12px}
.works-Article .article-Credit .credit-List .list-Item + .list-Item{margin-top:6px}
.works-Article .article-Credit .credit-List dt{margin:0;font-weight:500;font-size:1.4rem;line-height:190%;letter-spacing:.08em;color:#888}
.works-Article .article-Credit .credit-List dt::after{content:"："}
.works-Article .article-Credit .credit-List dd{margin:0;font-weight:500;font-size:1.4rem;line-height:190%;letter-spacing:.08em;color:#2b2b2b}

/* ===== シェア ===== */
.works-Article .article-Share{margin-top:60px;display:flex;align-items:center;gap:0 16px}
.works-Article .article-Share .share-Heading{margin:0;font-family:Roboto,sans-serif;font-weight:700;font-size:1.6rem;letter-spacing:.06em;color:#2b2b2b}
.works-Article .article-Share .share-Line{width:40px;height:1px;min-height:1px;display:block;background:#bfbfbf}
.works-Article .article-Share .share-List{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:0 16px}
.works-Article .article-Share .share-List .item-Link{width:32px;height:32px;display:block;transition:opacity .3s}
.works-Article .article-Share .share-List .item-Link img{width:100%;height:100%;display:block}

/* ===== 会社概要 ===== */
.works-Article .article-About .about-Profile{margin:24px 0 0;padding:24px 28px;border-radius:10px;background:#fff}
.works-Article .article-About .about-Profile .profile-Item{display:grid;grid-template-columns:140px 1fr;gap:0 24px}
.works-Article .article-About .about-Profile .profile-Item + .profile-Item{margin-top:14px;padding-top:14px;border-top:1px solid #efefef}
.works-Article .article-About .about-Profile dt{margin:0;font-weight:700;font-size:1.4rem;line-height:180%;letter-spacing:.08em;color:#888}
.works-Article .article-About .about-Profile dd{margin:0;font-weight:500;font-size:1.5rem;line-height:180%;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-About .about-Profile dd a{color:#2b2b2b;text-decoration:underline;text-underline-offset:.25em;transition:color .3s}

/* ===== ハイライト（マーカー） ===== */
.sw-Marker{background:linear-gradient(transparent 58%,#FDE871 58%);padding:0 .1em;font-weight:700;color:inherit}
.works-Article .body-Chapter .sw-Marker,.works-Article .body-Pullquote .sw-Marker{background:linear-gradient(transparent 62%,#FDE871 62%)}


/* ---------------- ~1600px ---------------- */
@media print,screen and (max-width:1600px){
/* ===== 共通レイアウト ===== */
.works-Article{padding-bottom:7.5vw}
.works-Article .article-Layout,
.works-Article .article-Hero .hero-Layout{width:60vw;margin:0 auto}

/* ===== 記事トップ ===== */
.works-Article .article-Hero{margin-top:5vw}
.works-Article .article-Hero .hero-Meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.625vw 1.25vw}
.works-Article .article-Hero .hero-Meta .meta-Category{padding:0.375vw 1vw;border-radius:6.25vw;background:#fab230;font-weight:700;font-size:1.2rem;line-height:1.4;letter-spacing:.08em;color:#fff}
.works-Article .article-Hero .hero-Meta .meta-Client{font-weight:700;font-size:1.4rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Hero .hero-Meta .meta-Date{font-family:Roboto,sans-serif;font-weight:700;font-size:1.4rem;letter-spacing:.06em;color:#888}
.works-Article .article-Hero .hero-Title{margin:1.5vw 0 0;font-weight:700;font-size:3.6rem;line-height:170%;letter-spacing:.06em;color:#2b2b2b}
.works-Article .article-Hero .hero-Visual{width:60vw;margin:3vw auto 0;border-radius:0.625vw;overflow:hidden;background:#f0f0f0}
.works-Article .article-Hero .hero-Visual img{width:100%;height:auto;display:block}

/* ===== WYSIWYG共通（sw-Prose） ===== */
.works-Article .sw-Prose{font-weight:500;font-size:18px;line-height:200%;letter-spacing:.08em;color:#2b2b2b}
.works-Article .sw-Prose p{margin:0}
.works-Article .sw-Prose p + p{margin-top:1.2em}
.works-Article .sw-Prose a{color:#2b2b2b;text-decoration:underline;text-underline-offset:.25em;transition:color .3s}
.works-Article .sw-Prose strong{font-weight:700}
.works-Article .sw-Prose ul,.works-Article .sw-Prose ol{margin:1.2em 0;padding-left:1.6em;list-style-type:revert}
.works-Article .sw-Prose li + li{margin-top:.4em}

/* ===== リード ===== */
.works-Article .article-Intro{margin-top:4vw}
.works-Article .article-Intro .intro-Heading{margin:0 0 1.5vw;padding-bottom:0.75vw;font-weight:700;font-size:2.4rem;line-height:160%;letter-spacing:.08em;color:#2b2b2b;border-bottom:1px solid #bfbfbf;position:relative}
.works-Article .article-Intro .intro-Heading::before{content:"";width:2.5vw;height:0.125vw;min-height:1px;position:absolute;bottom:-1px;left:0;background:#fab230}

/* ===== この記事で分かること ===== */
.works-Article .article-Points{margin-top:3vw;padding:2.25vw 2.5vw;border-radius:0.625vw;background:#fffaf0;border:1px solid #f7e3bd}
.works-Article .article-Points .points-Heading{margin:0 0 1.25vw;font-weight:700;font-size:1.8rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Points .points-List{margin:0;padding:0;list-style:none}
.works-Article .article-Points .points-List .list-Item{padding-left:2vw;font-weight:500;font-size:16px;line-height:190%;letter-spacing:.08em;color:#2b2b2b;position:relative}
.works-Article .article-Points .points-List .list-Item + .list-Item{margin-top:0.75vw}
.works-Article .article-Points .points-List .list-Item::before{content:"";width:1vw;height:1vw;border-radius:50%;background:#fab230;position:absolute;top:.55em;left:0}
.works-Article .article-Points .points-List .list-Item::after{content:"";width:0.4375vw;height:0.25vw;border-left:2px solid #fff;border-bottom:2px solid #fff;transform:rotate(-45deg);position:absolute;top:.85em;left:0.3125vw}

/* ===== クライアント・話者 ===== */
.works-Article .article-About{margin-top:3.5vw;padding:2.5vw;border-radius:0.625vw;background:#f8f8f8}
.works-Article .article-About .about-Block + .about-Block{margin-top:2.25vw;padding-top:2.25vw;border-top:1px solid #dfdfdf}
.works-Article .article-About .about-Heading{margin:0 0 1vw;padding-left:0.75vw;font-weight:700;font-size:2rem;line-height:160%;letter-spacing:.08em;color:#2b2b2b;position:relative}
.works-Article .article-About .about-Heading::before{content:"";width:0.125vw;min-width:1px;height:calc(100% - 0.5vw);margin:auto 0;position:absolute;top:0.125vw;bottom:0;left:0;background:#fab230}
.works-Article .article-About .about-Speakers{margin:1.5vw 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.25vw 2vw}
.works-Article .article-About .about-Speakers .speakers-Item{display:flex;align-items:center;gap:0 0.875vw}
.works-Article .article-About .about-Speakers .speakers-Item .item-Photo{width:3.5vw;height:3.5vw;flex-shrink:0;border-radius:50%;overflow:hidden;background:#e5e5e5}
.works-Article .article-About .about-Speakers .speakers-Item .item-Photo img{width:100%;height:100%;display:block;object-fit:cover}
.works-Article .article-About .about-Speakers .speakers-Item .item-Text .role{margin:0;font-weight:500;font-size:1.2rem;line-height:150%;letter-spacing:.06em;color:#888}
.works-Article .article-About .about-Speakers .speakers-Item .item-Text .name{margin:0.125vw 0 0;font-weight:700;font-size:1.6rem;line-height:150%;letter-spacing:.08em;color:#2b2b2b}

/* ===== 目次 ===== */
.works-Article .article-Toc{margin-top:3.5vw;padding:2vw 2.5vw;border:1px solid #dfdfdf;border-radius:0.625vw}
.works-Article .article-Toc .toc-Heading{margin:0 0 1.25vw;padding-bottom:0.875vw;font-weight:700;font-size:1.8rem;letter-spacing:.1em;color:#2b2b2b;border-bottom:1px solid #dfdfdf}
.works-Article .article-Toc .toc-List{margin:0;padding:0;list-style:none;counter-reset:toc}
.works-Article .article-Toc .toc-List .list-Item + .list-Item{margin-top:0.875vw}
.works-Article .article-Toc .toc-List .list-Item a{display:flex;align-items:baseline;gap:0 0.875vw;font-weight:500;font-size:1.5rem;line-height:170%;letter-spacing:.08em;color:#2b2b2b;transition:color .3s}
.works-Article .article-Toc .toc-List .list-Item a .num{flex-shrink:0;font-family:Roboto,sans-serif;font-weight:700;font-size:1.4rem;color:#fab230}

/* ===== 本文 ===== */
.works-Article .article-Body{margin-top:5vw}
.works-Article .article-Body > * + *{margin-top:2.5vw}

.works-Article .article-Body .body-Chapter{margin:0;padding-top:2vw;padding-bottom:0.875vw;font-weight:700;font-size:2.8rem;line-height:170%;letter-spacing:.08em;color:#2b2b2b;border-bottom:1px solid #bfbfbf;position:relative;scroll-margin-top:7.5vw}
.works-Article .article-Body .body-Chapter::before{content:"";width:2.5vw;height:0.125vw;min-height:1px;position:absolute;bottom:-1px;left:0;background:#fab230}
.works-Article .article-Body > .body-Chapter + *{margin-top:2.5vw}
.works-Article .article-Body > * + .body-Chapter{margin-top:5vw}

.works-Article .article-Body .body-Question p{margin:0;padding-left:1.2em;font-weight:700;font-size:18px;line-height:200%;letter-spacing:.08em;color:#888;text-indent:-1.2em}
.works-Article .article-Body .body-Question p::before{content:"ーー"}

.works-Article .article-Body .body-Talk{display:grid;grid-template-columns:5vw 1fr;gap:0 1.5vw}
.works-Article .article-Body .body-Talk.is-NoPhoto{grid-template-columns:1fr}
.works-Article .article-Body .body-Talk .talk-Photo{width:5vw;height:5vw;border-radius:50%;overflow:hidden;background:#e5e5e5}
.works-Article .article-Body .body-Talk .talk-Photo img{width:100%;height:100%;display:block;object-fit:cover}
.works-Article .article-Body .body-Talk .talk-Name{margin:0 0 0.5vw;font-weight:700;font-size:1.6rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Body .body-Talk .talk-Name::after{content:"";width:1.5vw;height:0.125vw;min-height:1px;margin-left:0.75vw;display:inline-block;vertical-align:middle;background:#fab230}

.works-Article .article-Body .body-Figure{width:800px;max-width:100%;margin:4vw auto 0}
.works-Article .article-Body .body-Figure + *{margin-top:4vw}
.works-Article .article-Body .body-Figure picture{display:block;border-radius:0.625vw;overflow:hidden;background:#f0f0f0}
.works-Article .article-Body .body-Figure img{width:100%;height:auto;display:block}
.works-Article .article-Body .body-Figure figcaption{margin-top:0.75vw;font-weight:500;font-size:1.3rem;line-height:170%;letter-spacing:.06em;color:#888}

.works-Article .article-Body .body-Pullquote{margin:3.5vw 0;padding:0 0 0 1.75vw;border-left:4px solid #fab230}
.works-Article .article-Body .body-Pullquote p{margin:0;font-weight:700;font-size:2.4rem;line-height:180%;letter-spacing:.06em;color:#2b2b2b}
.works-Article .article-Body .body-Pullquote cite{margin-top:0.875vw;display:block;font-style:normal;font-weight:500;font-size:1.4rem;letter-spacing:.08em;color:#888}

.works-Article .article-Body .body-Note{padding:1.75vw 2vw;border-radius:0.625vw;background:#f8f8f8}
.works-Article .article-Body .body-Note .note-Heading{margin:0 0 0.75vw;font-weight:700;font-size:1.8rem;letter-spacing:.08em;color:#2b2b2b}

/* ===== CTA ===== */
.works-Article .body-Cta{margin-top:3.5vw}
.works-Article .body-Cta.is-Boxed{padding:2.5vw;border-radius:0.625vw;background:linear-gradient(90deg,#fde872,#f9d25c)}
.works-Article .body-Cta .cta-Heading{margin:0;font-weight:700;font-size:2.2rem;line-height:160%;letter-spacing:.08em;color:#2b2b2b}
.works-Article .body-Cta .cta-Text{margin-top:1vw}
.works-Article .body-Cta .cta-Buttons{margin-top:1.75vw;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:1vw 1.25vw}
/* 背景なし（本文中）のCTAは中央寄せ、囲みCTAは左寄せ */
.works-Article .body-Cta.is-Plain .cta-Buttons{margin-top:0;justify-content:center}
.works-Article .body-Cta .cta-Btn{min-width:21.25vw;min-height:4.25vw;padding:1.25vw 4.25vw 1.25vw 2vw;display:inline-flex;align-items:center;border-radius:0.625vw;font-weight:700;font-size:1.7rem;line-height:150%;letter-spacing:.06em;text-align:left;position:relative;transition:opacity .3s,background-color .3s,color .3s}
.works-Article .body-Cta .cta-Btn .sw-Circle{margin:auto 0;position:absolute;top:0;bottom:0;right:1.5vw}
.works-Article .body-Cta .cta-Btn.is-Solid{background:#2b2b2b;color:#fff}
.works-Article .body-Cta .cta-Btn.is-Solid .sw-Circle{background:#fff}
.works-Article .body-Cta .cta-Btn.is-Solid .sw-Circle::after,.works-Article .body-Cta .cta-Btn.is-Solid .sw-Circle::before{border-color:transparent transparent transparent #2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Outline{background:#fff;color:#2b2b2b;border:1px solid #2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Outline .sw-Circle{background:#2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Text{min-width:0;min-height:0;padding:0 2.125vw 0 0;background:none;color:#2b2b2b;text-decoration:underline;text-underline-offset:.3em}
.works-Article .body-Cta .cta-Btn.is-Text .sw-Circle{width:1.25vw;height:1.25vw;right:0;background:#2b2b2b}

/* ===== Credit ===== */
.works-Article .article-Credit{margin-top:5vw;padding-top:2.25vw;border-top:1px solid #dfdfdf}
.works-Article .article-Credit .credit-Heading{margin:0 0 1vw;font-family:Roboto,sans-serif;font-weight:700;font-size:1.8rem;letter-spacing:.1em;color:#2b2b2b}
.works-Article .article-Credit .credit-Company{margin:0 0 0.75vw;font-weight:700;font-size:1.5rem;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-Credit .credit-List{margin:0}
.works-Article .article-Credit .credit-List .list-Item{display:flex;flex-wrap:wrap;gap:0 0.75vw}
.works-Article .article-Credit .credit-List .list-Item + .list-Item{margin-top:0.375vw}
.works-Article .article-Credit .credit-List dt{margin:0;font-weight:500;font-size:1.4rem;line-height:190%;letter-spacing:.08em;color:#888}
.works-Article .article-Credit .credit-List dt::after{content:"："}
.works-Article .article-Credit .credit-List dd{margin:0;font-weight:500;font-size:1.4rem;line-height:190%;letter-spacing:.08em;color:#2b2b2b}

/* ===== シェア ===== */
.works-Article .article-Share{margin-top:3.75vw;display:flex;align-items:center;gap:0 1vw}
.works-Article .article-Share .share-Heading{margin:0;font-family:Roboto,sans-serif;font-weight:700;font-size:1.6rem;letter-spacing:.06em;color:#2b2b2b}
.works-Article .article-Share .share-Line{width:2.5vw;height:0.0625vw;min-height:1px;display:block;background:#bfbfbf}
.works-Article .article-Share .share-List{margin:0;padding:0;list-style:none;display:flex;align-items:center;gap:0 1vw}
.works-Article .article-Share .share-List .item-Link{width:2vw;height:2vw;display:block;transition:opacity .3s}
.works-Article .article-Share .share-List .item-Link img{width:100%;height:100%;display:block}

/* ===== 会社概要 ===== */
.works-Article .article-About .about-Profile{margin:1.5vw 0 0;padding:1.5vw 1.75vw;border-radius:0.625vw;background:#fff}
.works-Article .article-About .about-Profile .profile-Item{display:grid;grid-template-columns:8.75vw 1fr;gap:0 1.5vw}
.works-Article .article-About .about-Profile .profile-Item + .profile-Item{margin-top:0.875vw;padding-top:0.875vw;border-top:1px solid #efefef}
.works-Article .article-About .about-Profile dt{margin:0;font-weight:700;font-size:1.4rem;line-height:180%;letter-spacing:.08em;color:#888}
.works-Article .article-About .about-Profile dd{margin:0;font-weight:500;font-size:1.5rem;line-height:180%;letter-spacing:.08em;color:#2b2b2b}
.works-Article .article-About .about-Profile dd a{color:#2b2b2b;text-decoration:underline;text-underline-offset:.25em;transition:color .3s}

/* ===== ハイライト（マーカー） ===== */
.sw-Marker{background:linear-gradient(transparent 58%,#FDE871 58%);padding:0 .1em;font-weight:700;color:inherit}
.works-Article .body-Chapter .sw-Marker,.works-Article .body-Pullquote .sw-Marker{background:linear-gradient(transparent 62%,#FDE871 62%)}

}


/* ---------------- ~1024px (SP) ---------------- */
@media print,screen and (max-width:1024px){
/* ===== 共通レイアウト ===== */
.works-Article{padding-bottom:15.625vw}
.works-Article .article-Layout,
.works-Article .article-Hero .hero-Layout{width:84.375vw}

/* ===== 記事トップ ===== */
.works-Article .article-Hero{margin-top:10.4166666667vw}
.works-Article .article-Hero .hero-Meta{gap:1.5625vw 2.6041666667vw}
.works-Article .article-Hero .hero-Meta .meta-Category{padding:1.0416666667vw 2.6041666667vw;font-size:2rem}
.works-Article .article-Hero .hero-Meta .meta-Client{font-size:2.2rem}
.works-Article .article-Hero .hero-Meta .meta-Date{font-size:2.2rem}
.works-Article .article-Hero .hero-Title{margin-top:3.6458333333vw;font-size:4rem;line-height:165%}
.works-Article .article-Hero .hero-Visual{width:100%;margin-top:6.25vw;border-radius:1.5625vw}

/* ===== WYSIWYG共通 ===== */
.works-Article .sw-Prose{font-size:18px;line-height:190%}

/* ===== リード ===== */
.works-Article .article-Intro{margin-top:9.375vw}
.works-Article .article-Intro .intro-Heading{margin-bottom:3.6458333333vw;padding-bottom:2.0833333333vw;font-size:3.2rem}
.works-Article .article-Intro .intro-Heading::before{width:8.3333333333vw;height:0.5208333333vw}

/* ===== この記事で分かること ===== */
.works-Article .article-Points{margin-top:7.2916666667vw;padding:4.6875vw 4.1666666667vw;border-radius:1.5625vw}
.works-Article .article-Points .points-Heading{margin-bottom:3.125vw;font-size:2.8rem}
.works-Article .article-Points .points-List .list-Item{padding-left:5.7291666667vw;font-size:16px;line-height:180%}
.works-Article .article-Points .points-List .list-Item + .list-Item{margin-top:2.34375vw}
.works-Article .article-Points .points-List .list-Item::before{width:3.125vw;height:3.125vw}
.works-Article .article-Points .points-List .list-Item::after{width:1.3020833333vw;height:0.6510416667vw;top:.8em;left:1.0416666667vw}

/* ===== クライアント・話者 ===== */
.works-Article .article-About{margin-top:8.3333333333vw;padding:4.6875vw 4.1666666667vw;border-radius:1.5625vw}
.works-Article .article-About .about-Block + .about-Block{margin-top:5.2083333333vw;padding-top:5.2083333333vw}
.works-Article .article-About .about-Heading{margin-bottom:2.6041666667vw;padding-left:2.6041666667vw;font-size:2.8rem}
.works-Article .article-About .about-Heading::before{width:0.5208333333vw;height:calc(100% - 1.5625vw);top:0.5208333333vw}
.works-Article .article-About .about-Speakers{margin-top:3.6458333333vw;gap:3.125vw 0;flex-direction:column;align-items:flex-start}
.works-Article .article-About .about-Speakers .speakers-Item{gap:0 2.6041666667vw}
.works-Article .article-About .about-Speakers .speakers-Item .item-Photo{width:11.4583333333vw;height:11.4583333333vw}
.works-Article .article-About .about-Speakers .speakers-Item .item-Text .role{font-size:2rem}
.works-Article .article-About .about-Speakers .speakers-Item .item-Text .name{margin-top:0.5208333333vw;font-size:2.4rem}

/* ===== 目次 ===== */
.works-Article .article-Toc{margin-top:8.3333333333vw;padding:4.1666666667vw;border-radius:1.5625vw}
.works-Article .article-Toc .toc-Heading{margin-bottom:3.125vw;padding-bottom:2.34375vw;font-size:2.8rem}
.works-Article .article-Toc .toc-List .list-Item + .list-Item{margin-top:2.6041666667vw}
.works-Article .article-Toc .toc-List .list-Item a{gap:0 2.0833333333vw;font-size:2.4rem;line-height:165%}
.works-Article .article-Toc .toc-List .list-Item a .num{font-size:2.2rem}

/* ===== 本文 ===== */
.works-Article .article-Body{margin-top:11.4583333333vw}
.works-Article .article-Body > * + *{margin-top:6.25vw}
.works-Article .article-Body .body-Chapter{padding-top:4.1666666667vw;padding-bottom:2.34375vw;font-size:3.4rem;line-height:165%;scroll-margin-top:13.0208333333vw}
.works-Article .article-Body .body-Chapter::before{width:8.3333333333vw;height:0.5208333333vw}
.works-Article .article-Body > .body-Chapter + *{margin-top:6.25vw}
.works-Article .article-Body > * + .body-Chapter{margin-top:11.4583333333vw}

.works-Article .article-Body .body-Question p{font-size:18px;line-height:190%}

.works-Article .article-Body .body-Talk{grid-template-columns:12.5vw 1fr;gap:0 3.125vw}
.works-Article .article-Body .body-Talk .talk-Photo{width:12.5vw;height:12.5vw}
.works-Article .article-Body .body-Talk .talk-Name{margin-bottom:1.5625vw;font-size:2.4rem}
.works-Article .article-Body .body-Talk .talk-Name::after{width:4.1666666667vw;height:0.5208333333vw;margin-left:2.0833333333vw}

.works-Article .article-Body .body-Figure{width:100%;margin:7.2916666667vw auto 0}
.works-Article .article-Body .body-Figure + *{margin-top:7.2916666667vw}
.works-Article .article-Body .body-Figure picture{border-radius:1.5625vw}
.works-Article .article-Body .body-Figure figcaption{margin-top:2.0833333333vw;font-size:2rem}

.works-Article .article-Body .body-Pullquote{margin:8.3333333333vw 0;padding-left:3.6458333333vw;border-left-width:0.78125vw}
.works-Article .article-Body .body-Pullquote p{font-size:3.2rem;line-height:175%}
.works-Article .article-Body .body-Pullquote cite{margin-top:2.34375vw;font-size:2.2rem}

.works-Article .article-Body .body-Note{padding:4.1666666667vw;border-radius:1.5625vw}
.works-Article .article-Body .body-Note .note-Heading{margin-bottom:2.0833333333vw;font-size:2.8rem}

/* ===== CTA ===== */
.works-Article .body-Cta{margin-top:8.3333333333vw}
.works-Article .body-Cta.is-Boxed{padding:5.2083333333vw 4.1666666667vw;border-radius:1.5625vw}
.works-Article .body-Cta .cta-Heading{font-size:3rem}
.works-Article .body-Cta .cta-Text{margin-top:2.6041666667vw}
.works-Article .body-Cta .cta-Buttons{margin-top:4.1666666667vw;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:2.6041666667vw 0}
.works-Article .body-Cta.is-Plain .cta-Buttons{margin-top:0;align-items:center}
.works-Article .body-Cta .cta-Btn{width:100%;min-width:0;min-height:13.5416666667vw;padding:3.125vw 12.5vw 3.125vw 4.1666666667vw;border-radius:1.5625vw;font-size:2.6rem}
.works-Article .body-Cta .cta-Btn .sw-Circle{right:3.6458333333vw}
.works-Article .body-Cta .cta-Btn.is-Text{min-height:0;width:auto;padding:0 7.2916666667vw 0 0;font-size:2.4rem}
.works-Article .body-Cta .cta-Btn.is-Text .sw-Circle{width:5.2083333333vw;height:5.2083333333vw}

/* ===== Credit ===== */
.works-Article .article-Credit{margin-top:11.4583333333vw;padding-top:5.2083333333vw}
.works-Article .article-Credit .credit-Heading{margin-bottom:2.6041666667vw;font-size:2.8rem}
.works-Article .article-Credit .credit-Company{margin-bottom:2.0833333333vw;font-size:2.4rem}
.works-Article .article-Credit .credit-List .list-Item{gap:0 1.0416666667vw}
.works-Article .article-Credit .credit-List .list-Item + .list-Item{margin-top:1.3020833333vw}
.works-Article .article-Credit .credit-List dt{font-size:2.2rem}
.works-Article .article-Credit .credit-List dd{font-size:2.2rem}

/* ===== シェア ===== */
.works-Article .article-Share{margin-top:9.375vw;gap:0 3.125vw}
.works-Article .article-Share .share-Heading{font-size:3.2rem}
.works-Article .article-Share .share-Line{width:7.2916666667vw}
.works-Article .article-Share .share-List{gap:0 3.125vw}
.works-Article .article-Share .share-List .item-Link{width:7.8125vw;height:7.8125vw}

/* ===== 会社概要 ===== */
.works-Article .article-About .about-Profile{margin-top:3.6458333333vw;padding:3.125vw;border-radius:1.5625vw}
.works-Article .article-About .about-Profile .profile-Item{grid-template-columns:1fr;gap:0.78125vw 0}
.works-Article .article-About .about-Profile .profile-Item + .profile-Item{margin-top:2.6041666667vw;padding-top:2.6041666667vw}
.works-Article .article-About .about-Profile dt{font-size:2rem}
.works-Article .article-About .about-Profile dd{font-size:2.3rem;line-height:175%}

}


/* ---------------- hover ---------------- */
@media print and (any-hover:hover),screen and (min-width:1025px) and (any-hover:hover){
.works-Article .sw-Prose a:hover{color:#fab230}
.works-Article .article-About .about-Profile dd a:hover{color:#fab230}
.works-Article .article-Toc .toc-List .list-Item a:hover{color:#fab230}
.works-Article .body-Cta .cta-Btn.is-Solid:hover{opacity:.9}
.works-Article .body-Cta .cta-Btn.is-Outline:hover{background:#2b2b2b;color:#fff;border-color:#2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Outline:hover .sw-Circle{background:#fff}
.works-Article .body-Cta .cta-Btn.is-Outline:hover .sw-Circle::after,.works-Article .body-Cta .cta-Btn.is-Outline:hover .sw-Circle::before{border-color:transparent transparent transparent #2b2b2b}
.works-Article .body-Cta .cta-Btn.is-Text:hover{color:#fab230}
.works-Article .body-Cta .cta-Btn:hover .sw-Circle::before{transform:translateX(16%);transition:transform .3s .15s}
.works-Article .body-Cta .cta-Btn:hover .sw-Circle::after{transform:translateX(516%);transition:transform .3s}
.works-Article .article-Share .share-List .item-Link:hover{opacity:.6}
}

/* ---------------- print ---------------- */
@media print{
.works-Article .article-Toc,.works-Article .article-Share,.works-Article .body-Cta{display:none}
}