/* ===== 初回トップ 案A 磨き1（2026-10-17）— body.fp1。止め絵のみ（animation/@keyframes なし） ===== */
/* まなぶことば → はじめる */
.fp1 .ln1{display:flex;flex-direction:column;justify-content:center;gap:7px;padding:10px 12px 9px;border-radius:16px;background:rgba(5,12,32,.5);border:1.5px solid rgba(63,224,232,.32)}
.fp1 .ln1 .lpl{font-size:12px}
.fp1 .seg1{display:grid;grid-template-columns:1fr 1fr}
.fp1 .sg1{padding:6px 8px}
.fp1 .gs1{display:inline-flex;align-items:center;gap:4px;font-size:10.5px;font-weight:700;color:var(--ink-3);white-space:nowrap}
.fp1 .gs1 svg{width:11px;height:11px;flex:none;color:var(--accent)}
.fp1 .gs1 i{font-style:normal;opacity:.6}
.fp1 .lk1{display:grid;place-items:center;align-self:center;width:26px;height:26px;border-radius:50%;background:rgba(63,224,232,.16);border:1.5px solid var(--accent);box-shadow:0 0 10px rgba(63,224,232,.45)}
.fp1 .lk1 svg{width:14px;height:14px;color:var(--accent)}
/* 主ボタンの所要時間 */
.fp1 .btn.pri9 .pv1{display:inline-flex;align-items:center;gap:6px}
.fp1 .btn.pri9 .pv1 i{font-style:normal;opacity:.55}
.fp1 .eta1{display:inline-flex;align-items:center;gap:3px;font:900 12px/1 "Nunito","Noto Sans JP",sans-serif}
.fp1.lang-zh-TW .eta1{font-family:"Nunito","Noto Sans TC",sans-serif}
.fp1 .eta1 svg{width:13px;height:13px}
/* 進捗の行 */
.fp1 .fr1{font-size:12px;color:var(--ink-2)}
/* ---- PC ---- */
.fp1.d .dlg9.ta9.fa2{height:206px;left:130px;right:130px}
.fp1.d .fa2 .pg{gap:14px;padding:18px 24px 18px}
.fp1.d .fl1{display:grid;grid-template-columns:300px 26px 1fr 176px;gap:12px;align-items:stretch;height:104px}
.fp1.d .fl1 .btn.pri9{height:auto}
.fp1.d .sc1{display:flex;flex-direction:column;gap:8px}
.fp1.d .sc1 .btn.sec{height:auto;flex:1;font-size:14px;justify-content:flex-start;padding:0 12px}
.fp1.d .sc1 .btn.sec .key{margin-left:auto}
.fp1.d .btn.pri9 b{font-size:22px}
/* ---- スマホ ---- */
.fp1.m .ta9 .pg{gap:8px;padding:14px 14px 12px}
.fp1.m .lh1{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:-2px}
.fp1.m .lh1 .lpl{display:inline-flex;font-size:12px}
.fp1.m .lh1 .lpl svg{width:15px;height:15px}
.fp1.m .gs1{font-size:10px}
.fp1.m .sg1{padding:6px 6px}
.fp1.m .gw1{position:relative;margin-top:6px}
.fp1.m .gw1 .lk1{position:absolute;z-index:2;left:50%;top:-14px;transform:translateX(-50%) rotate(90deg);width:22px;height:22px;background:#0B1638}
.fp1.m .gw1 .lk1 svg{width:12px;height:12px}
.fp1.m .gw1 .btn.pri9{width:100%}
.fp1.m .pip1 i{width:15px;height:15px}
.fp1.m .fr1{font-size:11px}
/* --- 確認1回目の調整 --- */
/* PC: 主ボタンが大きくなった分、中の文字が小さく見えた → ラベル・ひとことを一段大きく */
.fp1.d .btn.pri9 b{font-size:26px}
.fp1.d .btn.pri9 small{font-size:12px}
.fp1.d .btn.pri9 .pv1{font-size:13.5px}
.fp1.d .eta1{font-size:13px}
/* スマホ: パネルが少し高くなり足元が隠れた → ロゴとキャラを少し上へ（吹き出しとタグラインは離したまま） */
.fp1.m .logo9.ta{top:52px}
.fp1.m .chara,.fp1.m .cb,.fp1.m .mk{translate:0 -66px}
.fp1.d .btn.pri9 b svg{width:22px;height:22px}