/* 英語にがて克服ナビ（onepage.css・navi.css に上乗せ） */
:root{--navy:#0f3d5c;--accent:#e8590c;--accent-d:#c94a07;--nc:#1c7ed6;--nc-bg:#e7f5ff;--ss:#2b8a3e;--ss-bg:#ebfbee;--wt:#c2255c;--wt-bg:#fff0f6;--dc:#5f3dc4;--dc-bg:#f3f0ff}
.btn-nc{background:var(--nc);box-shadow:0 8px 18px rgba(28,126,214,.26)}.svc-nc{--c:var(--nc);--cb:var(--nc-bg)}
.btn-ss{background:var(--ss);box-shadow:0 8px 18px rgba(43,138,62,.26)}.svc-ss{--c:var(--ss);--cb:var(--ss-bg)}
.btn-wt{background:var(--wt);box-shadow:0 8px 18px rgba(194,37,92,.26)}.svc-wt{--c:var(--wt);--cb:var(--wt-bg)}
.btn-dc{background:var(--dc);box-shadow:0 8px 18px rgba(95,61,196,.26)}.svc-dc{--c:var(--dc);--cb:var(--dc-bg)}
.hero-in.solo{grid-template-columns:1fr;max-width:760px}
.hero{background:radial-gradient(900px 400px at 85% 0,#ffe8d6 0,transparent 70%),radial-gradient(700px 400px at 0 100%,#e3f0fb 0,transparent 70%)}
.post .prompt{margin:8px 0 16px;padding:14px 16px;border-radius:12px;background:#f4f7fb;border:1px dashed #9db4cc;font-size:15px;line-height:1.8}
.post .prompt::before{content:"プロンプト";display:block;font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--sub);margin-bottom:4px}
.hero-img img{object-position:72% 50%}
.btn-sp{background:#c92a2a;box-shadow:0 8px 18px rgba(201,42,42,.26)}.svc-sp{--c:#c92a2a;--cb:#fff5f5}