/* Approved 09 PC v1 / SP v3. Styles are isolated to this section. */
[data-page-id="S13"] .cs-page-plans {
  --cpp-ink:#071f49; --cpp-teal:#008da0;
  padding:clamp(24px,1.8vw,28px) 0 24px;
  background:#faf9f6 url('/assets/generated/cram-school-service-content-20260831/paper-v1.webp') center / 768px 512px repeat;
  color:var(--cpp-ink);
  font-family:"Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;
  -webkit-text-size-adjust:100%;
}
[data-page-id="S13"] .cs-page-plans * {box-sizing:border-box}
[data-page-id="S13"] .cs-page-plans .cpp-wrap {width:93.75%;max-width:1440px;margin:auto}
[data-page-id="S13"] .cs-page-plans .cpp-heading {text-align:center;margin:0 0 clamp(22px,1.55vw,24px)}
[data-page-id="S13"] .cs-page-plans h2 {margin:0;padding:0;max-width:none;color:var(--cpp-ink);font:800 clamp(38px,3.78vw,58px)/1.3 "Yu Gothic","Hiragino Kaku Gothic ProN",Meiryo,sans-serif;letter-spacing:.035em;scroll-margin-top:110px}
[data-page-id="S13"] .cs-page-plans h2::after {display:none}
[data-page-id="S13"] .cs-page-plans .cpp-title-line {display:block}
[data-page-id="S13"] .cs-page-plans .cpp-title-part {white-space:nowrap}
[data-page-id="S13"] .cs-page-plans .cpp-rule {display:block;width:62px;height:6px;background:var(--cpp-teal);border-radius:3px;margin:14px auto 16px}
[data-page-id="S13"] .cs-page-plans .cpp-heading p {margin:0;color:var(--cpp-ink);font-size:clamp(17px,1.5vw,23px);font-weight:600;line-height:1.7;letter-spacing:.025em}
[data-page-id="S13"] .cs-page-plans .cpp-intro-final {display:block}
[data-page-id="S13"] .cs-page-plans .cpp-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,1.7vw,26px)}
[data-page-id="S13"] .cs-page-plans .cpp-card {min-width:0;margin:0;padding:26px 0 22px;border:1px solid #38a0af;border-radius:12px;background:rgb(255 255 255 / 18%);box-shadow:2px 4px 7px rgb(7 31 73 / 6%);display:flex;flex-direction:column}
[data-page-id="S13"] .cs-page-plans .cpp-card-heading {padding:0 14px;text-align:center}
[data-page-id="S13"] .cs-page-plans h3 {margin:0;padding:0;color:var(--cpp-ink);font-family:inherit;font-size:clamp(23px,2.04vw,31.5px);font-weight:800;line-height:1.4;letter-spacing:.015em;scroll-margin-top:110px}
[data-page-id="S13"] .cs-page-plans h3 span {display:block;white-space:nowrap}
[data-page-id="S13"] .cs-page-plans .cpp-count {margin:12px 0 8px;color:#007b8d;font-size:clamp(17px,1.4vw,21px);font-weight:700;line-height:1.5;letter-spacing:.04em}
[data-page-id="S13"] .cs-page-plans .cpp-example {display:block;margin:0;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;border:0;mix-blend-mode:multiply}
[data-page-id="S13"] .cs-page-plans .cpp-body {margin:8px 0 0;padding:0 clamp(20px,1.7vw,26px);font-size:clamp(16px,1.17vw,18px);font-weight:600;line-height:1.7;color:var(--cpp-ink);letter-spacing:.015em}
[data-page-id="S13"] .cs-page-plans .cpp-phrase {white-space:nowrap}
[data-page-id="S13"] .cs-page-plans .cpp-notes {margin:18px 0 0;text-align:center}
[data-page-id="S13"] .cs-page-plans .cpp-notes p {margin:0;color:var(--cpp-ink);font-size:clamp(13px,1.02vw,15.5px);line-height:1.65;font-weight:500}
@media(min-width:721px) and (max-width:1100px) {
 [data-page-id="S13"] .cs-page-plans h3 {font-size:20px}
 [data-page-id="S13"] .cs-page-plans .cpp-body {padding:0 16px;font-size:15px}
 [data-page-id="S13"] .cs-page-plans .cpp-grid {gap:16px}
}
@media(max-width:720px) {
 [data-page-id="S13"] .cs-page-plans {padding:15px 0 22px}
 [data-page-id="S13"] .cs-page-plans .cpp-wrap {width:calc(100% - 48px);max-width:540px}
 [data-page-id="S13"] .cs-page-plans .cpp-heading {text-align:left;margin-bottom:14px}
 [data-page-id="S13"] .cs-page-plans h2 {font-size:clamp(26px,7vw,38px);line-height:1.22;letter-spacing:.01em;scroll-margin-top:88px}
 [data-page-id="S13"] .cs-page-plans .cpp-title-part {display:block}
 [data-page-id="S13"] .cs-page-plans .cpp-rule {width:62px;height:4px;border-radius:0;margin:14px 0 14px}
 [data-page-id="S13"] .cs-page-plans .cpp-heading p {font-size:clamp(15.5px,4.05vw,20px);font-weight:700;line-height:1.45;letter-spacing:0}
 [data-page-id="S13"] .cs-page-plans .cpp-intro-sentence,[data-page-id="S13"] .cs-page-plans .cpp-intro-final>span {display:block}
 [data-page-id="S13"] .cs-page-plans .cpp-grid {grid-template-columns:minmax(0,1fr);gap:9px}
 [data-page-id="S13"] .cs-page-plans .cpp-card {padding:11px 13px 12px;border-radius:9px;box-shadow:none}
 [data-page-id="S13"] .cs-page-plans .cpp-card-heading {padding:0;text-align:left}
 [data-page-id="S13"] .cs-page-plans h3 {font-size:clamp(18px,4.85vw,24px);border-left:4px solid var(--cpp-teal);padding-left:12px;line-height:1.22;letter-spacing:0;scroll-margin-top:88px}
 [data-page-id="S13"] .cs-page-plans .cpp-count {font-size:clamp(16px,4.3vw,21px);line-height:1.25;margin:6px 0 2px;letter-spacing:0}
 [data-page-id="S13"] .cs-page-plans .cpp-example {display:none}
 [data-page-id="S13"] .cs-page-plans .cpp-body {padding:0;margin:0;font-size:clamp(15px,3.95vw,19px);font-weight:700;line-height:1.3;letter-spacing:0}
 [data-page-id="S13"] .cs-page-plans .cpp-body-line {display:block}
 [data-page-id="S13"] .cs-page-plans .cpp-notes {text-align:left;margin-top:9px}
 [data-page-id="S13"] .cs-page-plans .cpp-notes p {font-size:12px;line-height:1.5;padding-left:1em;text-indent:-1em;margin-bottom:3px}
 [data-page-id="S13"] .cs-page-plans .cpp-notes span {display:block}
}