*{box-sizing:border-box;margin:0;padding:0}body{font-family:"Noto Sans JP", sans-serif;background:#000;color:#fff;min-height:100dvh}.content--small{padding-left:3rem;padding-right:3rem;width:100%;margin-inline:auto;max-width:992px}#pageContent{background:url(../../assets/img/quickflow/bg.jpg) top center;background-attachment:fixed;background-size:100% auto}.headernav{position:fixed;top:10px;right:10px;z-index:100;width:80px;height:80px;background:#fff}.headernav a{display:block;transition:all .3s}.headernav a:hover{opacity:.6}.headernav a img{width:100%;height:auto;padding:10px}.hero{font-family:"Noto Serif", serif;text-align:center;padding:60px 24px 48px;background:rgba(255,255,255,0.85)}.hero-label{font-size:1.4rem;letter-spacing:.5rem;text-transform:uppercase;color:#000}.hero h1{color:#000;font-size:2rem;letter-spacing:.2rem;font-weight:700;line-height:1.6}.hero p{color:#000;font-size:1.3rem;line-height:1.6;margin:1.5rem auto 0;font-weight:700}.hero-meta{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.meta-item{font-size:13px;color:#6a7590;display:flex;align-items:center;gap:6px}.meta-dot{width:6px;height:6px;border-radius:50%;background:#014696}.quiz-wrap{padding:3rem;width:100%;margin-inline:auto;max-width:992px}.q-card{background:#000;box-shadow:0 0 10px rgba(0,0,0,0.6);border-radius:16px;padding:3rem;margin-bottom:1.5rem;transition:border-color .4s, background .4s, transform .3s, box-shadow .4s;position:relative}.q-card.grading{transform:scale(1.02);box-shadow:0 0 0 2px #014696}.q-card.correct{background-color:#000;border:1px solid #de000155;box-shadow:0 0 5px rgba(255,255,255,0.5),0 0 10px #de0001,0 0 20px #de0001,0 0 40px #de0001;color:#fff}.q-card.wrong{background:#00000d;border:1px solid #01469655;box-shadow:0 0 10px #01469633, 0 0 30px #01469622}.q-num{font-size:1.1rem;letter-spacing:3px;color:#de0001;margin-bottom:10px;font-weight:500}.q-text{font-size:16px;font-weight:500;line-height:1.6;margin-bottom:20px;color:#e8eaf6}.options{display:grid;gap:10px}.opt{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:10px;border:1px solid #ffffff14;cursor:pointer;transition:all .2s;background:#0d0d1a;font-size:14px;color:#c5cae9;width:100%;text-align:left}.opt:hover:not(.disabled){background-color:#000;border:1px solid #014696;box-shadow:0 0 2px #fff, 0 0 4px #014696, 0 0 8px #014696, 0 0 16px #014696;color:#fff}.opt.selected{background-color:#000;border:1px solid #014696;box-shadow:0 0 2px #fff, 0 0 4px #014696, 0 0 8px #014696, 0 0 16px #014696;color:#fff}.opt.correct-ans{background:#1a0000;color:#fff;border-color:#de0001;box-shadow:0 0 4px #de0001, 0 0 12px #de000199, 0 0 24px #de000155;animation:popIn 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.opt.correct-ans .opt-letter{background:#de0001;color:#fff}.opt.wrong-ans{background:#00000d;color:#fff;border-color:#014696;box-shadow:0 0 4px #014696, 0 0 12px #01469699, 0 0 24px #01469655;animation:shakeIt .4s ease}.opt.disabled{cursor:default;pointer-events:none}.opt-letter{width:26px;height:26px;border-radius:6px;background:#014696;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:#fff;flex-shrink:0;transition:all .3s}.opt.selected .opt-letter{background:#014696;color:#fff}.opt.wrong-ans .opt-letter{background:#014696;color:#fff}.badge{position:absolute;top:1.2rem;right:1.4rem;width:3rem;height:3rem;opacity:0;transform:scale(0);transition:opacity 0.3s 0.2s,transform 0.4s 0.2s cubic-bezier(0.175, 0.885, 0.32, 1.275)}.badge.show{opacity:1;transform:scale(1)}.badge.is-ok{border-radius:50%;border:5px solid #de0001;box-shadow:0 0 6px #de0001, 0 0 14px #de0001aa}.badge.is-ng{position:absolute}.badge.is-ng:before,.badge.is-ng:after{content:"";position:absolute;width:100%;height:5px;background:#014696;border-radius:3px;top:50%;left:0;transform:translateY(-50%) rotate(45deg);box-shadow:0 0 6px #014696, 0 0 12px #01469688}.badge.is-ng:after{transform:translateY(-50%) rotate(-45deg)}.submit-area{text-align:center;padding:32px 0 20px}.btn-submit{background:linear-gradient(135deg, #de0001, red);color:#fff;border:none;padding:16px 48px;border-radius:50px;font-size:16px;font-weight:700;cursor:pointer;letter-spacing:1px;transition:all .2s;box-shadow:0 4px 20px #3949ab44}.btn-submit:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 30px #3949ab66}.btn-submit:disabled{opacity:.4;cursor:default;transform:none}.btn-submit.grading-state{background:#014696;animation:pulse 1s infinite}.member-gate{background:#1a1a2e;border:1px solid #3949ab44;border-radius:12px;padding:20px 24px;text-align:center;margin-top:16px}.member-gate p{color:#8892b0;font-size:14px;margin-bottom:12px}.member-toggle-bar{display:flex;align-items:center;justify-content:center;gap:14px;padding:16px 0 8px;margin-bottom:8px}.member-toggle-label{font-size:13px;font-weight:600;letter-spacing:.05em;color:#8892b0;transition:color .2s}.member-toggle-label.active{color:#fff}.member-toggle-track{position:relative;width:52px;height:28px;border-radius:14px;background:#1e1e30;border:1px solid #3949ab55;cursor:pointer;transition:background .3s}.member-toggle-track.on{background:#014696}.member-toggle-thumb{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,0.4);transition:transform 0.25s cubic-bezier(0.4, 0, 0.2, 1)}.member-toggle-track.on .member-toggle-thumb{transform:translateX(24px)}.result-box{background:#12121f;border:1px solid #ffffff14;border-radius:20px;padding:40px 32px;text-align:center;margin-top:40px;opacity:0;transform:translateY(24px);transition:opacity .6s ease, transform .6s ease;pointer-events:none;display:none}.result-box.show{opacity:1;transform:translateY(0);pointer-events:all}.score-ring{width:120px;height:120px;margin:0 auto 24px;position:relative}.score-ring svg{transform:rotate(-90deg)}.score-ring .score-text{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.score-num{font-size:32px;font-weight:700;color:#fff}.score-label{font-size:11px;color:#6a7590;letter-spacing:2px}.result-title{font-size:22px;font-weight:700;margin-bottom:8px}.result-sub{color:#8892b0;font-size:14px;margin-bottom:28px}.btn-action{display:inline-block;padding:14px 36px;border-radius:50px;font-size:15px;font-weight:700;text-decoration:none;cursor:pointer;border:none;transition:all .2s;margin:6px}.btn-primary{background:#014696;color:#fff;box-shadow:0 4px 20px #3949ab44}.btn-primary:hover{transform:translateY(-2px)}.btn-secondary{background:transparent;border:1px solid #5c6bc0;color:#7986cb}.btn-secondary:hover{background:#1a1a2e}.progress-bar{height:3px;background:#000;border-radius:2px}.progress-fill{height:3px;background:linear-gradient(90deg, #014696, #de0001);border-radius:2px;transition:width .5s}.sticky-top{position:fixed;bottom:0;left:0;right:0;z-index:10;background:#000;backdrop-filter:blur(10px);padding:0 20px calc(10px + env(safe-area-inset-bottom, 0px));border-top:1px solid #ffffff12;opacity:0;visibility:hidden;transition:opacity .3s, visibility .3s}.sticky-top.visible{opacity:1;visibility:visible}.sticky-inner{max-width:640px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:8px}.js-fade{opacity:0;transform:translateY(22px);transition:opacity .7s ease, transform .7s ease}.js-fade.in-view{opacity:1;transform:translateY(0)}.sticky-label{font-size:12px;color:#014696}.answered-count{font-size:13px;font-weight:500;color:#de0001}@keyframes popIn{0%{transform:scale(0.95)}60%{transform:scale(1.03)}100%{transform:scale(1)}}@keyframes shakeIt{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}@keyframes pulse{0%,100%{box-shadow:0 4px 20px #3949ab44}50%{box-shadow:0 4px 30px #5c6bc088}}.confetti{position:fixed;pointer-events:none;z-index:999;animation:fall linear forwards}@keyframes fall{0%{transform:translateY(-20px) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.movie-section{background:#fff;padding:4rem 1.5rem 5rem}.movie-inner{max-width:860px;margin:0 auto;text-align:center}.title{font-family:"Noto Serif", serif;font-size:2rem;font-weight:700;color:#014696;letter-spacing:.25em;line-height:1;margin-bottom:.4rem}.subtitle{font-family:"Noto Sans JP", sans-serif;font-size:1.1rem;letter-spacing:.3em;color:#014696;margin-bottom:3rem;font-weight:500}.movie-embed{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;box-shadow:0 8px 40px rgba(0,0,0,0.18);margin-bottom:2.5rem}.movie-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:none}.btn-official{display:inline-block;background:#014696;color:#fff;font-family:"Noto Sans JP", sans-serif;font-size:1rem;font-weight:700;letter-spacing:.15em;padding:1.1rem 3rem;border-radius:6px;text-decoration:none;transition:opacity .2s, transform .2s;box-shadow:0 4px 20px rgba(1,70,150,0.35)}.btn-official:hover{opacity:.85;transform:translateY(-2px)}#loader{position:fixed;inset:0;z-index:9999;background:#fff;display:flex;align-items:center;justify-content:center;transition:opacity .7s ease, visibility .7s ease}#loader img{width:100%;max-width:320px}#loader.out{opacity:0;visibility:hidden;pointer-events:none}.ld-wrap{display:flex;flex-direction:column;align-items:center}.ld-mark{width:80px;height:80px;border-radius:24px;background:linear-gradient(135deg, #3949ab, #7986cb);display:flex;align-items:center;justify-content:center;font-size:36px;margin-bottom:20px;animation:ldPulse 1.4s ease-in-out infinite}.ld-title{font-size:18px;font-weight:700;letter-spacing:8px;color:#e8eaf6;text-transform:uppercase;margin-bottom:6px}.ld-sub{font-size:11px;color:#5c6bc0;letter-spacing:3px}.ld-bar{width:100px;height:2px;background:#1e2040;border-radius:2px;margin-top:28px;overflow:hidden}.ld-fill{height:100%;width:0;background:linear-gradient(90deg, #3949ab, #7986cb);border-radius:2px;transition:width 1s ease-out}@keyframes ldPulse{0%,100%{transform:scale(1);box-shadow:0 8px 40px #3949ab44}50%{transform:scale(1.07);box-shadow:0 14px 50px #3949ab77}}@keyframes kvCardIn{from{opacity:0}to{opacity:1}}@keyframes kvBgReveal{from{filter:grayscale(100%);transform:scale(1.08)}to{filter:grayscale(0%);transform:scale(1)}}@keyframes kvReveal{from{filter:grayscale(100%);transform:scale(1.08);opacity:0}to{filter:grayscale(0%);transform:scale(1);opacity:1}}@keyframes kvFadeUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.kv-pc-card.kv-in{animation:kvCardIn .5s ease forwards}.kv-pc-card:nth-child(2){animation-delay:.2s}.kv-pc-card:nth-child(3){animation-delay:.4s}.kv-pc-card.kv-in .kv-pc-card-bg{animation:kvBgReveal 3s ease forwards}.kv-pc-card:nth-child(2).kv-in .kv-pc-card-bg{animation-delay:.2s}.kv-pc-card:nth-child(3).kv-in .kv-pc-card-bg{animation-delay:.4s}.kv-pc-body.kv-in{animation:kvFadeUp .8s ease both}.kv-sp-card.kv-in{animation:kvReveal 3s ease forwards}.kv-sp-card.kv-in .kv-sp-body{animation:kvFadeUp .8s ease 2.5s both}.kv-section{position:relative;filter:drop-shadow(0 4px 4px rgba(0,0,0,0.25));width:100%;z-index:2}.kv-pc-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:0}.kv-pc-card{aspect-ratio:800/1351;position:relative;overflow:hidden;cursor:default;opacity:0}.kv-pc-card-bg{position:absolute;inset:0;background-size:cover;background-position:top;filter:grayscale(100%);transform:scale(1.08);transition:transform .4s ease, filter .4s ease}.kv-pc-wrap{position:relative;overflow:hidden}.kv-pc-overlay{position:absolute;inset:0;background:linear-gradient(180deg, transparent 30%, rgba(0,0,0,0.68) 100%);pointer-events:none;z-index:1}.kv-pc-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem;text-align:center;pointer-events:none;z-index:2;opacity:0;transform:translateY(16px)}.kv-pc-eyebrow{font-family:"Noto Serif", serif;font-size:1.4rem;letter-spacing:.5rem;text-transform:uppercase;color:#fff}.kv-pc-title-txt{font-size:clamp(24px, 3.8vw, 4.6rem);font-weight:700;letter-spacing:.5rem;color:#fff;line-height:1.4;text-shadow:0 2px 12px rgba(0,0,0,0.8)}.kv-pc-desc-txt{font-size:15px;color:rgba(255,255,255,0.8);line-height:1.7;text-shadow:0 1px 4px rgba(0,0,0,0.8)}.kv-pc-bottom{width:100%;margin-top:auto}.kv-pc-bottom img{width:40%;padding-bottom:1.5rem;filter:drop-shadow(0 0 3px #000)}.kv-sp-wrap{display:none;overflow:hidden}.kv-sp-card{position:relative;aspect-ratio:800/1132;overflow:hidden;perspective:900px;filter:grayscale(100%);transform:scale(1.08);opacity:0}.kv-bg{position:absolute;inset:0;background-size:cover;background-position:center}.kv-sp-overlay{position:absolute;inset:0;background:linear-gradient(180deg, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.7) 100%);z-index:1;pointer-events:none}.kv-sp-body{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:1.5rem;text-align:center;z-index:2;pointer-events:none;opacity:0;transform:translateY(16px)}.kv-sp-eyebrow{font-family:"Noto Serif", serif;font-size:13px;letter-spacing:.2rem;text-transform:uppercase;color:#fff}.kv-sp-title{font-size:1.6rem;font-weight:700;color:#fff;margin-bottom:10px;text-shadow:0 1px 6px rgba(0,0,0,0.8);line-height:1.4}.kv-sp-title span{font-size:8.5vw}.kv-sp-desc{font-size:14px;color:rgba(255,255,255,0.85);line-height:1.7;text-shadow:0 1px 4px rgba(0,0,0,0.8)}.kv-dots-row{display:flex;justify-content:center;gap:10px;padding:14px 0;background:#0a0a12}.kv-dot{width:8px;height:8px;border-radius:50%;background:#1e2040;cursor:pointer;transition:background .3s, transform .3s;border:none;padding:0;outline:none}.kv-dot.kv-dot-on{background:#5c6bc0;transform:scale(1.35)}br.sp{display:none}@media (max-width: 767px){.kv-pc-grid,.kv-pc-body{display:none}.kv-sp-wrap{display:block}.hero{padding:1.5rem 1rem}.hero h1{color:#000;font-size:1.4rem;letter-spacing:.02rem;font-weight:700;line-height:1.6}.hero p{color:#000;font-size:1rem;margin:1rem auto 0;font-weight:700}br.sp{display:block}.quiz-wrap{padding:1.5rem;width:100%;margin-inline:auto;max-width:992px}.q-card{padding:1.5rem}.headernav{position:relative;top:auto;right:auto;z-index:100;width:100%;height:80px;background:#fff;padding:10px;text-align:center}.headernav a img{height:60px;width:auto;padding:0}.btn-primary{width:100%}}