/* 現場に散らばる情報から、業務図と実装へ。既存の白黒・路線図の表現を継承。 */
.discovery-lp .hero-inner{position:relative}
.discovery-lp .sec{padding:110px 0}
.discovery-lp .h2{font-size:48px}
.discovery-lp .lead2{font-size:17px}
.discovery-lp .kick{font-size:12px;letter-spacing:.07em}
.discovery-lp .btn{transition:transform .18s,background .18s}
.discovery-lp .btn:hover{transform:translateY(-2px);background:#303034;color:#fff}
.discovery-lp a:focus-visible{outline:3px solid #777;outline-offset:5px}
.discovery-hero{padding:76px 0 35px}
.discovery-hero h1{font-size:76px;line-height:1.25}
.discovery-hero .lead{font-size:18px;max-width:44em}
.discovery-stage{height:590px;margin-top:62px}
.discovery-stage .input-tag{left:0;top:0}
.discovery-stage .map-tag{left:40%;top:0}
.discovery-stage .map{top:66px;width:64%;z-index:1;transform:rotate(-1.5deg)}
.discovery-stage .frag{padding:18px 20px}
.discovery-stage .frag .k{font-size:10.5px;margin-bottom:7px}
.frag-foot{display:block;font-size:10px;color:var(--mute);margin-top:9px}
.discovery-stage .input-interview{left:2%;top:66px;transform:rotate(-7deg);width:228px}
.discovery-stage .input-doc{left:13%;top:247px;transform:rotate(5deg);z-index:3}
.discovery-stage .input-sheet{left:0;top:373px;transform:rotate(-4deg)}
.discovery-stage .input-log{left:14%;top:485px;transform:rotate(4deg)}
.discovery-stage .input-screen{left:-2%;top:237px;transform:rotate(-4deg);padding:14px 16px;font-size:11px}
.discovery-stage .input-doc{top:200px;left:15%;transform:rotate(8deg)}
.discovery-stage .input-log{top:421px;left:21%;z-index:3}
.discovery-stage .input-sheet{top:357px;left:1%}
.frag.file i.doc:after{content:'W'}
.log-dots{display:flex;align-items:center;margin-top:13px;max-width:160px}
.log-dots i{width:8px;height:8px;border:2px solid #777;border-radius:50%}
.log-dots span{height:1px;flex:1;background:#a7a7ad}
.mini-screen{display:flex;gap:4px;margin-top:12px;align-items:flex-end;width:146px;padding:7px 10px;border:1px solid #ddd;border-radius:4px}
.mini-screen i{height:10px;flex:1;background:#d8d8df;border-radius:1px}.mini-screen i:nth-child(2n){height:18px}.mini-screen i:nth-child(3){height:14px}
.decision-note{position:absolute;right:2%;bottom:8px;z-index:4;background:#0b0b0c;color:#fff;border-radius:16px;padding:22px 30px;transform:rotate(3deg);box-shadow:0 25px 40px -25px #0005}
.decision-note>span{display:block;font-size:11px;color:#aaaab2}
.decision-note b{display:block;font-size:24px;line-height:1.6;margin-top:10px;letter-spacing:-.02em}
.decision-note p{font-size:11px;color:#bdbdc3;margin-top:10px}
.hero-note{font-size:10px;color:#7b7b83;margin-top:18px;line-height:1.9}
.proof-strip{padding:30px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.proof-strip .wrap{display:flex;gap:42px;align-items:center}
.proof-strip p{font-size:11px;color:var(--ink-2);line-height:1.8}.proof-strip p>b{font-size:13px;color:var(--ink)}
.proof-strip span{font-size:14px;font-weight:700;white-space:nowrap}.proof-strip span>b{font-family:var(--en);font-size:42px;letter-spacing:-.04em;margin-right:7px;line-height:1}
.proof-strip em{display:block;font-style:normal;font-size:12px;font-weight:500;margin-bottom:8px;line-height:1.4}
.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:46px}
.method{min-width:0}.method-art{height:225px;position:relative;background:#f4f4f5;border-radius:18px;overflow:hidden;margin-bottom:27px}
.interview-art>span{position:absolute;left:25px;top:35px;transform:rotate(-5deg);font-size:11px;font-weight:700;background:#fff;border:1px solid #ddd;border-radius:11px 11px 11px 0;padding:13px 18px}
.interview-art>b{position:absolute;right:24px;top:97px;font-size:15px;line-height:1.7;transform:rotate(3deg);background:#151517;color:#fff;padding:16px 21px;border-radius:13px 13px 0 13px}
.interview-art>i{position:absolute;left:28px;bottom:19px;font-size:10px;font-style:normal;color:var(--mute)}
.document-art>b{position:absolute;left:26%;top:26px;width:47%;height:169px;background:#fff;border:1px solid #d0d0d6;border-radius:4px;padding:23px 18px;font-size:12px;transform:rotate(5deg);box-shadow:0 12px 20px -15px #0005}
.document-art>b>span{display:block;height:5px;background:#e5e5e9;margin-top:16px}.document-art>b>span:last-child{width:65%}
.document-art>i{position:absolute;font-style:normal;font-size:10px;padding:13px 17px;background:#e5e5e9;border:1px solid #c8c8ce;border-radius:5px;box-shadow:0 12px 16px -16px #0005}
.document-art .sheet-back{left:18px;top:51px;transform:rotate(-10deg)}.document-art .sheet-front{right:16px;bottom:25px;transform:rotate(-7deg);background:#fff}
.history-art{padding:32px 25px;display:flex;flex-direction:column;justify-content:space-between;gap:10px}
.history-art:before{content:'';position:absolute;left:95px;top:50px;bottom:50px;width:1px;background:#b4b4bc}
.history-art div{display:flex;align-items:center;gap:30px;position:relative}.history-art div:before{content:'';position:absolute;left:66px;width:9px;height:9px;background:#fff;border:2px solid #151517;border-radius:50%}
.history-art span{width:40px;font:500 11px var(--en);color:#777}
.history-art b{font-size:11px;line-height:1.7;background:#fff;border:1px solid #e2e2e7;border-radius:7px;padding:8px 10px;flex:1;text-align:center}
.method-no{font-size:11px;font-weight:700;color:var(--mute)}.method h3{font-size:24px;line-height:1.6;margin-top:8px;letter-spacing:-.04em}.method p{font-size:14px;line-height:1.95;color:var(--ink-2);margin-top:15px}
.method small{display:block;font-size:10px;color:#6b6b73;line-height:1.8;margin-top:22px;padding-top:17px;border-top:1px solid var(--line)}
.approach-note{font-size:12px;line-height:1.9;color:var(--ink-2);margin-top:35px;padding:20px 25px;background:#f6f6f7;border-radius:10px}
.discovery-lp .decisions{background:#f4f4f5}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:42px}.section-head>p{font-size:14px;line-height:2;color:var(--ink-2);padding-bottom:6px}
.change-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}.change-grid article{background:#fff;border-radius:15px;padding:24px}.change-grid article>span{font:700 12px var(--en);color:var(--mute)}
.change-symbol{font:700 37px var(--en);height:92px;display:flex;align-items:center;letter-spacing:-.03em}.change-symbol.strike{font-family:var(--jp);font-size:29px;text-decoration:line-through;text-decoration-thickness:2px;color:#999}.change-symbol.ai-symbol{font-size:40px}
.change-grid h3{font-size:20px;letter-spacing:-.025em}.change-grid p{font-size:12px;line-height:1.95;color:var(--ink-2);margin-top:11px}.delivery-note{font-size:10px;line-height:1.95;color:#7b7b83;margin-top:25px}
.journey{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin-top:58px;gap:32px}
.journey:before{content:'';position:absolute;left:13px;right:10px;top:12px;height:3px;background:var(--ink);border-radius:2px}
.journey article{position:relative}.journey-dot{display:block;width:27px;height:27px;background:#fff;border:5px solid var(--ink);border-radius:50%;position:relative}.journey article:last-child .journey-dot{background:var(--ink)}
.journey small{display:block;font:700 12px var(--en);color:var(--mute);margin-top:27px}.journey h3{font-size:25px;margin-top:8px;letter-spacing:-.03em}.journey p{font-size:14px;color:var(--ink-2);line-height:1.95;margin-top:12px}
.role-division{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:34px}.role-division>div{border-top:1px solid #b8b8bf;padding-top:20px;position:relative}.role-division>div:before,.role-division>div:after{content:'';height:9px;width:1px;background:#b8b8bf;position:absolute;top:-9px}.role-division>div:before{left:0}.role-division>div:after{right:0}.role-division b{font-size:14px}.role-division span{display:block;font-size:12px;color:var(--mute);margin-top:6px}
.how-foot{display:flex;align-items:center;justify-content:space-between;gap:35px;margin-top:39px;padding-top:28px;border-top:1px solid var(--line)}.how-foot p{font-size:11px;color:var(--ink-2);line-height:1.9}.how-foot .btn{font-size:13px}


.case-sector{font-size:11px;font-weight:700;color:var(--mute);letter-spacing:.03em}.reference-grid h3{font-size:26px;line-height:1.6;letter-spacing:-.03em;margin-top:16px}
.text-link{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;gap:30px;border-bottom:1px solid #b8b8c0;padding:11px 0;margin-top:27px}.text-link:hover{opacity:.65}
.discovery-lp .reference-cases{background:#0b0b0c;color:#fff}.reference-cases .lead2{color:#b4b4bc;font-size:15px}.reference-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-top:50px}.reference-grid article{min-width:0;display:flex;flex-direction:column}.reference-grid h3{font-size:25px}.reference-grid article>p{font-size:13px;color:#b4b4bc;line-height:2;margin-top:19px}.reference-result{display:flex;gap:32px;align-items:flex-end;margin-top:28px}.reference-result small{display:block;font-size:10px;color:#9999a2}.reference-result b{font:700 43px var(--en);letter-spacing:-.025em;white-space:nowrap;display:block;margin-top:6px}.reference-result i{font-size:20px;font-style:normal;color:#888890;margin-inline:2px}.reference-result b>span{font-size:14px;font-family:var(--jp);margin-left:3px}.reference-grid .text-link{border-color:#51515a;margin-top:auto;padding-top:27px}.source-note{font-size:10px;color:#9999a2;margin-top:12px;line-height:1.9}.reference-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-top:35px}.reference-foot p{font-size:10px;color:#9999a2;line-height:1.9}.reference-foot .text-link{border-color:#51515a;margin-top:0}
.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:45px}.resource-grid article{min-width:0;display:flex;flex-direction:column}.resource-grid h3{font-size:21px;margin-top:24px;line-height:1.6}.resource-grid p{font-size:13px;color:var(--ink-2);margin:9px 0 8px;line-height:1.9}.resource-grid .text-link{margin-top:auto;padding-top:19px}.resource-download{text-align:center;margin-top:45px}.resource-download>span{display:block;font-size:11px;color:var(--mute);margin-top:14px}
.discovery-lp .delivery-faq{padding-top:5px}.discovery-lp .qa h3{font-size:16px;line-height:1.8}.discovery-lp .qa p{font-size:13px;line-height:1.95;margin-top:12px}.discovery-lp .cta{margin-top:0}.discovery-lp .cta h2{margin-top:22px}.discovery-lp .cta .acts{margin-top:35px}.discovery-lp .cta .btn{margin-top:0}.discovery-lp .cta .cta-outline{background:transparent;border:1px solid #707078;color:#fff}.discovery-lp footer{font-size:11px}
#approach,#value,#how,#cases,#others,#resources,#faq{scroll-margin-top:85px}
@media(max-width:1100px){.discovery-lp .links{font-size:12px;gap:20px}.discovery-lp .nav .wrap{gap:22px}.discovery-stage .map{width:62%}.discovery-stage .input-doc{left:12%;font-size:11px}.discovery-stage .input-log{left:18%}.method h3{font-size:21px}.history-art{padding-inline:18px}.history-art:before{left:88px}.history-art div{gap:28px}.change-grid{gap:15px}.change-grid article{padding:19px}.change-grid h3{font-size:18px}.reference-grid{gap:40px}.reference-result{gap:22px}.reference-result b{font-size:36px}}
@media(max-width:900px){
.discovery-lp .wrap{padding-inline:24px}.discovery-lp .sec{padding:68px 0}.discovery-lp .h2{font-size:32px;line-height:1.5}.discovery-lp .lead2{font-size:14px;line-height:1.95;margin-top:18px}.discovery-lp .kick{font-size:11px}.discovery-lp .nav .wrap{gap:8px}.discovery-lp .nav .btn{font-size:11px;padding:9px 14px}.discovery-lp .word{font-size:18px}.discovery-lp .mark{width:26px;height:26px}.discovery-lp .brand{gap:7px}.discovery-lp .ai{font-size:10px;padding:1px 5px}
.discovery-hero{padding:40px 0 25px}.discovery-hero .pill{font-size:10px;padding:5px 11px}.discovery-hero h1{font-size:clamp(31px,7.9vw,56px);line-height:1.4;margin-top:22px}.discovery-hero .lead{font-size:14px;line-height:1.95;margin-top:20px}.pc-br{display:none}.discovery-hero .acts{margin-top:24px;gap:10px}.discovery-lp .acts .btn{font-size:13px;padding:14px 16px}
.discovery-stage{height:auto;margin-top:36px;display:flex;gap:0;max-width:580px;margin-inline:auto}.discovery-stage .tagl{display:block;position:static;font-size:10px}.discovery-stage .input-tag{order:0;margin-bottom:18px}.discovery-stage .frags{order:1;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:25px;align-items:start}.discovery-stage .frag{position:static;width:auto;font-size:10px;padding:12px;transform:none!important;min-width:0}.discovery-stage .frag .k{font-size:8px;margin-bottom:5px}.discovery-stage .frag-foot{font-size:8px;margin-top:7px}.discovery-stage .input-interview{transform:rotate(-3deg)!important}.discovery-stage .input-doc{transform:rotate(3deg)!important}.discovery-stage .input-sheet{grid-column:1;transform:rotate(-2deg)!important}.discovery-stage .input-log{grid-column:2;grid-row:2/4;transform:rotate(3deg)!important;margin-top:3px}.discovery-stage .input-screen{transform:rotate(-2deg)!important}.discovery-stage .frag.file{gap:5px}.discovery-stage .frag.file i{width:13px;height:18px}.discovery-stage .frag.file i:after{font-size:9px;line-height:18px}.mini-screen{width:100%;padding:5px 7px;margin-top:8px}.log-dots{margin-top:9px}.discovery-stage .map-tag{order:2;margin-bottom:12px}.discovery-stage .map{order:3;width:100%;position:static;transform:none}.discovery-stage .decision-note{position:static;order:4;align-self:flex-end;transform:rotate(2deg);margin:-20px 12px 5px 28px;padding:15px 22px}.decision-note>span{font-size:9px}.decision-note b{font-size:20px;line-height:1.6;margin-top:6px}.decision-note p{font-size:9px;margin-top:6px}.hero-note{font-size:9px;margin-top:24px}
.proof-strip{padding:23px 0}.proof-strip .wrap{flex-wrap:wrap;gap:18px 32px}.proof-strip p{font-size:11px;width:100%}.proof-strip p>b{font-size:12px}.proof-strip span{font-size:12px}.proof-strip span>b{font-size:36px;margin-right:4px}.proof-strip em{font-size:12px;margin-bottom:6px}
.method-grid{grid-template-columns:1fr;gap:38px;margin-top:29px}.method-art{height:210px;margin-bottom:20px}.method h3{font-size:25px;margin-top:6px}.method p{font-size:14px;margin-top:12px}.method small{font-size:10px;margin-top:18px;padding-top:14px}.method-no{font-size:10px}.interview-art>span{left:32px;top:30px}.interview-art>b{right:32px;top:85px}.interview-art>i{left:32px}.document-art>b{left:29%;top:22px;width:43%;height:165px}.document-art .sheet-back{left:30px}.document-art .sheet-front{right:32px}.history-art{padding:28px 35px}.history-art:before{left:105px;top:40px;bottom:45px}.history-art div{gap:30px}.history-art b{font-size:12px}.approach-note{font-size:11px;margin-top:26px;padding:18px}
.section-head{display:block}.section-head>p{font-size:12px;margin-top:20px}.change-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.change-grid article{padding:17px 16px}.change-grid article>span{font-size:10px}.change-symbol{height:70px;font-size:29px}.change-symbol.strike{font-size:25px}.change-symbol.ai-symbol{font-size:31px}.change-grid h3{font-size:18px}.change-grid p{font-size:11px;line-height:1.9;margin-top:8px}.change-grid p br{display:none}.delivery-note{font-size:9px;margin-top:21px}
.journey{grid-template-columns:1fr;gap:27px;margin-top:34px}.journey:before{left:10px;right:auto;top:10px;bottom:20px;width:2px;height:auto}.journey article{padding-left:43px;display:grid;grid-template-columns:26px 1fr;gap:2px 7px}.journey-dot{position:absolute;left:0;top:1px;width:22px;height:22px;border-width:4px}.journey small{font-size:10px;margin:6px 0 0}.journey h3{font-size:22px;margin:0;line-height:1.5}.journey p{font-size:13px;margin:6px 0 0;grid-column:1/3}.role-division{grid-template-columns:1fr;gap:22px;margin-top:34px}.role-division>div{padding-top:13px}.role-division b{font-size:12px}.role-division span{font-size:11px}.how-foot{display:block;margin-top:24px;padding-top:21px}.how-foot p{font-size:10px}.how-foot .btn{font-size:12px;margin-top:20px}
.case-sector{font-size:10px}.text-link{font-size:11px;gap:20px}
.reference-grid{grid-template-columns:1fr;gap:37px;margin-top:32px}.reference-grid article+article{padding-top:33px;border-top:1px solid #3b3b41}.reference-grid h3{font-size:23px;margin-top:12px}.reference-grid article>p{font-size:12px;margin-top:15px}.reference-result{gap:31px;margin-top:23px}.reference-result b{font-size:37px}.reference-result b>span{font-size:13px}.source-note{font-size:9px}.reference-foot{display:block;margin-top:30px}.reference-foot p{font-size:9px}.reference-foot .text-link{margin-top:13px}
.resource-grid{grid-template-columns:1fr;gap:34px;margin-top:31px;max-width:470px;margin-inline:auto}.resource-grid h3{font-size:23px;margin-top:21px}.resource-grid p{font-size:13px}.resource-download{margin-top:32px}.resource-download .btn{font-size:12px;width:100%;padding:16px 12px;justify-content:center;white-space:normal}.resource-download>span{font-size:9px}
.discovery-lp .delivery-faq{padding-top:5px}.discovery-lp .faq{grid-template-columns:1fr;margin-top:20px}.discovery-lp .qa{padding:23px 0}.discovery-lp .qa h3{font-size:15px}.discovery-lp .qa p{font-size:12px}.discovery-lp .cta{padding:65px 0}.discovery-lp .cta h2{font-size:35px;line-height:1.5;margin-top:19px}.discovery-lp .cta p{font-size:14px;line-height:1.95}.discovery-lp .cta .acts{margin-top:28px}.discovery-lp footer{padding:30px 0;font-size:10px}.discovery-lp footer .wrap{gap:16px}.discovery-lp footer .brand{width:100%}.discovery-lp footer .r{margin-left:0}#approach,#value,#how,#cases,#others,#resources,#faq{scroll-margin-top:77px}
}
@media(prefers-reduced-motion:reduce){.discovery-lp .btn,.resource-preview{transition:none}.discovery-lp .btn:hover,.resource-preview:hover{transform:none}}
/* 課題と支援の流れを1画面で伝える。条件の詳細は開閉式FAQへ。 */
.discovery-lp .evidence-section{background:#f5f5f6;padding:88px 0 62px}
.evidence-section .h2{font-size:49px;line-height:1.45}
.evidence-stat{display:flex;align-items:center;gap:31px;margin-top:31px}
.evidence-number{font:800 108px/1.1 var(--en);letter-spacing:-.065em}.evidence-number span{font-size:47px;margin-left:5px;letter-spacing:-.03em}
.evidence-stat p{font-size:18px;line-height:1.9;color:var(--ink-2)}.evidence-stat b{font-weight:600}
.evidence-bridge{font-size:17px;margin-top:33px;line-height:1.9;font-weight:500}
.simple-flow{display:grid;grid-template-columns:1.25fr 1fr 1fr 1fr;gap:28px;margin-top:42px}
.simple-flow>div{position:relative;border:1px solid #bdbdc4;background:#fff;border-radius:13px;text-align:center;padding:20px 15px 22px}
.simple-flow>div+div:before{content:'→';position:absolute;left:-24px;top:40%;font:400 20px var(--en);color:#6d6d76}
.simple-flow>div.flow-discovery{background:#0b0b0c;color:#fff;border-color:#0b0b0c}
.simple-flow>div>span{font:700 11px var(--en);color:#93939d}.simple-flow h3{font-size:23px;letter-spacing:-.025em;margin-top:6px;line-height:1.7}.simple-flow p{font-size:10px;color:#73737c;margin-top:8px}.simple-flow .flow-discovery p{color:#bcbcc5}
.flow-roles{display:grid;grid-template-columns:1.25fr 3fr;gap:28px;margin-top:19px}.flow-roles span{padding-top:12px;border-top:1px solid #aaaab3;text-align:center;font-size:12px;font-weight:600}
.evidence-source{font-size:10px;color:#73737c;line-height:1.9;margin-top:33px}.evidence-source a{text-decoration:underline;text-underline-offset:3px}

.discovery-lp .reference-cases{padding-block:76px}.discovery-lp .reference-grid{margin-top:31px}
.discovery-lp .delivery-resources{padding-bottom:76px}.discovery-lp .delivery-faq{padding-bottom:82px}
.discovery-lp .faq{display:block;max-width:940px}.discovery-lp .qa{padding:0}.discovery-lp .qa summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px;font-weight:700;line-height:1.8;padding:22px 0;list-style:none}.qa summary::-webkit-details-marker{display:none}.qa summary:after{content:'＋';font-size:20px;font-weight:400;color:#777;flex:none}.qa[open] summary:after{content:'−'}.discovery-lp .qa p{margin:0 32px 23px 0;font-size:13px;max-width:66em}.qa summary:focus-visible{outline:2px solid #777;outline-offset:4px}
@media(max-width:1100px){.simple-flow{gap:23px}.simple-flow h3{font-size:20px}.simple-flow>div+div:before{left:-21px}.flow-roles{gap:23px}}
@media(max-width:900px){
.discovery-lp .evidence-section{padding:63px 0 43px}.evidence-section .h2{font-size:31px;line-height:1.6}.evidence-stat{display:block;margin-top:25px}.evidence-number{font-size:90px}.evidence-number span{font-size:39px}.evidence-stat p{font-size:14px;margin-top:13px;line-height:1.9}.evidence-bridge{font-size:14px;margin-top:27px}.simple-flow{grid-template-columns:1fr 1fr;gap:12px;margin-top:27px}.simple-flow>div{padding:16px 9px 19px;border-radius:10px}.simple-flow h3{font-size:18px;line-height:1.65}.simple-flow p{font-size:9px;margin-top:7px}.simple-flow>div>span{font-size:10px}.simple-flow>div+div:before{display:none}.flow-roles{display:flex;flex-direction:column;gap:8px;margin-top:18px}.flow-roles span{font-size:11px;padding-top:0;border:none;text-align:left}.flow-roles span:first-child:before{content:'01　';color:#888}.flow-roles span:last-child:before{content:'02–04　';color:#888}.evidence-source{font-size:9px;margin-top:25px}.discovery-lp .reference-cases{padding-block:60px}.discovery-lp .delivery-resources{padding-bottom:65px}.discovery-lp .delivery-faq{padding-bottom:64px}.discovery-lp .qa summary{font-size:14px;padding-block:20px}.discovery-lp .qa p{font-size:12px}.discovery-lp .approach-note{font-size:11px}
}

/* 資料の中身が伝わる図解と、実際のPDFのプレビュー。 */
.resource-preview{position:relative;display:block;aspect-ratio:1.12;overflow:hidden;border-radius:16px;background:#f0f0f2;border:1px solid #e0e0e5;transition:transform .2s}
.resource-preview:hover{transform:translateY(-4px)}
.preview-service{background:#e7e7ea}.preview-samples{background:#f0f0f2}.preview-guide{background:#f6f6f7}
.preview-document{position:absolute;top:7%;left:9%;right:9%;height:38%}
.preview-document img{position:absolute;width:27%;height:auto;box-shadow:0 9px 16px -8px #0003;border:1px solid #dedee3;border-radius:2px}
.preview-document img:first-child{left:2%;top:0;transform:rotate(-9deg)}
.preview-document img:last-child{left:23%;top:4%;transform:rotate(6deg)}
.resource-visual{position:absolute;width:100%;max-width:none;left:0;bottom:11%;height:auto;filter:drop-shadow(0 8px 6px #0000000b)}
.preview-pages{position:absolute;bottom:6%;left:7%;right:7%;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;color:#62626b}
.preview-pages>span{color:#18181b;background:#fff;border-radius:50%;width:29px;height:29px;display:grid;place-items:center;font-size:16px}
@media(max-width:900px){.resource-preview{aspect-ratio:1.16}.preview-pages{font-size:11px}}
@media(prefers-reduced-motion:reduce){.resource-preview{transition:none}.resource-preview:hover{transform:none}}

/* 顧客が自分の業務に重ねられる3つの課題と、提供会社の研修実績。 */
.discovery-lp .customer-pains{padding:88px 0 84px}
.pain-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:42px}
.pain-grid article{min-width:0;padding-top:19px;border-top:1px solid #ceced4}
.pain-no{font:600 12px var(--en);color:var(--mute)}
.pain-grid h3{font-size:22px;line-height:1.65;letter-spacing:-.045em;margin-top:15px}
.pain-grid p{font-size:14px;line-height:1.95;color:var(--ink-2);margin-top:18px}
.discovery-lp .training-proof{background:#f5f5f6;padding:88px 0 72px}
.training-stats{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:47px;max-width:980px}
.training-stats>div>span{font-size:13px;font-weight:600;color:var(--ink-2)}
.training-stats p{display:flex;align-items:baseline;gap:16px;margin-top:5px}
.training-stats b{font:800 108px/1.15 var(--en);letter-spacing:-.05em}
.training-stats p>span{font-size:25px;font-weight:700;white-space:nowrap}
.training-example{display:grid;grid-template-columns:minmax(230px,.85fr) minmax(0,1.4fr);align-items:center;gap:52px;margin-top:47px;padding:36px 0;border-top:1px solid #c9c9d0;border-bottom:1px solid #c9c9d0}
.training-company img{display:block;width:245px;max-width:100%;height:auto}
.training-company h3{font-size:17px;line-height:1.6;letter-spacing:-.02em;margin-top:32px}
.training-story p{font-size:16px;color:var(--ink-2);line-height:2}
.training-example-link{display:flex;align-items:center;justify-content:space-between;gap:23px;font-size:13px;font-weight:700;margin-top:24px}
.training-example-link i{font-style:normal;font-size:20px}
.training-example-link:hover{text-decoration:underline;text-underline-offset:5px}
@media(max-width:1100px){.pain-grid{gap:27px}.pain-grid h3{font-size:20px}.training-stats b{font-size:90px}}
@media(max-width:900px){
.discovery-lp .customer-pains{padding:63px 0 18px}.pain-grid{grid-template-columns:1fr;gap:27px;margin-top:28px}.pain-grid article{padding-top:16px}.pain-grid h3{font-size:23px;margin-top:10px;line-height:1.65}.pain-grid p{font-size:13px;margin-top:12px}
.discovery-lp .training-proof{padding:63px 0 49px}.training-proof .h2{font-size:29px;line-height:1.6}.training-stats{gap:28px;margin-top:32px}.training-stats>div>span{font-size:12px}.training-stats p{display:block;margin-top:6px}.training-stats b{font-size:58px;display:block;line-height:1.2}.training-stats p>span{font-size:16px}
.training-example{display:block;margin-top:33px;padding:28px 0}.training-company img{width:225px}.training-company h3{font-size:15px;margin-top:28px}.training-story p{font-size:14px;margin-top:25px}.training-example-link{font-size:12px;margin-top:21px}
}
