/* TRADE CAMP BIZ：ログイン・コースのトップ・ページ内テスト（tc.css の色・書体を使う） */
.bar .in>.menu+.menu{margin-left:-4px}
.state{max-width:640px;margin:60px auto;text-align:center;display:grid;gap:14px;color:var(--sub)}

/* ログイン */
.login-page{background:var(--tint)}
.login-wrap{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;padding-top:32px;padding-bottom:32px}
.login-card{width:min(420px,100%);background:var(--bg);border:1px solid var(--hair);border-top:6px solid var(--navy);border-radius:20px;padding:28px 24px 22px}
.logo.big{font-size:22px;text-align:center}
.login-lead{text-align:center;color:var(--sub);font-size:13px;margin:2px 0 18px}
#login{display:grid;gap:12px}
#login label{display:grid;gap:4px;font-size:13px;font-weight:700;color:var(--navy)}
#login input:not([type=checkbox]){font:inherit;font-size:16px;font-weight:500;color:var(--ink);border:1px solid #cfd8e1;border-radius:10px;padding:10px 12px;width:100%}
#login input:focus{outline:3px solid var(--skysoft);border-color:var(--sky)}
#login .keep{display:flex;gap:8px;align-items:center;font-weight:500;color:var(--ink)}
#login .keep input{width:18px;height:18px;accent-color:var(--blue)}
.keep-note{font-size:12px;color:var(--sub);margin:-8px 0 0 26px}
#login .go{justify-self:stretch;margin-top:4px}
.login-msg{min-height:1.5em;font-size:13.5px;color:var(--red);line-height:1.6}
.login-help{font-size:12px;color:var(--sub);border-top:1px dashed var(--hair);padding-top:12px;margin-top:6px;line-height:1.7}
.login-nyan{display:flex;align-items:center;gap:10px;font-family:var(--f-head);font-weight:700;color:var(--navy);font-size:14px;line-height:1.5}
.login-nyan img{width:56px;height:56px;border-radius:50%;background:#fff;object-fit:cover;border:2px solid var(--hair)}

/* コースのトップ */
.home{padding-top:28px;padding-bottom:60px}
#who{font-size:12.5px;color:var(--sub)}
.course+.course{margin-top:40px}
.c-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 16px}
.c-head h2{font-size:24px;color:var(--navy)}
.c-count{font-size:14px;color:var(--sub)}
.c-count b{font-family:var(--f-num);font-size:22px;color:var(--navy)}
.c-bar{height:10px;border-radius:999px;background:var(--tint);margin:10px 0 22px;overflow:hidden}
.c-bar i{display:block;height:100%;background:var(--green);border-radius:999px}
.c-lessons{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
@media (max-width:720px){.c-lessons{grid-template-columns:minmax(0,1fr)}}
.c-lessons>li{border:1px solid var(--hair);border-radius:16px;padding:14px 16px}
.l-head{display:flex;gap:10px;align-items:baseline;margin-bottom:6px}
.l-head .n{font-family:var(--f-num);font-weight:800;color:var(--orange);font-size:15px}
.l-head b{font-family:var(--f-head);font-size:17px;color:var(--navy)}
.c-lessons ul{list-style:none;margin:0;padding:0}
.c-lessons ul li{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:6px 0;border-top:1px dashed var(--hair);font-size:14px;line-height:1.6}
.c-lessons a{color:var(--blue);text-decoration:none}
.c-lessons a:hover{text-decoration:underline}
.c-lessons .off{color:#9aa6b2}
.t-ok{background:var(--greensoft);color:var(--green)}
.t-try{background:#fdf1e0;color:var(--orange);font-family:var(--f-num)}
.t-soon{background:var(--tint);color:#9aa6b2}

/* ページ内のテスト */
.quiz{border-top:2px solid var(--navy);padding:22px 20px 24px;display:grid;gap:16px;background:var(--tint)}
.qq{border:1px solid var(--hair);border-radius:14px;background:var(--bg);margin:0;padding:14px 16px 12px;display:grid;gap:6px}
.qq legend{float:left;width:100%;font-family:var(--f-head);font-weight:700;font-size:16px;line-height:1.7;margin-bottom:6px;white-space:pre-line;padding:0}
.qq .qn{display:inline-block;background:var(--navy);color:#fff;font-family:var(--f-num);font-size:12px;border-radius:999px;padding:0 10px;margin-right:8px;vertical-align:2px}
.qq .multi{display:block;font-style:normal;font-family:var(--f-body);font-weight:500;font-size:12px;color:var(--orange)}
.ch{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--hair);border-radius:10px;padding:8px 12px;font-size:14.5px;line-height:1.7;cursor:pointer}
.ch input{margin-top:6px;accent-color:var(--blue);flex:none}
.ch:has(input:checked){border-color:var(--blue);background:var(--skysoft)}
.qq.ok{border-color:var(--green)}
.qq.ng{border-color:var(--red)}
.qq .ex{font-size:13.5px;line-height:1.8;white-space:pre-line;margin-top:4px}
.okc{color:var(--green)}
.ngc{color:var(--red)}
.q-act{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:center}
.q-msg{font-size:14px}