@charset "UTF-8";
/*!
 * lp-document-download.css
 * 資料ダウンロードLP（LINE登録）専用スタイル
 * （page-templates/lp-document-download.php 使用時のみ読み込み）
 * 設計方針：front-page.css等と同様、SMACSSのカテゴリ分けをコメントで明示 +
 * BEM命名（.lpd- プレフィックスでCocoon本体・他ページ用CSSと衝突回避）。
 * 参照元: source/coqoon_lp_pc.png / source/coqoon_lp_sp.png
 *
 * 【メインカラーの切替について】
 * このファイル自体は変更不要。page-templates/lp-document-download.php冒頭の
 * $lpd_theme を 'teal'（Coqoonの基調色）か 'blue' に変更するだけで、
 * .lpd[data-theme="blue"] のオーバーライドが効き、ボタン・見出しアクセント・
 * 書影画像・ヒーロー背景画像が連動して切り替わる。
 *
 * 【レスポンシブ方針：モバイルファースト】
 * front-page.cssと同じく、無指定＝SPを基本にPC(min-width:1024px)で
 * 上書きしていく。600px前後にタブレット用の中間調整を挟む場合がある。
 */
.lpd{--lpd-teal:#017589;--lpd-teal-dark:#00687d;--lpd-teal-soft:#cfe7ec;--lpd-teal-softer:#f1f8fa;--lpd-blue:#0052c7;--lpd-blue-dark:#0048b9;--lpd-blue-soft:#cfdff9;--lpd-blue-softer:#f3f7fe;--lpd-orange:#c9652d;--lpd-orange-dark:#8d3d18;--lpd-orange-soft:#f5d2ba;--lpd-orange-softer:#fff4ec;--lpd-orange-light:#e99355;--lpd-primary:var(--lpd-teal);--lpd-primary-dark:var(--lpd-teal-dark);--lpd-primary-soft:var(--lpd-teal-soft);--lpd-primary-softer:var(--lpd-teal-softer);--lpd-line:#06c755;--lpd-line-dark:#05a648;--lpd-ink:#1c2b3a;--lpd-text-sub:#55636e;--lpd-border:#dde5e5;--lpd-paper:#fff;--lpd-font:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo",sans-serif;--lpd-space-xs:8px;--lpd-space-sm:16px;--lpd-space-md:24px;--lpd-space-lg:40px;--lpd-space-xl:64px;font-family:var(--lpd-font);color:var(--lpd-ink);line-height:1.7}.lpd[data-theme=blue]{--lpd-primary:var(--lpd-blue);--lpd-primary-dark:var(--lpd-blue-dark);--lpd-primary-soft:var(--lpd-blue-soft);--lpd-primary-softer:var(--lpd-blue-softer)}.lpd[data-theme=orange]{--lpd-primary:var(--lpd-orange);--lpd-primary-dark:var(--lpd-orange-dark);--lpd-primary-soft:var(--lpd-orange-soft);--lpd-primary-softer:var(--lpd-orange-softer)}.lpd *{box-sizing:border-box}:where(.lpd img){max-width:100%;display:block}:where(.lpd a){text-decoration:none;color:inherit}:where(.lpd svg){display:block}:where(.lpd h1,.lpd h2,.lpd h3,.lpd p,.lpd ul,.lpd ol){margin:0}:where(.lpd ul,.lpd ol){padding:0}.lpd-bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.lpd-section{padding:var(--lpd-space-lg) var(--lpd-space-sm)}.lpd-section--soft{background:var(--lpd-primary-softer)}.lpd-container{max-width:1040px;margin:0 auto}h2.lpd-section__title{display:flex;align-items:center;justify-content:center;gap:var(--lpd-space-sm);margin:0 0 calc((var(--lpd-space-xl) + var(--lpd-space-sm)) / 3);font-size:1.15rem;font-weight:800;text-align:center}.lpd-section__title:before,.lpd-section__title:after{content:"";flex:none;width:24px;height:2px;border-radius:1px;background:var(--lpd-primary)}h2.lpd-section__title--left{justify-content:flex-start;text-align:left}.lpd-section__title--left:before,.lpd-section__title--left:after{content:none}.lpd-hero{position:relative;padding:var(--lpd-space-md) var(--lpd-space-sm);background-color:var(--lpd-primary-softer);background-image:url(//coqoon.net/wp-content/themes/cocoon-child/assets/css/../images/lp_hero_background_teal.png);background-repeat:no-repeat;background-position:top right;background-size:cover}.lpd[data-theme=blue] .lpd-hero{background-image:url(//coqoon.net/wp-content/themes/cocoon-child/assets/css/../images/lp_hero_background_blue.png)}.lpd[data-theme=orange] .lpd-hero{background-image:url(//coqoon.net/wp-content/themes/cocoon-child/assets/css/../images/lp_hero_background_orange.png)}.lpd-hero__inner{display:flex;flex-direction:column;align-items:center;gap:var(--lpd-space-lg)}.lpd-hero__intro{display:flex;flex-direction:column;align-items:center;gap:var(--lpd-space-sm);text-align:center;max-width:480px}.lpd-hero__heading{width:100%}.lpd-hero__badge{display:inline-flex;align-items:center;gap:7px;padding:7px 18px;border-radius:999px;background:var(--lpd-paper);border:1px solid var(--lpd-primary-soft);color:var(--lpd-primary-dark);font-size:.9rem;font-weight:700}.lpd-hero__badge-icon svg{width:18px;height:18px}.lpd-hero__title{font-size:1.7rem;font-weight:800;line-height:1.4}.lpd-hero__title-accent{color:var(--lpd-primary)}.lpd-hero__title-emphasis{font-size:1.3em;line-height:1}.lpd-hero__title-small{display:block;font-size:.9rem;font-weight:800;white-space:nowrap}.lpd-hero__lead{font-size:1.7rem;font-weight:800}.lpd-hero__caption{font-size:.9rem;font-weight:800}.guide-volume{display:inline-flex;align-items:center;gap:9px;margin:14px 0 0;padding:15px;color:#a84415;background:#fff4ec;border:1px solid rgba(205,91,37,.24);border-radius:6px;font-size:13px;font-weight:600;line-height:1;letter-spacing:.02em}.guide-volume__divider{width:1px;height:14px;background:rgba(168,68,21,.28)}.guide-volume strong{font-size:14px;font-weight:700}.lpd-hero__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:15px 24px;border-radius:8px;background:var(--lpd-line);color:#fff;font-weight:700;font-size:.95rem;transition:background-color .2s ease,color .2s ease}.lpd-hero__cta:hover{background:var(--lpd-line-dark);color:#fff}.lpd-hero__cta-label{flex:1 1 auto;text-align:center}.lpd-hero__cta-arrow{display:flex}.lpd-hero__cta-arrow svg{width:13px;height:13px}.lpd-hero__note{font-size:.75rem;color:var(--lpd-text-sub);display:flex;align-items:center;gap:4px}.lpd-hero__visual-sp{display:block;width:100%;max-width:390px;margin:0 auto}.lpd-hero__visual{display:none;width:100%;max-width:260px}.lpd-hero__visual,.lpd-hero__visual-sp,.lpd-chapters__visual{position:relative;padding-bottom:48px}.lpd-hero__mockup{position:relative;z-index:2;display:block;width:100%;height:auto;filter:drop-shadow(5px 8px 4px color-mix(in srgb,var(--lpd-primary-dark) 20%,transparent)) drop-shadow(18px 24px 20px color-mix(in srgb,var(--lpd-primary-dark) 24%,transparent))}.lpd-hero__visual:after,.lpd-hero__visual-sp:after,.lpd-chapters__visual:after{content:"";position:absolute;z-index:1;left:16%;right:8%;bottom:-4px;height:30px;border-radius:50%;background:color-mix(in srgb,var(--lpd-primary-dark) 42%,transparent);filter:blur(16px);transform:skewX(-9deg);pointer-events:none}.lpd-hero__mockup-reflection{position:absolute;z-index:0;left:0;top:100%;width:100%;height:auto;pointer-events:none;transform:scaleY(-1);transform-origin:top;opacity:.22;filter:blur(2.5px) saturate(.75) brightness(1.12);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,.16) 20%,transparent 40%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.55) 0%,rgba(0,0,0,.16) 20%,transparent 40%)}.lpd-pain{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--lpd-space-sm)}.lpd-pain__card{display:flex;flex-direction:column;align-items:center;gap:10px;padding:var(--lpd-space-md) var(--lpd-space-sm);background:var(--lpd-paper);border:1px solid var(--lpd-border);border-radius:10px;text-align:center}.lpd-pain__icon{width:52px;height:52px;border-radius:50%;background:var(--lpd-primary-softer);color:var(--lpd-primary-dark);display:flex;align-items:center;justify-content:center}.lpd-pain__icon svg{width:26px;height:26px}.lpd-pain__text{display:flex;align-items:center;justify-content:center;min-height:3.4em;font-size:.78rem;font-weight:700}.lpd-transform{display:flex;flex-direction:column;gap:var(--lpd-space-md)}.lpd-transform__col-head{display:none}.lpd-transform__card-bg,.lpd-transform__center-arrow{display:none}.lpd-transform__pair{display:flex;flex-direction:column;align-items:stretch;gap:0}.lpd-transform__item{padding:12px 14px;border:1px solid var(--lpd-border);border-radius:8px;background:var(--lpd-paper);font-size:.82rem;font-weight:700}.lpd-transform__item--after{background:var(--lpd-primary-softer);border-color:var(--lpd-primary-soft)}.lpd-transform__arrow{display:flex;justify-content:center;color:var(--lpd-primary);font-size:1.6rem;font-weight:700;line-height:1;transform:rotate(90deg)}.lpd-chapters{display:flex;flex-direction:column;gap:var(--lpd-space-lg);align-items:center}.lpd-chapters__list-wrap{width:100%}.lpd-chapters__list{counter-reset:lpd-ch;list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:10px var(--lpd-space-md)}.lpd-chapters__list li{counter-increment:lpd-ch;display:flex;align-items:center;gap:10px;padding:6px 0;border-bottom:1px dashed var(--lpd-border);font-size:.85rem;font-weight:700}.lpd-chapters__list li:before{content:counter(lpd-ch);flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--lpd-primary-dark);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center}.lpd-chapters__visual{width:100%;max-width:440px}.lpd-highlights{display:grid;grid-template-columns:1fr;gap:var(--lpd-space-md)}.lpd-highlight{padding:var(--lpd-space-md);border:1px solid var(--lpd-border);border-radius:10px;background:var(--lpd-paper);text-align:center}.lpd-highlight__icon{width:56px;height:56px;margin:0 auto 12px;border-radius:50%;background:var(--lpd-primary-softer);color:var(--lpd-primary-dark);display:flex;align-items:center;justify-content:center}.lpd-highlight__icon svg{width:28px;height:28px}h3.lpd-highlight__title{font-size:.95rem;font-weight:800;line-height:1.5;margin-bottom:8px}.lpd-highlight__desc{font-size:.78rem;color:var(--lpd-text-sub)}.lpd-cta{display:flex;flex-direction:column;align-items:center;gap:var(--lpd-space-md);padding:var(--lpd-space-md);border:1px solid var(--lpd-primary-soft);border-radius:14px;background:var(--lpd-paper);text-align:center}.lpd-cta__body{display:flex;flex-direction:column;align-items:center;width:100%}.lpd-cta__eyebrow{display:inline-block;margin-bottom:8px;padding:3px 12px;border:1px solid var(--lpd-primary-soft);border-radius:999px;background:var(--lpd-primary-softer);color:var(--lpd-primary-dark);font-size:.85rem;font-weight:700}.lpd-cta__cta-group{display:contents}.lpd-cta__title{margin-bottom:16px;font-size:1.3rem;font-weight:800}.lpd-cta__button{display:inline-flex;align-items:center;gap:8px;width:100%;justify-content:center;padding:15px 18px;border-radius:8px;background:var(--lpd-line);color:#fff;font-weight:700;font-size:.98rem;transition:background-color .2s ease,color .2s ease}.lpd-cta__button:hover{background:var(--lpd-line-dark);color:#fff}.lpd-cta__button-label{flex:1 1 auto;text-align:center}.lpd-cta__button-arrow{display:flex;margin-left:2px}.lpd-cta__button-arrow svg{width:16px;height:16px}.lpd-cta__qr{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0}.lpd-cta__qr-box{width:120px;height:120px;padding:8px;border:1px solid var(--lpd-border);border-radius:8px;background:var(--lpd-paper);color:var(--lpd-border)}.lpd-cta__qr-box img{width:100%;height:100%;display:block}.lpd-cta__qr-caption{font-size:.65rem;color:var(--lpd-text-sub)}.lpd-audience{display:flex;flex-direction:column;align-items:center;gap:var(--lpd-space-lg)}.lpd-audience__list-wrap{width:100%}.lpd-audience__list{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}.lpd-audience__list li{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700}.lpd-audience__check{flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--lpd-primary-dark);color:#fff;display:flex;align-items:center;justify-content:center}.lpd-audience__check svg{width:12px;height:12px}.lpd-audience__visual{flex-shrink:0;color:var(--lpd-primary-dark);display:flex;align-items:center;justify-content:center}.lpd-audience__visual-icon svg{width:280px;height:auto}.lpd-steps{display:flex;flex-direction:column;gap:0}.lpd-step{display:flex;flex-direction:column;align-items:center;justify-content:space-around;padding:var(--lpd-space-md);border:1px solid var(--lpd-border);border-radius:10px;background:var(--lpd-paper);text-align:center}.lpd-step__header{display:contents}.lpd-step__num{display:inline-flex;align-items:center;justify-content:center;order:1;width:26px;height:26px;margin-bottom:8px;border-radius:50%;background:var(--lpd-primary-dark);color:#fff;font-size:.82rem;font-weight:800}.lpd-step__icon{display:block;order:2;width:36px;height:36px;margin:0 auto 8px;color:var(--lpd-primary-dark)}h3.lpd-step__title{order:3;margin-bottom:6px;font-size:.9rem;font-weight:800}.lpd-step__desc{order:4;font-size:.78rem;color:var(--lpd-text-sub)}.lpd-steps__arrow{display:flex;justify-content:center;color:var(--lpd-primary);font-size:1.6rem;font-weight:700;line-height:1;transform:rotate(90deg)}.lpd-about__row{display:contents}.lpd-about__lead{max-width:760px;margin:0 auto var(--lpd-space-lg);text-align:center;font-size:.85rem;color:var(--lpd-text-sub)}.lpd-about__list{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--lpd-space-lg) var(--lpd-space-md)}.lpd-about__item{display:flex;flex-direction:column;align-items:center;justify-content:space-around;gap:8px;flex:0 1 140px;text-align:center;font-size:.78rem;font-weight:700}.lpd-about__icon{display:flex;align-items:center;justify-content:center;color:var(--lpd-primary)}.lpd-about__icon svg{width:40px;height:40px}.lpd-about__text{display:flex;align-items:center;justify-content:center;min-height:3.4em}.lpd-faq{display:flex;flex-direction:column;gap:10px}.lpd-faq__item{padding:14px 16px;border:1px solid var(--lpd-border);border-radius:10px;background:var(--lpd-paper)}.lpd-faq__question{display:flex;align-items:center;gap:10px;font-size:.85rem;font-weight:700}.lpd-faq__mark{flex-shrink:0;width:20px;height:20px;border-radius:50%;background:var(--lpd-primary-dark);color:#fff;font-size:.7rem;font-weight:800;display:flex;align-items:center;justify-content:center}.lpd-faq__answer{display:flex;align-items:flex-start;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid var(--lpd-border);font-size:.8rem;color:var(--lpd-text-sub)}.lpd-faq__answer .lpd-faq__mark{background:var(--lpd-text-sub)}.lpd-faq__answer a{color:var(--lpd-primary-dark);text-decoration:underline}@media screen and (min-width:600px){.lpd-highlights{grid-template-columns:repeat(3,1fr)}.lpd-steps{flex-direction:row;align-items:stretch;gap:var(--lpd-space-sm)}.lpd-step{flex:1 1 0}.lpd-steps__arrow{align-items:center;transform:none}}@media screen and (min-width:1024px){.lpd-hero{background-size:140%;background-position:right -260px top -300px}.lpd-section{padding:calc(var(--lpd-space-xl) / 2) var(--lpd-space-md)}h2.lpd-section__title{gap:var(--lpd-space-lg);font-size:1.6rem}.lpd-section__title:before,.lpd-section__title:after{width:64px}.lpd-section__title-break--sp{display:none}.lpd-hero__inner{flex-direction:row;align-items:center;justify-content:space-around;gap:var(--lpd-space-xl)}.lpd-hero__intro{align-items:flex-start;text-align:left;width:100%;max-width:440px}.lpd-hero__title{font-size:1.8rem}.lpd-hero__title-small{font-size:1.05rem}.lpd-hero__lead{font-size:1.8rem}.lpd-hero__caption{font-size:1.05rem}.lpd-hero__cta{width:auto}.lpd-hero__visual-sp{display:none}.lpd-hero__visual{display:block;max-width:440px}.lpd-pain{grid-template-columns:repeat(4,1fr)}.lpd-transform{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;column-gap:var(--lpd-space-lg);row-gap:0}.lpd-transform__col-head{display:block;grid-row:1;padding:10px;border-radius:8px 8px 0 0;text-align:center;font-weight:800;font-size:.9rem}.lpd-transform__col-head--before{grid-column:1;background:var(--lpd-primary-softer);border:1px solid var(--lpd-border);border-bottom:none;color:var(--lpd-ink)}.lpd-transform__col-head--after{grid-column:3;background:var(--lpd-primary-dark);color:#fff}.lpd-transform__card-bg{display:block;grid-row:2/6;align-self:stretch;border-radius:0 0 10px 10px}.lpd-transform__card-bg--before{grid-column:1;border:1px solid var(--lpd-border);border-top:none}.lpd-transform__card-bg--after{grid-column:3;background:var(--lpd-primary-softer)}.lpd-transform__pair{display:contents}.lpd-transform__item{grid-column:1;border:none;border-radius:0;border-bottom:1px solid var(--lpd-border);background:0 0;text-align:center;padding:12px 14px}.lpd-transform__item--after{grid-column:3;background:0 0;border-bottom-color:var(--lpd-primary-soft)}.lpd-transform__pair--1 .lpd-transform__item{grid-row:2}.lpd-transform__pair--2 .lpd-transform__item{grid-row:3}.lpd-transform__pair--3 .lpd-transform__item{grid-row:4}.lpd-transform__pair--4 .lpd-transform__item{grid-row:5;border-bottom:none}.lpd-transform__arrow{display:none}.lpd-transform__center-arrow{display:flex;grid-column:2;grid-row:2/6;align-items:center;justify-content:center;color:var(--lpd-primary)}.lpd-transform__center-arrow svg{width:40px;height:40px;transform:rotate(-90deg)}.lpd-chapters{flex-direction:row;align-items:center;gap:var(--lpd-space-xl)}.lpd-chapters__list-wrap{max-width:600px}.lpd-chapters__visual{max-width:600px}.lpd-cta{flex-direction:row;justify-content:center;align-items:center;gap:96px;text-align:left;padding:var(--lpd-space-lg) var(--lpd-space-xl)}.lpd-cta__body{align-items:flex-start;width:auto}.lpd-cta__eyebrow{font-size:.95rem}.lpd-cta__cta-group{display:flex;flex-direction:column}.lpd-cta__title{font-size:1.8rem;white-space:nowrap}.lpd-cta__title-break--sp{display:none}.lpd-cta__button{font-size:1.5rem;width:auto}.lpd-cta__button-arrow svg{width:22px;height:22px}.lpd-audience{flex-direction:row;align-items:center}.lpd-audience__list-wrap{width:auto;min-width:440px;flex:0 0 auto}.lpd-audience__visual{flex:1 1 auto}.lpd-about__row{display:flex;align-items:center;gap:var(--lpd-space-xl)}.lpd-about__lead{flex:1 1 0;max-width:none;margin:0;text-align:left}.lpd-about__list{flex:0 0 calc(140px * 3 + var(--lpd-space-lg) * 2);flex-wrap:nowrap;gap:var(--lpd-space-lg)}.lpd-about__item:not(:first-child){padding-left:var(--lpd-space-lg);border-left:1px solid var(--lpd-border)}.lpd-step__header{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:8px}.lpd-step__num{margin-bottom:0}h3.lpd-step__title{margin-bottom:0}}