:root{--bg: #ffffff;--bg-soft: #f7f7f7;--card: #ffffff;--ink: #151515;--muted: #6e6e6e;--faint: #9d9d9d;--line: #e7e7e7;--dark: #161616;--accent: #171717;--accent-soft: #f1f1f1;--track: #ececec;--radius: 12px;--shadow: 0 1px 2px rgba(0, 0, 0, .03), 0 6px 20px rgba(0, 0, 0, .05);--shadow-lift: 0 2px 4px rgba(0, 0, 0, .05), 0 14px 38px rgba(0, 0, 0, .1);--sans: "Noto Sans JP", -apple-system, BlinkMacSystemFont, sans-serif;--serif: "Noto Serif JP", "Hiragino Mincho ProN", serif}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{font-family:var(--sans);background:var(--bg);color:var(--ink);line-height:1.9;font-size:16px;font-feature-settings:"palt"}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}::selection{background:#e8e8e8}.wrap{max-width:1080px;margin:0 auto;padding:0 20px}.wrap-narrow{max-width:880px;margin:0 auto;padding:0 20px}.site-head{position:sticky;top:0;z-index:50;background:#161616f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.site-head-in{max-width:1080px;margin:0 auto;padding:15px 20px;display:flex;align-items:center;gap:18px}.brand{font-weight:700;font-size:1rem;color:#fff;letter-spacing:.04em;display:flex;align-items:center;white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.head-nav{flex:none}.head-nav{margin-left:auto;display:flex;align-items:center;gap:4px}.head-nav a{font-size:.82rem;color:#b9b9b9;padding:6px 12px;border-radius:99px;transition:background .15s,color .15s}.head-nav a:hover{background:#ffffff1a;color:#fff}.head-nav a,.head-nav span{white-space:nowrap}.progress-pill{font-size:.76rem;color:#fff;background:#ffffff24;border:1px solid rgba(255,255,255,.18);padding:5px 13px;border-radius:99px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}@media(max-width:640px){.site-head-in{padding:12px 16px;gap:8px}.brand{font-size:.86rem;letter-spacing:0}.head-nav{gap:0}.head-nav a{padding:6px 7px;font-size:.76rem}.head-nav a[href="/"]{display:none}.progress-pill{font-size:.7rem;padding:4px 9px}}@media(max-width:420px){.brand{font-size:.8rem;display:block;line-height:1.35}.head-nav a{padding:5px;font-size:.72rem}.progress-pill{padding:3px 6px;font-size:.64rem}.site-head-in{padding:12px 10px;gap:4px}}.site-foot{border-top:1px solid var(--line);margin-top:96px;padding:44px 0 60px;text-align:center;color:var(--faint);font-size:.8rem}.hero{padding:72px 0 36px;text-align:center}.hero .overline{font-size:.7rem;letter-spacing:.34em;color:var(--faint);font-weight:600;text-transform:uppercase}.hero h1{font-family:var(--serif);font-size:clamp(1.8rem,4.4vw,2.7rem);font-weight:600;letter-spacing:.05em;margin:14px 0 16px;line-height:1.4}.hero .lead{color:var(--muted);font-size:.95rem;max-width:34em;margin:0 auto}.hero-illustrated{padding-top:clamp(16px,3vw,32px);padding-bottom:10px}.hero-illustrated h1{margin:0 0 24px;line-height:1}.hero-illustrated h1 img{display:block;width:100%;height:auto;border-radius:var(--radius)}.hero-progress{max-width:460px;margin:36px auto 0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 26px;box-shadow:var(--shadow);text-align:left}.hero-progress .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.hero-progress .label{font-size:.8rem;color:var(--muted);font-weight:600}.hero-progress .count{font-family:var(--serif);font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums}.bar{height:6px;background:var(--track);border-radius:99px;overflow:hidden}.bar>i{display:block;height:100%;width:0;background:var(--accent);border-radius:99px;transition:width .6s cubic-bezier(.22,1,.36,1)}.section{margin-top:64px}.section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:22px}.section-head h2{font-size:1.22rem;font-weight:700;letter-spacing:.04em}.section-head .en{font-size:.66rem;letter-spacing:.26em;color:var(--faint);font-weight:600;text-transform:uppercase}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:900px){.course-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.course-grid{grid-template-columns:1fr}}.course-card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease,border-color .18s}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lift);border-color:#d5d5d5}.course-card .thumb{aspect-ratio:1311 / 736;background:var(--bg-soft);overflow:hidden}.course-card .thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease}.course-card:hover .thumb img{transform:scale(1.025)}.course-card .thumb img.curriculum-image{object-fit:contain}.course-card:hover .thumb img.curriculum-image{transform:none}.course-card .cc-body{padding:18px 20px 20px;display:flex;flex-direction:column;gap:12px;flex:1}.course-card h3{font-size:1rem;font-weight:700;line-height:1.6;letter-spacing:.01em}.course-card .meta{display:flex;align-items:center;gap:10px;margin-top:auto}.course-card .meta .bar{flex:1}.course-card .meta .cnt{font-size:.74rem;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.course-card .cc-foot{display:flex;align-items:center;justify-content:space-between}.course-card .go{display:inline-block;background:var(--dark);color:#fff;font-size:.78rem;font-weight:700;padding:8px 20px;border-radius:8px;letter-spacing:.04em;transition:opacity .15s}.course-card:hover .go{opacity:.82}.course-card .pct{font-size:.76rem;color:var(--muted);font-variant-numeric:tabular-nums}.chip{display:inline-flex;align-items:center;font-size:.72rem;letter-spacing:.14em;font-weight:700;color:var(--ink);background:var(--accent-soft);border-radius:99px;padding:4px 12px}.crumbs{padding:28px 0 0;font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:8px}.crumbs a{color:var(--muted);border-bottom:1px solid transparent}.crumbs a:hover{color:var(--ink);border-color:var(--faint)}.crumbs .sep{color:var(--faint)}.course-hero{padding:30px 0 14px}.course-hero .num-line{display:flex;align-items:center;gap:12px;margin-bottom:12px}.course-hero h1{font-family:var(--serif);font-size:clamp(1.5rem,3.4vw,2.1rem);font-weight:600;line-height:1.5;margin-bottom:10px}.course-hero .desc{color:var(--muted);font-size:.92rem;max-width:40em}.course-hero .progress-line{display:flex;align-items:center;gap:14px;margin-top:22px;max-width:420px}.course-hero .progress-line .bar{flex:1}.course-hero .progress-line .count{font-size:.8rem;color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.lesson-list{margin-top:26px;display:flex;flex-direction:column;gap:10px;padding-bottom:20px}.lesson-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease,border-color .15s}.lesson-row:hover{transform:translate(3px);box-shadow:var(--shadow-lift);border-color:#d5d5d5}.lesson-row .check{flex:none;width:26px;height:26px;border-radius:50%;border:2px solid var(--line);display:grid;place-items:center;font-size:.72rem;color:transparent;transition:all .2s;background:#fff}.lesson-row.is-done .check{background:var(--dark);border-color:var(--dark);color:#fff}.lesson-row .no{flex:none;font-family:var(--serif);font-size:.86rem;color:var(--faint);width:2em;text-align:center;font-variant-numeric:tabular-nums}.lesson-row .lthumb{flex:none;width:104px;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:var(--bg-soft)}.lesson-row .lthumb img{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:640px){.lesson-row .lthumb{width:84px}}.lesson-row.is-done .no{color:var(--ink)}.lesson-row .t{flex:1;font-size:.94rem;font-weight:500;line-height:1.65}.lesson-row.is-done .t{color:var(--muted)}.lesson-row .vid{flex:none;font-size:.68rem;color:var(--faint);border:1px solid var(--line);padding:3px 9px;border-radius:99px;white-space:nowrap}.lesson-row .chev{flex:none;color:var(--faint);font-size:.85rem}.new-list{margin-top:18px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.new-row{display:flex;align-items:center;gap:9px;padding:9px 13px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);transition:background .12s ease}.new-row:last-of-type{border-bottom:0}.new-row:hover{background:var(--bg-soft)}.new-row[hidden]{display:none}.new-row .nbadge{flex:none;width:7px;height:7px;border-radius:50%;background:#c0392b;overflow:hidden;text-indent:-99px;padding:0}.new-row .nbadge[hidden]{display:block;visibility:hidden}.new-row .ctag{flex:none;font-size:.64rem;font-weight:700;color:var(--muted);background:var(--bg-soft);border:1px solid var(--line);border-radius:99px;padding:1px 8px;white-space:nowrap}.new-row .tt{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.84rem;line-height:1.6}.new-row.is-done .tt{color:var(--faint)}.new-row.is-done:after{content:"✓";order:5;color:var(--faint);font-size:.72rem}.new-row .date{flex:none;font-size:.7rem;color:var(--faint);font-variant-numeric:tabular-nums;white-space:nowrap}.new-more{display:block;width:100%;margin-top:8px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:8px 12px;font:inherit;font-size:.8rem;font-weight:700;color:var(--muted);cursor:pointer;transition:background .12s ease}.new-more:hover{background:var(--bg-soft);color:var(--ink)}#whatsnew.section{margin-top:34px}#whatsnew .section-head{margin-bottom:10px}.lesson-top{padding:26px 0 8px}.lesson-top .kicker{display:flex;align-items:center;gap:10px;font-size:.76rem;color:var(--muted);margin-bottom:8px}.lesson-top .kicker .pos{color:var(--ink);font-weight:700;font-variant-numeric:tabular-nums}.lesson-top h1{font-family:var(--serif);font-size:clamp(1.2rem,2.6vw,1.55rem);font-weight:600;line-height:1.6}.lesson-eyecatch{max-width:780px;margin:26px auto 30px}.lesson-eyecatch img{display:block;width:100%;height:auto;border-radius:16px;border:1px solid var(--line);box-shadow:var(--shadow)}.video-embed{position:relative;aspect-ratio:16 / 9;margin:26px 0;border-radius:12px;overflow:hidden;background:#0d0d0d;box-shadow:var(--shadow-lift)}.video-embed iframe,.video-embed video{position:absolute;inset:0;width:100%;height:100%;border:0}.video-cap{font-size:.8rem;color:#8a8578;text-align:center;margin:-16px 0 26px;letter-spacing:.02em}.video-embed.portrait{aspect-ratio:9 / 16;max-width:360px;margin-left:auto;margin-right:auto}.lesson-body{margin-top:10px}.lesson-body>.rich-text{max-width:780px;margin:0 auto}.rich-text p{margin:0 0 1em}.rich-text h2{font-family:var(--serif);font-size:1.25rem;margin:2em 0 .8em;line-height:1.6}.rich-text h3{font-size:1.05rem;margin:1.6em 0 .7em}.rich-text ul,.rich-text ol{padding-left:1.5em;margin:0 0 1em}.rich-text a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.content-image{max-width:780px;margin:28px auto;text-align:center}.content-image img{border-radius:12px;box-shadow:var(--shadow)}.content-btn{text-align:center;margin:26px 0}hr{border:0;border-top:1px solid var(--line);max-width:780px;margin:40px auto}.btn{display:inline-block;background:var(--dark);color:#fff;font-weight:600;font-size:.9rem;padding:12px 30px;border-radius:99px;border:0;cursor:pointer;transition:transform .15s,box-shadow .15s,opacity .15s;font-family:var(--sans)}.btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.done-zone{text-align:center;margin:56px 0 20px}.btn-done{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--ink);border:1.5px solid var(--line);font-size:.92rem;font-weight:600;padding:13px 34px;border-radius:99px;cursor:pointer;transition:all .2s;font-family:var(--sans);box-shadow:var(--shadow)}.btn-done .c{width:20px;height:20px;border-radius:50%;border:2px solid var(--faint);display:grid;place-items:center;font-size:.6rem;color:transparent;transition:all .2s}.btn-done:hover{border-color:var(--dark);transform:translateY(-2px)}.btn-done.is-done{background:var(--dark);border-color:var(--dark);color:#fff}.btn-done.is-done .c{border-color:#fff;background:#fff;color:var(--dark)}.done-zone .hint{font-size:.74rem;color:var(--faint);margin-top:10px}.pager{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:30px 0 10px}@media(max-width:640px){.pager{grid-template-columns:1fr}}.pager a{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px 20px;box-shadow:var(--shadow);display:block;transition:transform .15s,box-shadow .15s}.pager a:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift)}.pager .dir{font-size:.68rem;color:var(--faint);letter-spacing:.14em;font-weight:700}.pager .pt{font-size:.86rem;font-weight:600;margin-top:5px;line-height:1.6}.pager .next{text-align:right}.check-summary{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 26px;margin-bottom:24px}.check-summary .row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:10px}.check-summary .label{font-size:.8rem;color:var(--muted);font-weight:600}.check-summary .count{font-family:var(--serif);font-size:1.05rem;color:var(--ink);font-variant-numeric:tabular-nums}.check-section{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:26px 28px;margin-top:20px}.check-section h2{font-size:1.02rem;font-weight:700;margin-bottom:4px}.check-section .sec-meta{display:flex;align-items:center;gap:12px;margin:10px 0 18px}.check-section .sec-meta .bar{flex:1}.check-section .sec-meta .count{font-size:.76rem;color:var(--muted);font-weight:700;font-variant-numeric:tabular-nums}.check-item{display:flex;align-items:flex-start;gap:14px;padding:13px 6px;border-top:1px solid #f0f0f0;cursor:pointer;border-radius:8px;transition:background .15s}.check-item:hover{background:var(--bg-soft)}.check-item .box{flex:none;width:22px;height:22px;border-radius:7px;border:2px solid var(--line);display:grid;place-items:center;font-size:.62rem;color:transparent;transition:all .18s;margin-top:4px;background:#fff}.check-item.is-done .box{background:var(--dark);border-color:var(--dark);color:#fff}.check-item .txt{font-size:.9rem;line-height:1.75}.check-item.is-done .txt{color:var(--faint);text-decoration:line-through;text-decoration-color:#cfcfcf}html.anon .learning-save-status,html.anon #resume{display:none!important}html.anon .check-item{pointer-events:none;cursor:default}html.anon .check-item .txt{filter:blur(6px);user-select:none;-webkit-user-select:none}html.anon .check-item .box{opacity:.45}.check-save-anchor+.learning-save-status,.learning-save-status:last-child{margin-top:22px}.check-sample-note{display:none;margin:0 0 14px;padding:12px 14px;border:1px dashed #cfcfcf;border-radius:10px;font-size:.82rem;line-height:1.8;color:var(--muted);background:var(--bg-soft)}html.anon .check-sample-note{display:block}.check-item .submit-tag{display:inline-block;font-size:.64rem;color:var(--ink);background:var(--accent-soft);border-radius:99px;padding:2px 9px;font-weight:700;margin-left:8px;white-space:nowrap}@media(prefers-reduced-motion:no-preference){.fade-up{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) both}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}}.resume-card{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#161616;color:#fff;border-radius:16px;padding:18px 22px;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.resume-card:hover{transform:translateY(-2px);box-shadow:0 10px 30px #0000002e}.resume-kicker{font-size:.68rem;letter-spacing:.18em;color:#cfb06f;font-weight:700;margin-bottom:6px}.resume-title{font-weight:700;font-size:.98rem;line-height:1.5}.resume-course{font-size:.74rem;color:#b9b9b9;margin-top:4px}.resume-go{flex:none;font-size:.8rem;font-weight:700;background:#fff;color:#161616;border-radius:99px;padding:10px 18px;white-space:nowrap}#resume[hidden]{display:none}#resume.section{margin-top:24px}.read-time{font-size:.8rem;color:#888;margin:4px 0 10px}.toc-box{background:#f8f8f6;border:1px solid #e7e7e2;border-radius:12px;padding:14px 18px;margin:6px 0 26px}.toc-box summary{font-weight:700;font-size:.88rem;cursor:pointer;color:#333}.toc-box ol{margin:10px 0 2px;padding-left:20px}.toc-box li{font-size:.86rem;line-height:2}.toc-box li.toc-sub{padding-left:14px;list-style:circle}.toc-box a{color:#444;text-decoration:none;border-bottom:1px dashed #c9c9c2}.toc-box a:hover{color:#161616;border-bottom-style:solid}.faq-cat{margin-bottom:34px}.faq-cat-title{font-size:1.02rem;font-weight:700;border-left:4px solid #cfb06f;padding-left:12px;margin-bottom:14px}.faq-item{background:#fff;border:1px solid #e7e7e2;border-radius:12px;margin-bottom:10px;overflow:hidden}.faq-item summary{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;font-weight:700;font-size:.92rem;line-height:1.7;cursor:pointer;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"＋";margin-left:auto;color:#999;font-weight:400;flex:none}.faq-item[open] summary:after{content:"－"}.faq-item[open] summary{border-bottom:1px dashed #eee}.faq-q-mark{flex:none;width:24px;height:24px;border-radius:8px;background:#161616;color:#cfb06f;font-size:.78rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;margin-top:1px}.faq-a{padding:14px 18px 16px 50px;font-size:.9rem;line-height:2;color:#444}.faq-a p{margin:0 0 8px}.faq-link{display:inline-block;font-size:.84rem;font-weight:700;color:#161616;text-decoration:none;border-bottom:1.5px solid #cfb06f;padding-bottom:1px}.faq-link:hover{opacity:.7}.faq-band{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#f8f8f6;border:1px solid #e7e7e2;border-radius:16px;padding:18px 22px;text-decoration:none;color:#161616;transition:transform .15s ease}.faq-band:hover{transform:translateY(-2px)}.faq-band .t{font-weight:700;font-size:.95rem}.faq-band .d{font-size:.8rem;color:#777;margin-top:3px}.faq-band .go{flex:none;font-size:.8rem;font-weight:700;background:#161616;color:#fff;border-radius:99px;padding:10px 18px;white-space:nowrap}.gd-video{position:relative;aspect-ratio:16/9;background:#161616;border-radius:16px;overflow:hidden;margin-bottom:34px}.gd-video iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.gd-video-soon{display:flex;align-items:center;justify-content:center;text-align:center;color:#fff}.gd-video-soon b{display:block;margin:6px 0 4px;font-size:1rem}.gd-video-soon p{font-size:.8rem;color:#b9b9b9;margin:0}.gd-sec{margin-bottom:40px}.gd-h{display:flex;align-items:center;gap:12px;font-size:1.08rem;font-weight:700;margin-bottom:12px}.gd-num{flex:none;font-size:.68rem;letter-spacing:.14em;font-weight:700;color:#fff;background:#161616;border-radius:99px;padding:5px 13px}.gd-num-gold{background:#cfb06f;color:#161616}.gd-p{font-size:.92rem;line-height:2.05;color:#444;margin:0 0 12px}.gd-small{font-size:.8rem;color:#888}.gd-list{margin:0 0 14px;padding-left:2px;list-style:none}.gd-list li{position:relative;padding-left:20px;font-size:.9rem;line-height:1.95;margin-bottom:8px;color:#444}.gd-list li:before{content:"◆";position:absolute;left:0;top:0;color:#cfb06f;font-size:.7rem;line-height:2.6}.gd-btn{display:inline-block;background:#06c755;color:#fff;font-weight:700;font-size:.92rem;padding:14px 30px;border-radius:99px;text-decoration:none;box-shadow:0 6px 18px #06c7554d}.gd-btn:hover{opacity:.88}.gd-map{border:1px solid #e7e7e2;border-radius:14px;overflow:hidden}.gd-map-row{display:flex;align-items:center;gap:12px;padding:13px 16px;text-decoration:none;color:#161616;border-bottom:1px solid #efefeb;background:#fff}.gd-map-row:last-child{border-bottom:0}.gd-map-row:hover{background:#faf9f6}.gd-map-month{flex:none;font-size:.7rem;font-weight:700;color:#fff;background:#161616;border-radius:8px;padding:4px 10px;min-width:66px;text-align:center}.gd-map-title{font-size:.9rem;font-weight:700}.gd-map-count{margin-left:auto;font-size:.76rem;color:#999;flex:none}.gd-tasks{display:grid;gap:8px;margin-bottom:12px}.gd-task{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e7e7e2;border-radius:12px;padding:12px 16px;font-size:.88rem;font-weight:700;color:#161616;text-decoration:none}.gd-task:hover{border-color:#cfb06f}.gd-task-n{flex:none;width:26px;height:26px;border-radius:50%;background:#161616;color:#cfb06f;font-size:.8rem;display:inline-flex;align-items:center;justify-content:center}.gd-ai{background:linear-gradient(180deg,#fdf9ef,#faf5e6);border:2px solid #cfb06f;border-radius:18px;padding:24px 22px 20px}.gd-links{display:grid;gap:6px}.gd-links a{font-size:.86rem;font-weight:700;color:#161616;text-decoration:none;border-bottom:1.5px solid #cfb06f;width:fit-content;padding-bottom:1px}.gd-links a:hover{opacity:.7}.gd-help{margin:0;padding-left:22px}.gd-help li{font-size:.9rem;line-height:2.1;margin-bottom:6px;color:#444}.gd-help a{color:#161616;font-weight:700}.gd-foot{background:#161616;color:#fff;border-radius:18px;padding:28px 24px;text-align:center;margin:44px 0 20px}.gd-foot p{font-size:.95rem;line-height:2.1;margin:0 0 18px}.course-card[data-guide]{position:relative}.course-card[data-guide]:after{content:"まずはここから";position:absolute;top:12px;left:-8px;background:#cfb06f;color:#161616;font-size:.68rem;font-weight:700;padding:5px 14px;border-radius:0 99px 99px 0;box-shadow:0 3px 10px #0000002e}.gd-btn-dc{background:#5865f2;box-shadow:0 6px 18px #5865f24d}.sec-lead{font-size:.86rem;color:#777;line-height:1.9;margin:-6px 0 16px}.fav-nav{display:inline-flex;align-items:center;gap:5px}.fav-nav .fs{color:#cfb06f;font-size:.9rem;line-height:1}.fav-nav .fc{font-size:.66rem;font-weight:700;color:#161616;background:#cfb06f;border-radius:99px;padding:1px 6px;min-width:16px;text-align:center}.fav-nav .fc[hidden]{display:none}.lesson-top .kicker .ktitle{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-btn{margin-left:auto;flex:none;display:inline-flex;align-items:center;gap:6px;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:6px 14px;font-size:.78rem;font-weight:700;color:#777;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.fav-btn:hover{border-color:#cfb06f;color:#161616}.fav-btn .star{font-size:.95rem;line-height:1;color:#c9c9c2;transition:color .15s}.fav-btn.is-fav{border-color:#cfb06f;background:#fdf9ef;color:#161616}.fav-btn.is-fav .star{color:#cfb06f}.fav-btn.pop .star{animation:favpop .32s ease}@keyframes favpop{0%{transform:scale(1)}45%{transform:scale(1.45)}to{transform:scale(1)}}.fav-list{display:grid;gap:8px}.fav-row{display:flex;align-items:stretch;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.fav-row:hover{border-color:#cfb06f}.fav-star{flex:none;width:46px;border:0;border-right:1px solid #f0f0ec;background:#fdf9ef;color:#cfb06f;font-size:1.05rem;cursor:pointer}.fav-star:hover{background:#f6efdd}.fav-main{flex:1;display:block;padding:13px 16px;text-decoration:none;color:#161616;min-width:0}.fav-course{display:block;font-size:.68rem;color:#999;margin-bottom:3px}.fav-title{display:block;font-size:.9rem;font-weight:700;line-height:1.6}.fav-row.is-done .fav-title:after{content:" ✓";color:#4a9d5f;font-size:.8rem}.fav-empty{text-align:center;padding:50px 20px;color:#888}.fav-empty b{display:block;margin:8px 0 6px;color:#444;font-size:.95rem}.fav-empty p{font-size:.85rem;line-height:1.9;margin:0 0 20px}.fav-empty-btn{display:inline-block;background:#161616;color:#fff;font-weight:700;font-size:.88rem;padding:12px 26px;border-radius:99px;text-decoration:none}.fav-empty[hidden]{display:none}@media(max-width:640px){.fav-nav .ft{display:none}.fav-btn{padding:5px 11px;font-size:.74rem}.fav-btn .lbl{display:none}.fav-btn .star{font-size:1.05rem}}.search-nav,.chk-nav{display:inline-flex;align-items:center;gap:5px}.search-nav .fs,.chk-nav .fs{font-size:.84rem;line-height:1}@media(max-width:700px){.search-nav{display:none}.fav-nav .fc{display:none!important}.chk-nav .ft{display:none}.chk-nav .fs,.fav-nav .fs{font-size:1rem}.head-nav a{padding:6px 9px}}@media(max-width:380px){.head-nav{gap:0}.head-nav a{padding:5px 6px}.progress-pill{padding:3px 7px;font-size:.64rem}}.lesson-list.is-locked{filter:blur(5px);pointer-events:none;user-select:none;-webkit-user-select:none;max-height:300px;overflow:hidden;-webkit-mask-image:linear-gradient(#000 40%,transparent 96%);mask-image:linear-gradient(#000 40%,transparent 96%)}.lock-card-list{margin-top:18px}.lockbox{position:relative;margin-top:6px}.lock-teaser{font-size:1rem;line-height:2.1;color:#444;margin:0 0 4px}.lock-skel{display:flex;flex-direction:column;gap:14px;margin:18px 0 22px;-webkit-mask-image:linear-gradient(#000 20%,transparent 95%);mask-image:linear-gradient(#000 20%,transparent 95%)}.lock-skel i{display:block;height:14px;border-radius:7px;background:#e9e7e2}.lock-card{background:#fff;border:1.5px solid #e2ddd2;border-radius:18px;padding:30px 24px;text-align:center;box-shadow:0 14px 40px #00000014}.lock-icon{font-size:1.8rem;margin-bottom:6px}.lock-card b{display:block;font-size:1.05rem;margin-bottom:8px}.lock-card p{font-size:.86rem;color:#666;line-height:1.9;margin:0 0 18px}.lock-btn{display:block;max-width:340px;margin:0 auto 10px;padding:14px 20px;border-radius:99px;font-weight:700;font-size:.92rem;text-decoration:none}.lock-btn.b1{background:#161616;color:#fff}.lock-btn.b2{background:#fff;color:#161616;border:1.5px solid #161616}.lock-btn:hover{opacity:.85}.lock-sub{font-size:.78rem!important;color:#999!important;margin:14px 0 0!important}.lock-sub a{color:#8a6d2f;font-weight:700}.login-chip{background:#cfb06f!important;color:#161616!important;font-weight:700}html.anon .progress-pill{display:none}.qa-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:20px}.qa-tag{font:inherit;font-size:.78rem;font-weight:700;background:#fff;color:#666;border:1.5px solid var(--line);border-radius:99px;padding:7px 15px;cursor:pointer;transition:all .15s}.qa-tag:hover{border-color:#cfb06f;color:#161616}.qa-tag.is-on{background:#161616;border-color:#161616;color:#fff}.qa-list{display:grid;gap:8px}.qa-row{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:15px 18px;text-decoration:none;color:#161616}.qa-row:hover{border-color:#cfb06f}.qa-row[hidden]{display:none}.qa-q{display:block;font-size:.92rem;font-weight:700;line-height:1.65}.qa-q:before{content:"Q. ";color:#cfb06f}.qa-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.qa-chip{font-size:.68rem;color:#8a7a58;background:#faf6ec;border:1px solid #ece2cc;border-radius:99px;padding:2px 9px;text-decoration:none}.qa-empty{text-align:center;color:#999;font-size:.85rem;padding:30px 0}.qa-empty[hidden]{display:none}.qa-head{padding:8px 0 4px}.qa-head-tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.qa-head h1{font-family:var(--serif);font-size:clamp(1.15rem,2.6vw,1.42rem);font-weight:600;line-height:1.65}.qa-head h1:before{content:"Q. ";color:#cfb06f;font-family:inherit}.qa-answer{background:#fff;border:1px solid var(--line);border-left:4px solid #cfb06f;border-radius:14px;padding:24px 24px 20px;margin:20px 0 10px}.qa-answer-label{font-size:.7rem;letter-spacing:.16em;font-weight:700;color:#cfb06f;margin-bottom:12px}.qa-answer p{font-size:.93rem;line-height:2.1;color:#333;margin-bottom:1.1em}.qa-answer p:last-child{margin-bottom:0}.qa-sec{margin-top:32px}.qa-sec-title{font-size:.92rem;font-weight:700;margin-bottom:10px}.qa-links{display:grid;gap:8px}.qa-link{display:block;background:#fff;border:1px solid var(--line);border-radius:12px;padding:13px 16px;text-decoration:none;color:#161616}.qa-link:hover{border-color:#cfb06f}.qa-link-course{display:block;font-size:.68rem;color:#999;margin-bottom:3px}.qa-link-title{display:block;font-size:.87rem;font-weight:700;line-height:1.6}.qa-foot{background:#f8f8f6;border:1px solid #e7e7e2;border-radius:14px;padding:20px 22px;margin-top:34px}.qa-foot p{font-size:.85rem;color:#666;line-height:1.9;margin-bottom:14px}.qa-foot-btn{font-size:.85rem;font-weight:700;color:#161616;text-decoration:none;border-bottom:1.5px solid #cfb06f}.qa-band{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#161616;color:#fff;border-radius:16px;padding:18px 22px;text-decoration:none;transition:transform .15s ease}.qa-band:hover{transform:translateY(-2px)}.qa-band .t{font-weight:700;font-size:.95rem}.qa-band .d{font-size:.8rem;color:#b9b9b9;margin-top:3px}.qa-band .go{flex:none;font-size:.8rem;font-weight:700;background:#cfb06f;color:#161616;border-radius:99px;padding:10px 18px;white-space:nowrap}.bonus-band{display:flex;align-items:center;justify-content:space-between;gap:14px;background:#1f1c17;color:#fff;border:1px solid #4a3f2a;border-radius:16px;padding:18px 22px;text-decoration:none;transition:transform .15s ease}.bonus-band:hover{transform:translateY(-2px)}.bonus-band .t{font-weight:700;font-size:.95rem}.bonus-band .d{font-size:.8rem;color:#c4b08a;margin-top:3px}.bonus-band .go{flex:none;font-size:.8rem;font-weight:700;background:#cfb06f;color:#161616;border-radius:99px;padding:10px 18px;white-space:nowrap}.only-ticket{display:none}.plan-ticket .only-ticket{display:inline}.plan-ticket .only-full{display:none}.ws-upsell{margin-top:14px;padding:12px 14px;border-radius:10px;background:#faf7f0;border:1px solid #e6dcc4;font-size:12.5px;line-height:1.85;color:#4a4232}.ws-upsell a{color:#8a6d1f;font-weight:700;text-decoration:underline;text-underline-offset:3px}.ws-upsell-top{margin-top:0;margin-bottom:18px}.me-nav{display:inline-flex;align-items:center;gap:5px}.me-nav .fs{font-size:.84rem;line-height:1}@media(max-width:700px){.me-nav .fs{display:none}.me-nav .ft{display:inline}.head-nav a.me-nav{color:#fff;font-weight:700;background:#ffffff24;border:1px solid rgba(255,255,255,.22);padding:5px 11px;margin-left:2px}}@media(max-width:420px){.head-nav a.me-nav{padding:4px 9px;font-size:.7rem;margin-left:2px}}.qa-nav{display:inline-flex;align-items:center;gap:5px}.qa-nav .fs{font-size:.84rem;line-height:1}@media(max-width:700px){.qa-nav .ft{display:none}.qa-nav .fs{font-size:1rem}}.hero-search{display:flex;align-items:center;gap:8px;max-width:560px;margin:26px auto 10px;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:6px 6px 6px 18px;box-shadow:0 6px 20px #0000000f;transition:border-color .15s,box-shadow .15s}.hero-search:focus-within{border-color:#cfb06f;box-shadow:0 8px 26px #0000001a}.hero-search .hs-icon{flex:none;font-size:1rem;line-height:1}.hero-search input{flex:1;min-width:0;font:inherit;font-size:.92rem;border:0;outline:none;background:transparent;padding:10px 0;color:var(--ink)}.hero-search input::placeholder{color:#aaa;font-size:.86rem}.hero-search button{flex:none;font:inherit;font-size:.86rem;font-weight:700;background:#161616;color:#fff;border:0;border-radius:99px;padding:11px 24px;cursor:pointer}.hero-search button:hover{opacity:.85}.hero-sug{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:6px 10px;font-size:.78rem;color:#999;margin-bottom:6px}.hero-sug a{color:#666;text-decoration:none;border-bottom:1px dashed #ccc;padding-bottom:1px}.hero-sug a:hover{color:#161616;border-bottom-style:solid}@media(max-width:560px){.hero-search{padding:5px 5px 5px 14px}.hero-search input{font-size:.86rem}.hero-search button{padding:10px 16px;font-size:.82rem}.hero-sug span{display:none}}.helpful{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap;background:#faf9f6;border:1px solid #eee9df;border-radius:14px;padding:18px 20px;margin:34px 0 0}.hl-q{font-size:.86rem;font-weight:700;color:#444}.hl-btn{font:inherit;font-size:.85rem;font-weight:700;color:#666;background:#fff;border:1.5px solid var(--line);border-radius:99px;padding:9px 20px;cursor:pointer;display:inline-flex;align-items:center;gap:7px;transition:all .15s}.hl-btn:hover{border-color:#cfb06f;color:#161616}.hl-icon{font-size:.95rem;line-height:1;display:inline-block}.helpful.is-on{background:#fdf9ef;border-color:#cfb06f}.helpful.is-on .hl-btn{background:#cfb06f;border-color:#cfb06f;color:#161616}.helpful.is-on .hl-icon{animation:hlpop .35s ease}@keyframes hlpop{0%{transform:scale(1)}45%{transform:scale(1.4) rotate(-8deg)}to{transform:scale(1)}}.lesson-notice{background:#fff8ec;border:1.5px solid #e4ba82;border-radius:12px;padding:13px 18px;font-size:.87rem;font-weight:700;color:#6b4f1d;line-height:1.8;margin:16px 0 6px}.self-study-lesson{padding:clamp(18px,4vw,36px);background:#faf8f3;border:1px solid #e4dece;border-radius:16px;line-height:2;color:#292722}.self-study-lesson h2{font-size:clamp(23px,4vw,32px);line-height:1.5;margin:0 0 24px}.self-study-lesson h3{font-size:20px;margin:32px 0 12px}.self-study-lesson p,.self-study-lesson ol{margin:16px 0}.self-study-lesson ol{padding-left:24px}.self-study-lesson li{margin:12px 0}.self-study-lesson a{text-decoration:underline;text-underline-offset:3px;font-weight:700}.lesson-body a[href^=http]:not([class]):not([style]){color:#8a6d2f;text-decoration:underline;text-underline-offset:3px;word-break:break-word}
