/* Approved PC v1 / SP v5 comp. Only this section is in scope. */
[data-page-id="S13"] .cs-service-content {
  --csc-ink: #071f49;
  --csc-teal: #029aaa;
  padding: clamp(20px, 1.6vw, 26px) 0 clamp(40px, 3.4vw, 56px);
  background: #faf9f6 url('/assets/generated/cram-school-service-content-20260831/paper-v1.webp') center / 768px 512px repeat;
  color: var(--csc-ink);
  font-family: "Yu Gothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
  -webkit-text-size-adjust: 100%;
}
[data-page-id="S13"] .cs-service-content * { box-sizing: border-box; }
[data-page-id="S13"] .cs-service-content .csc-wrap { width: calc(100% - 7.4%); max-width: 1424px; margin: 0 auto; }
[data-page-id="S13"] .cs-service-content .csc-heading { margin: 0 0 clamp(24px, 1.9vw, 30px); text-align: center; }
[data-page-id="S13"] .cs-service-content h2 {
  margin: 0; padding: 0; max-width: none;
  color: var(--csc-ink); font-family: inherit;
  font-size: clamp(32px, 3.65vw, 56px); font-weight: 800; line-height: 1.42; letter-spacing: 0;
  scroll-margin-top: 118px;
}
[data-page-id="S13"] .cs-service-content h2::after { display: none; }
[data-page-id="S13"] .cs-service-content .csc-title-line { display: block; }
[data-page-id="S13"] .cs-service-content .csc-phrase { display: inline; white-space: nowrap; }
[data-page-id="S13"] .cs-service-content .csc-rule { display: block; width: clamp(52px, 4.7vw, 72px); height: 6px; margin: clamp(16px, 1.25vw, 20px) auto clamp(18px, 1.25vw, 20px); background: var(--csc-teal); border-radius: 3px; }
[data-page-id="S13"] .cs-service-content .csc-heading p { margin: 0; padding: 0; color: var(--csc-ink); font-size: clamp(17px, 1.45vw, 22px); font-weight: 700; line-height: 1.8; letter-spacing: 0; }
[data-page-id="S13"] .cs-service-content .csc-intro-line { display: block; }
[data-page-id="S13"] .cs-service-content .csc-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 1.75vw, 28px); align-items: stretch; }
[data-page-id="S13"] .cs-service-content .csc-card { margin: 0; padding: 0; overflow: hidden; border: 1px solid #36a4b2; border-radius: 13px; background: rgb(255 255 255 / 22%); box-shadow: 1px 4px 7px rgb(7 31 73 / 10%); }
[data-page-id="S13"] .cs-service-content .csc-illustration { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; margin: 0; border: 0; mix-blend-mode: multiply; }
[data-page-id="S13"] .cs-service-content .csc-card-copy { padding: clamp(10px, .8vw, 14px) clamp(18px, 1.55vw, 24px) clamp(24px, 1.9vw, 30px); }
[data-page-id="S13"] .cs-service-content h3 { margin: 0 0 clamp(14px, 1.2vw, 19px); color: var(--csc-ink); font-family: inherit; font-size: clamp(22px, 1.9vw, 30px); font-weight: 800; line-height: 1.45; letter-spacing: 0; }
[data-page-id="S13"] .cs-service-content .csc-card-title-line { display: block; white-space: nowrap; }
[data-page-id="S13"] .cs-service-content h3[id] { scroll-margin-top: 118px; }
[data-page-id="S13"] .cs-service-content .csc-card p { margin: 0; color: var(--csc-ink); font-size: clamp(16px, 1.18vw, 18px); font-weight: 600; line-height: 1.8; letter-spacing: 0; }
@media (min-width: 721px) and (max-width: 1100px) {
  [data-page-id="S13"] .cs-service-content .csc-card-title-line { display: inline; white-space: normal; }
  [data-page-id="S13"] .cs-service-content h3 { font-size: 20px; }
  [data-page-id="S13"] .cs-service-content .csc-grid { gap: 14px; }
  [data-page-id="S13"] .cs-service-content .csc-card-copy { padding: 10px 14px 24px; }
}
@media (max-width: 720px) {
  [data-page-id="S13"] .cs-service-content { padding: 14px 0 24px; }
  [data-page-id="S13"] .cs-service-content .csc-wrap { width: calc(100% - 48px); max-width: 540px; }
  [data-page-id="S13"] .cs-service-content .csc-heading { text-align: left; margin-bottom: 10px; }
  [data-page-id="S13"] .cs-service-content h2 { font-size: clamp(20px, 5.65vw, 32px); font-weight: 800; line-height: 1.5; scroll-margin-top: 88px; }
  [data-page-id="S13"] .cs-service-content .csc-title-line .csc-phrase { display: block; }
  [data-page-id="S13"] .cs-service-content .csc-rule { width: 58px; height: 4px; border-radius: 0; margin: 12px 0 14px; }
  [data-page-id="S13"] .cs-service-content .csc-heading p { font-size: clamp(17px, 4.55vw, 22px); font-weight: 700; line-height: 1.55; }
  [data-page-id="S13"] .cs-service-content .csc-intro-line { display: inline; }
  [data-page-id="S13"] .cs-service-content .csc-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  [data-page-id="S13"] .cs-service-content .csc-card { border: 1px solid var(--csc-teal); border-radius: 9px; box-shadow: none; background: rgb(255 255 255 / 24%); }
  [data-page-id="S13"] .cs-service-content .csc-illustration { display: none; }
  [data-page-id="S13"] .cs-service-content .csc-card-copy { padding: 15px 15px 14px; }
  [data-page-id="S13"] .cs-service-content h3 { border-left: 3px solid var(--csc-teal); padding-left: 11px; margin: 0 0 10px; font-size: clamp(16.5px, 4.4vw, 22px); font-weight: 800; line-height: 1.5; }
  [data-page-id="S13"] .cs-service-content .csc-card-title-line { display: inline; white-space: normal; }
  [data-page-id="S13"] .cs-service-content .csc-card p { font-size: clamp(15.5px, 4vw, 19px); font-weight: 700; line-height: 1.5; }
}