/* CTA components — lead-gen (集客) */
/* Announcement bar */
.ds-annbar{display:flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;font-family:var(--font-ui);font-weight:var(--fw-bold);font-size:13px;text-decoration:none;color:#fff;background:var(--cta)}
.ds-annbar--striped{background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.16) 0,rgba(255,255,255,.16) 11px,transparent 11px,transparent 22px)}
.ds-annbar--line{background:var(--line)}
.ds-annbar--brand{background:var(--brand)}
.ds-annbar__arrow{display:inline-flex;transition:transform var(--dur-fast) var(--ease-standard)}
.ds-annbar:hover .ds-annbar__arrow{transform:translateX(4px)}

/* CTA banner */
.ds-cta{position:relative;overflow:hidden;border-radius:var(--radius-panel);padding:34px 36px;display:flex;flex-direction:column;gap:14px}
.ds-cta--soft{background:var(--surface);border:1.5px solid var(--sky-400)}
.ds-cta--cta{background:linear-gradient(135deg,var(--sky-500),var(--sky-600));color:#fff}
.ds-cta--brand{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff}
.ds-cta--line{background:linear-gradient(135deg,var(--line-500),var(--line-600));color:#fff}
.ds-cta--center{align-items:center;text-align:center}
.ds-cta__eyebrow{font-family:var(--font-ui);font-weight:var(--fw-black);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--cta)}
.ds-cta__title{font-family:var(--font-heading);font-weight:var(--fw-black);font-size:clamp(20px,2.6vw,26px);line-height:1.5;color:var(--ink)}
.ds-cta__text{font-family:var(--font-body);font-size:14px;line-height:1.9;color:var(--text-secondary);max-width:620px}
.ds-cta__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:4px}
.ds-cta--center .ds-cta__actions{justify-content:center}
.ds-cta--cta .ds-cta__eyebrow,.ds-cta--brand .ds-cta__eyebrow,.ds-cta--line .ds-cta__eyebrow{color:rgba(255,255,255,.9)}
.ds-cta--cta .ds-cta__title,.ds-cta--brand .ds-cta__title,.ds-cta--line .ds-cta__title{color:#fff}
.ds-cta--cta .ds-cta__text,.ds-cta--brand .ds-cta__text,.ds-cta--line .ds-cta__text{color:rgba(255,255,255,.92)}
/* on filled tones, flip buttons to white-based for contrast */
.ds-cta--cta .ds-btn--lead,.ds-cta--brand .ds-btn--lead,.ds-cta--line .ds-btn--lead{background:#fff;color:var(--cta)}
.ds-cta--cta .ds-btn--lead:hover,.ds-cta--brand .ds-btn--lead:hover,.ds-cta--line .ds-btn--lead:hover{background:var(--sky-100)}
.ds-cta--cta .ds-btn--secondary,.ds-cta--brand .ds-btn--secondary,.ds-cta--line .ds-btn--secondary{background:transparent;border-color:#fff;color:#fff}
.ds-cta--cta .ds-btn--secondary:hover,.ds-cta--brand .ds-btn--secondary:hover,.ds-cta--line .ds-btn--secondary:hover{background:#fff;color:var(--ink)}

/* School CTA (スクール集客) */
.ds-scta{background:linear-gradient(135deg,var(--blue-500),var(--blue-700));color:#fff;border-radius:16px;overflow:hidden;position:relative}
.ds-scta::before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(-45deg,rgba(255,255,255,.07) 0,rgba(255,255,255,.07) 2px,transparent 2px,transparent 13px)}
.ds-scta--banner{display:flex;align-items:center;gap:28px;padding:30px 36px}
.ds-scta--banner .ds-scta__fig{flex:0 1 148px;max-width:148px;aspect-ratio:1;height:auto;background:rgba(255,255,255,.94);border-radius:50%;display:flex;align-items:center;justify-content:center;padding:16px;position:relative}
.ds-scta--card{padding:20px 18px 22px}
.ds-scta--card .ds-scta__fig{display:flex;align-items:center;justify-content:center;width:92px;height:92px;margin:0 auto 6px;background:rgba(255,255,255,.94);border-radius:50%;padding:10px;position:relative}
.ds-scta__fig img{width:100%;height:100%;object-fit:contain;display:block}
.ds-scta__bd{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}
.ds-scta--card .ds-scta__bd{text-align:center;align-items:center}
.ds-scta__kicker{font:800 12px/1.4 var(--font-ui);letter-spacing:.06em;opacity:.9}
.ds-scta__title{margin:0;font-family:var(--font-heading);font-weight:900;font-size:20px;line-height:1.5;text-wrap:pretty}
.ds-scta--card .ds-scta__title{font-size:16px}
.ds-scta__text{margin:0;font:500 13px/1.85 var(--font-body);opacity:.94;text-wrap:pretty}
.ds-scta--card .ds-scta__text{font-size:12px;line-height:1.75}
.ds-scta__btn{align-self:flex-start;margin-top:6px}
.ds-scta--card .ds-scta__btn{align-self:stretch;display:flex}
.ds-scta__note{font:700 11px/1.4 var(--font-ui);opacity:.78}
@media(max-width:680px){.ds-scta--banner{flex-direction:column;text-align:center;padding:26px 22px}.ds-scta--banner .ds-scta__bd{align-items:center}.ds-scta--banner .ds-scta__btn{align-self:center}}