/* 視点設計型覆面調査 — page-only styles */
.pdm-page { --pdm-navy:#17364b; --pdm-ink:#183747; --pdm-blue:#001961; --pdm-muted:#526572; --pdm-line:#d9e2e8; color:var(--pdm-ink); letter-spacing:.045em; }
.pdm-page .inner { max-width:1100px; padding-left:28px; padding-right:28px; }
.pdm-mv { background-color:var(--pdm-navy); }
.pdm-mv .inner { min-height:420px; height:auto; padding-top:210px; padding-bottom:110px; }
.pdm-mv .under-title small { display:block; margin-bottom:24px; font-size:12px; letter-spacing:.14em; line-height:1.8; overflow-wrap:anywhere; }
.pdm-mv .under-title h1 { font-size:clamp(28px,3.4vw,44px); line-height:1.55; letter-spacing:.07em; }
.pdm-mv .bread-list { left:28px; right:28px; }
.pdm-mv .bread-list__inner { font-size:12px; line-height:1.9; gap:6px 16px; }
.pdm-mv .bread-list li+li::before { content:'›'; margin-right:16px; opacity:.6; }
.pdm-intro,.pdm-section { padding:88px 0; scroll-margin-top:160px; }
.pdm-intro h2 { margin-bottom:38px; font-size:clamp(27px,3vw,38px); font-weight:700; line-height:1.7; }
.pdm-copy { max-width:840px; }
.pdm-page p { font-size:16px; line-height:2.1; overflow-wrap:anywhere; }
.pdm-copy p+p { margin-top:16px; }
.pdm-heading { margin-bottom:38px; }
.pdm-heading>span { display:block; margin-bottom:18px; color:#607f90; font-size:12px; font-weight:600; letter-spacing:.13em; line-height:1.8; }
.pdm-heading h2 { font-size:clamp(26px,2.8vw,34px); font-weight:700; line-height:1.65; letter-spacing:.04em; }
.pdm-section--tint { background:#f3f7f9; }
.pdm-section--dark { background:var(--pdm-navy); color:#fff; }
.pdm-section--dark .pdm-heading>span { color:#a7cedf; }
.pdm-cards,.pdm-related { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.pdm-copy+.pdm-cards { margin-top:36px; }
.pdm-card { min-width:0; padding:30px; border-top:3px solid #7197ac; background:#f3f7f9; }
.pdm-section--tint .pdm-card { background:#fff; }
.pdm-card h3 { margin-bottom:20px; font-size:20px; line-height:1.7; font-weight:700; }
.pdm-card p { font-size:15px; line-height:2; }
.pdm-card p+p { margin-top:10px; }
#perspective-examples .pdm-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
#evidence-to-judgment .pdm-cards { grid-template-columns:repeat(3,minmax(0,1fr)); }
.pdm-note { margin-top:32px; padding:26px 30px; border-left:3px solid #7197ac; background:#e8f0f4; }
.pdm-steps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1px; border:1px solid var(--pdm-line); background:var(--pdm-line); list-style:none; }
.pdm-step { display:flex; align-items:flex-start; gap:22px; min-width:0; padding:30px; background:#fff; }
.pdm-step>div { min-width:0; }
.pdm-step-number { font-size:13px; color:#607f90; padding-top:5px; flex:none; }
.pdm-step h3 { font-size:21px; line-height:1.6; font-weight:600; margin-bottom:16px; }
.pdm-step p { font-size:15px; }
.pdm-section--dark .pdm-steps { border-color:#496679; background:#496679; }
.pdm-section--dark .pdm-step { background:#244456; }
.pdm-section--dark .pdm-step-number { color:#a7cedf; }
.pdm-button { display:inline-flex; justify-content:center; align-items:center; max-width:100%; margin-top:38px; padding:18px 28px; background:var(--pdm-blue); border:1px solid var(--pdm-blue); border-radius:32px; color:#fff; font-size:15px; line-height:1.9; font-weight:600; text-align:center; }
.pdm-button--light { background:#fff; border-color:#fff; color:var(--pdm-navy); }
.pdm-related-link { display:block; transition:background .2s; }
.pdm-related-link:hover { opacity:1; background:#e6eff4; }
.pdm-page a:focus-visible,.pdm-page summary:focus-visible { outline:3px solid #c6545a; outline-offset:5px; }
.pdm-faq { border-top:1px solid var(--pdm-line); }
.pdm-faq-item { border-bottom:1px solid var(--pdm-line); background:#fff; }
.pdm-faq-item summary { position:relative; padding:26px 64px 26px 26px; font-size:18px; line-height:1.85; font-weight:600; cursor:pointer; list-style:none; }
.pdm-faq-item summary::-webkit-details-marker { display:none; }
.pdm-faq-item summary::after { content:'+'; position:absolute; top:24px; right:26px; font-size:24px; font-weight:400; }
.pdm-faq-item[open] summary::after { content:'−'; }
.pdm-faq-item .pdm-copy { padding:0 26px 28px; }
@media (max-width:1100px) {
  #perspective-examples .pdm-cards,#evidence-to-judgment .pdm-cards { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:768px) {
  .pdm-page .inner { padding-left:24px; padding-right:24px; }
  .pdm-mv .inner { min-height:340px; padding-top:130px; padding-bottom:105px; }
  .pdm-mv .bread-list { left:24px; right:24px; }
  .pdm-intro,.pdm-section { padding:58px 0; scroll-margin-top:75px; }
  .pdm-heading { margin-bottom:28px; }
  .pdm-cards,.pdm-related,#perspective-examples .pdm-cards,#evidence-to-judgment .pdm-cards { grid-template-columns:1fr; gap:18px; }
  .pdm-steps { grid-template-columns:1fr; }
  .pdm-card,.pdm-step { padding:25px; }
  .pdm-page p { font-size:15px; line-height:2; }
  .pdm-button { font-size:14px; padding:16px 22px; }
  .pdm-note { padding:23px; }
  .pdm-faq-item summary { padding:22px 50px 22px 22px; font-size:16px; }
  .pdm-faq-item summary::after { top:18px; right:20px; }
}