/* 相談チャット（/soudan/、2026-11-05）。組みは研修・講演ページの部品（training.css ＋ sos-course.css）に重ねる */
.schat-sec .trk-wrap{max-width:860px}
.schat [hidden]{display:none!important}
.schat .screen-reader-text,.schat-sec .screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* 最初の注意書き */
.schat-alert{border:2px solid var(--e-ink,#10131a);background:#fff8d6;padding:16px 20px;font-size:15px;line-height:1.8;margin-bottom:22px}
.schat-alert p{margin:0}
.schat-alert a{font-weight:700;color:inherit}

/* チャットの枠 */
.schat{border:1px solid #cfd5db;background:#fff;box-shadow:0 10px 30px rgba(16,19,26,.06)}
.schat-bar{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #e3e7eb;background:#f7f8fa}
.schat-bar button{font:inherit;font-size:14px;font-weight:700;border-radius:999px;padding:9px 16px;cursor:pointer;line-height:1.2}
.schat-now{border:2px solid #c2410c;background:#fff;color:#c2410c}
.schat-now[aria-expanded="true"]{background:#c2410c;color:#fff}
.schat-exit{border:1px solid #9aa3ad;background:#fff;color:#4b5563}
.schat-exit:hover{background:#eef1f4}

.schat-lines{padding:14px 18px 16px;border-bottom:1px solid #e3e7eb;background:#fff7f2}
.schat-lines p{margin:0 0 8px;font-weight:700}
.schat-lines ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.schat-lines li{display:grid;grid-template-columns:minmax(9em,auto) auto 1fr;gap:4px 14px;align-items:baseline;font-size:14px}
.schat-lines a{font-weight:800;font-size:17px;color:#c2410c;text-decoration:none;letter-spacing:.02em}
.schat-lines small{color:#5b6470;font-size:12.5px}
@media(max-width:600px){.schat-lines li{grid-template-columns:1fr auto}.schat-lines small{grid-column:1/-1}}

.schat-closed{padding:28px 22px;font-size:15px;line-height:1.9}
.schat-closed p{margin:0}

/* 入口 */
.schat-intake{padding:22px 22px 26px;display:grid;gap:14px;font-size:15px}
.schat-intake-lead{margin:0;font-weight:700}
.schat-intake-lead span{display:block;font-weight:400;font-size:13px;color:#5b6470}
.schat-intake label{display:grid;gap:6px;font-size:14px;color:#374151}
.schat-intake input,.schat-intake select{font:inherit;font-size:16px;padding:10px 12px;border:1px solid #c5ccd3;border-radius:6px;background:#fff;max-width:360px}
.schat-notes{list-style:disc;margin:4px 0 0;padding:12px 16px 12px 30px;background:#f5f7f9;font-size:13px;line-height:1.75;color:#4b5563}
.schat-start{justify-self:start;font:inherit;font-size:16px;font-weight:700;padding:13px 26px;border:0;border-radius:999px;background:var(--e-ink,#10131a);color:#fff;cursor:pointer}
.schat-start:hover{opacity:.88}

/* 会話 */
.schat-log{scroll-behavior:smooth;height:min(62vh,560px);overflow-y:auto;padding:18px 16px;display:flex;flex-direction:column;gap:12px;background:#fbfbfc}
.schat-msg{max-width:84%;font-size:15.5px;line-height:1.85}
.schat-msg p{margin:0;padding:11px 15px;border-radius:14px;word-break:break-word}
.schat-msg.is-bot{align-self:flex-start}
.schat-msg.is-bot p{background:#fff;border:1px solid #dfe4e9;border-top-left-radius:4px}
.schat-msg.is-user{align-self:flex-end}
.schat-msg.is-user p{background:#1d3557;color:#fff;border-top-right-radius:4px}
.schat-msg a{color:#c2410c;font-weight:700}
.schat-msg.is-user a{color:#fff}
.schat-msg.is-emergency p{border:2px solid #c2410c;background:#fff7f2}
.schat-msg.is-notice p{background:#f3f4f6;border:1px dashed #9aa3ad;color:#374151;font-size:14px}
.schat-typing p{display:flex;gap:5px;align-items:center;min-height:44px}
.schat-typing span{width:7px;height:7px;border-radius:50%;background:#9aa3ad;animation:schatDot 1.2s infinite ease-in-out}
.schat-typing span:nth-child(2){animation-delay:.15s}
.schat-typing span:nth-child(3){animation-delay:.3s}
@keyframes schatDot{0%,80%,100%{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.schat-typing span{animation:none;opacity:.6}}

.schat-form{display:flex;gap:10px;padding:12px;border-top:1px solid #e3e7eb;background:#fff}
.schat-form textarea{flex:1;font:inherit;font-size:16px;line-height:1.6;padding:10px 12px;border:1px solid #c5ccd3;border-radius:10px;resize:vertical;min-height:52px;max-height:200px}
.schat-form textarea:disabled{background:#f3f4f6}
.schat-send{font:inherit;font-size:15px;font-weight:700;padding:0 22px;border:0;border-radius:10px;background:var(--e-ink,#10131a);color:#fff;cursor:pointer}
.schat-send:disabled{opacity:.4;cursor:default}

/* このチャットについて */
.schat-about{margin-top:clamp(48px,6vw,72px)}
.schat-about dl{margin:0;display:grid;grid-template-columns:12em 1fr;border-top:1px solid #d8dde0}
.schat-about dt,.schat-about dd{margin:0;padding:16px 4px;border-bottom:1px solid #d8dde0;font-size:15px;line-height:1.85}
.schat-about dt{font-weight:700}
@media(max-width:700px){
  .schat-about dl{grid-template-columns:1fr}
  .schat-about dt{border-bottom:0;padding-bottom:0}
  .schat-msg{max-width:92%}
  .schat-log{height:min(64vh,520px);padding:14px 10px}
  .schat-bar button{font-size:13px;padding:8px 12px}
}