/* Webパートナー実践講座のブランド「LISTEN」：聞く力 × Web。ブルーとネイビー、ピンクの吹き出し、丸い見出し、ブラウザの枠。
   AIドライブ（暖色・道路）とも、FirstStage全体（コーラル・ミント）とも見分けがつくようにする。
   web-partner-lp.css などの後に読む。ページ内の <style>（.reader-first ...）より強くするため、.partner-body から書く。 */
.partner-body{--lp-ink:#14213d;--lp-muted:#55607a;--lp-red:#1f6feb;--lp-coral:#ff6b81;--lp-cream:#f7faff;--lp-peach:#fff0f3;--lp-yellow:#ffd6de;--lp-olive:#e3efff;--lp-line:#d6e1f0;--wp-round:"M PLUS Rounded 1c","Noto Sans JP",sans-serif;--wp-blue:#1f6feb;--wp-blue-d:#1554c0;--wp-pink:#ff6b81;--wp-pink-text:#c9305a;--wp-sky:#eef5ff;--wp-shadow:0 14px 34px -18px rgba(20,33,61,.35)}
.partner-body a:focus-visible,.partner-body summary:focus-visible,.partner-body button:focus-visible{outline-color:var(--wp-blue)}

/* ヘッダー */
.partner-body .lp-header{background:#fffffff2;border-bottom:1px solid var(--lp-line)}
.partner-body .lp-header-cta{background:var(--wp-blue);color:#fff;border-radius:999px;font-weight:800;box-shadow:0 8px 18px -10px rgba(31,111,235,.8)}
.partner-body .lp-header-cta:hover{background:var(--wp-blue-d)}

/* 丸い見出し */
.partner-body .reader-first .lp-hero h1,.partner-body .reader-first .lp-section h2,.partner-body .reader-first .lp-radio-copy h2{font-family:var(--wp-round);font-weight:800;letter-spacing:.01em;line-height:1.5;color:var(--lp-ink)}
.partner-body .reader-first .lp-hero h1{font-size:clamp(32px,6vw,52px)}
.partner-body .reader-first .lp-hero h1 .lp-red{color:var(--wp-blue);background:linear-gradient(transparent 72%,#ffd6de 72%)}
.partner-body .reader-first h3{font-family:var(--wp-round);font-weight:800}
.partner-body .lp-marker{background:linear-gradient(transparent 62%,#ffd6de 62%)}

/* 吹き出しのラベル */
.partner-body .reader-first .lp-label{display:inline-block;position:relative;font-weight:800;font-family:var(--wp-round);color:#fff;background:var(--lp-ink);border-radius:16px 16px 16px 4px;padding:5px 16px;letter-spacing:.04em}
.partner-body .lp-kicker{display:inline-block;font-family:var(--wp-round);font-weight:800;color:var(--wp-pink-text);background:#fff;border:2px solid #ffd6de;border-radius:16px 16px 4px 16px;padding:4px 14px}

/* ファーストビュー：空色の地に、話している吹き出し */
.partner-body .lp-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#e7f1ff 0%,var(--lp-cream) 100%);border-bottom:1px solid var(--lp-line)}
.partner-body .lp-hero:before,.partner-body .lp-hero:after{content:'';position:absolute;pointer-events:none;border-radius:50% 50% 50% 8px}
.partner-body .lp-hero:before{width:220px;height:150px;right:-40px;top:40px;background:#ffd6de}
.partner-body .lp-hero:after{width:150px;height:104px;right:150px;top:150px;background:#cfe3ff;border-radius:50% 50% 8px 50%}
.partner-body .lp-hero .lp-wrap{position:relative;z-index:1}
.partner-body .reader-first .lp-hero-lead{font-weight:700;color:var(--lp-ink)}
.partner-body .lp-hero-offer strong{font-family:var(--wp-round);font-weight:800;color:var(--lp-ink)}

/* ボタン */
.partner-body .reader-first .lp-button{background:var(--wp-blue);color:#fff;border-radius:999px;font-weight:800;box-shadow:0 12px 24px -12px rgba(31,111,235,.9);transition:transform .15s,background .15s}
.partner-body .reader-first .lp-button:hover{background:var(--wp-blue-d);transform:translateY(-2px)}

/* お知らせ・特典の枠（緑をやめる） */
.partner-body .lp-gift-unavailable,.partner-body .lp-alumni-hero,.partner-body .lp-alumni-offer,.partner-body--entry .lp-alumni-entry{background:var(--wp-sky);border:1px solid #bcd3f5;border-radius:14px}
.partner-body .lp-alumni-offer .lp-alumni-tag,.partner-body .lp-alumni-price strong{color:var(--wp-blue-d)}
.partner-body .lp-experiences>div:nth-child(3),.partner-body .lp-platform-cards article:last-child,.partner-body .lp-ai-table tbody tr:first-child th,.partner-body .lp-ai-total,.partner-body .lp-value-concern-grid article:last-child{background:var(--wp-sky)}
.partner-body .lp-platform-cards article:last-child,.partner-body .lp-copy-pair article:last-child{border-top-color:var(--wp-blue)}
.partner-body .lp-plan-recommended{color:var(--wp-blue-d);border-bottom-color:var(--wp-blue)}

/* 章ごとの地の色 */
.partner-body .reader-first #bansou,.partner-body .reader-first #support,.partner-body .reader-first #faq{background:var(--wp-sky)}
.partner-body .reader-first #teachers{background:var(--lp-peach)}

/* 例：聞き取り前と後を、会話の吹き出しで */
.partner-body .reader-first .reader-example{background:transparent;border:0;padding:0}
.partner-body .reader-first .reader-example dt{font-family:var(--wp-round);font-weight:800;color:var(--lp-muted);margin-top:10px}
.partner-body .reader-first .reader-example dd{background:#fff;border-radius:18px 18px 18px 4px;padding:14px 18px;box-shadow:var(--wp-shadow);margin:6px 0 14px}
.partner-body .reader-first .reader-example dd:last-of-type{background:var(--wp-blue);color:#fff;border-radius:18px 18px 4px 18px;margin-left:12%}
.partner-body .reader-first .reader-example dd:last-of-type p{color:#fff}

/* 手順・成果物 */
.partner-body .reader-first .reader-steps{list-style:none;counter-reset:wpstep;padding-left:0}
.partner-body .reader-first .reader-steps li{counter-increment:wpstep;position:relative;padding:18px 20px 18px 72px;background:#fff;border-radius:18px;box-shadow:var(--wp-shadow)}
.partner-body .reader-first .reader-steps li:before{content:counter(wpstep);position:absolute;left:18px;top:18px;width:38px;height:38px;border-radius:50%;background:var(--wp-blue);color:#fff;display:grid;place-items:center;font-family:var(--wp-round);font-weight:800;font-size:18px}
.partner-body .reader-first .reader-outputs{list-style:none;padding-left:0;counter-reset:wpout}
.partner-body .reader-first .reader-outputs li{counter-increment:wpout;position:relative;padding:16px 20px 16px 72px;background:#fff;border-radius:18px;box-shadow:var(--wp-shadow)}
.partner-body .reader-first .reader-outputs li:before{content:'0' counter(wpout);position:absolute;left:18px;top:14px;font-family:var(--wp-round);font-weight:800;font-size:24px;color:var(--wp-pink-text)}

/* ブラウザの枠に入れた写真・講師 */
.partner-body .reader-first .reader-figure{background:#fff;border-radius:16px;padding:32px 10px 10px;box-shadow:var(--wp-shadow);position:relative}
.partner-body .reader-first .reader-figure:before{content:'';position:absolute;left:16px;top:12px;width:44px;height:10px;background:radial-gradient(circle,#ff6b81 4px,transparent 4.5px) 0 0/15px 10px repeat-x}
.partner-body .reader-first .reader-figure img{border-radius:10px}
.partner-body .reader-first .reader-instructors article{background:#fff;border-radius:20px;padding:22px;box-shadow:var(--wp-shadow)}
.partner-body .reader-first .reader-instructors img{border:4px solid #fff;outline:3px solid #cfe3ff;border-radius:50%;background:var(--wp-sky)}

/* 受講料 */
.partner-body .reader-first .lp-price-card{background:#fff;border:2px solid var(--lp-ink);border-radius:22px;box-shadow:var(--wp-shadow)}
.partner-body .reader-first .lp-price strong{font-family:var(--wp-round);font-weight:800;color:var(--lp-ink)}
.partner-body .reader-first .lp-ai-cost{border:2px dashed #bcd3f5;border-radius:16px;background:var(--wp-sky)}

/* 詳しく・よくある質問 */
.partner-body .reader-first details{background:#fff;border:1px solid var(--lp-line);border-radius:16px;padding:14px 20px;margin-bottom:12px}
.partner-body .reader-first details summary{font-weight:800;color:var(--lp-ink)}

/* 最後の呼びかけ（ネイビー） */
.partner-body .reader-first .lp-trial{background:var(--lp-ink);color:#fff}
.partner-body .reader-first .lp-trial h2,.partner-body .reader-first .lp-trial p,.partner-body .reader-first .lp-trial .lp-micro{color:#fff}
.partner-body .reader-first .lp-trial .lp-label{background:var(--wp-pink);color:var(--lp-ink)}
.partner-body .reader-first .lp-trial .lp-button{background:var(--wp-pink);color:var(--lp-ink);box-shadow:none}
.partner-body .reader-first .lp-trial .lp-button:hover{background:#fff}
.partner-body .reader-first .lp-trial a:not(.lp-button){color:#fff}

/* スマホ下の申込帯 */
.partner-body .lp-mobile-cta{border-top:1px solid var(--lp-line)}
.partner-body .lp-mobile-cta a{background:var(--wp-blue);color:#fff;border-radius:999px;font-weight:800}

@media(max-width:720px){
.partner-body .reader-first .lp-hero h1{font-size:29px}
.partner-body .reader-first .lp-section h2{font-size:25px}
.partner-body .lp-hero:before{width:150px;height:100px;right:-50px;top:20px}
.partner-body .lp-hero:after{display:none}
.partner-body .reader-first .reader-steps li{padding:16px 16px 16px 62px}
.partner-body .reader-first .reader-steps li:before{left:14px;width:34px;height:34px;font-size:16px}
.partner-body .reader-first .reader-outputs li{padding:14px 16px 14px 62px}
.partner-body .reader-first .reader-outputs li:before{left:14px;font-size:21px}
.partner-body .reader-first .reader-example dd:last-of-type{margin-left:6%}
}
@media(prefers-reduced-motion:reduce){.partner-body .reader-first .lp-button{transition:none}.partner-body .reader-first .lp-button:hover{transform:none}}