.mp-header{top:env(safe-area-inset-top,0px);z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f7f5f0eb;align-items:center;gap:20px;padding:10px 24px;display:flex;position:sticky}.mp-brand{font-family:var(--display);white-space:nowrap;font-size:16px;font-weight:900;text-decoration:none}.mp-brand span{color:var(--blue);margin-left:6px;font-size:13px}.mp-nav{gap:2px;margin-left:auto;display:flex}.mp-nav a{color:var(--ink-2);white-space:nowrap;border-radius:8px;padding:6px 9px;font-size:13px;text-decoration:none}.mp-nav a:hover{background:var(--blue-soft)}.mp-nav a.on{background:var(--ink);color:#fff}.mp-menu-btn{border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;margin-left:auto;padding:7px 14px;font-size:13px;font-weight:700;display:none}.mp-menu{background:var(--paper);border-bottom:1px solid var(--line);gap:16px;max-height:calc(100vh - 60px);padding:16px 16px 24px;display:grid;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 20px 40px #0d1b2a26}.mp-menu a{border-radius:12px;flex-direction:column;padding:10px 12px;font-weight:700;text-decoration:none;display:flex}.mp-menu a small{color:var(--muted);font-size:12px;font-weight:400}.mp-menu a.on{background:var(--blue-soft)}.mp-menu-home{background:var(--chalk)}.mp-menu-group p{letter-spacing:.1em;color:var(--blue);margin:0 0 4px 12px;font-size:12px;font-weight:700}@media (width<=1100px){.mp-nav{display:none}.mp-menu-btn{display:inline-block}.mp-cta{order:3}}.mp-index{gap:40px;max-width:1080px;margin:0 auto;padding:72px 24px 96px;display:grid}.mp-index-group h2{margin-bottom:14px;font-size:22px}.mp-index-group ul{grid-template-columns:repeat(var(--cols,4), minmax(0, 1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.mp-card{border-radius:var(--radius);background:var(--paper);flex-direction:column;height:100%;text-decoration:none;transition:transform .15s,box-shadow .15s;display:flex;overflow:hidden;box-shadow:0 4px 16px #0d1b2a0f}.mp-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0d1b2a1a}.mp-card img,.mp-card-en{aspect-ratio:16/10;object-fit:cover;width:100%}.mp-card-en{font-family:var(--display);letter-spacing:.14em;color:var(--blue-deep);background:var(--blue-soft);place-items:center;font-size:15px;font-weight:900;display:grid}.mp-card.tone-dark .mp-card-en{background:var(--ink);color:#9cc9f0}.mp-card.tone-blue .mp-card-en{background:#dcebf8}.mp-card-text{flex-direction:column;gap:2px;padding:14px 16px 16px;display:flex}.mp-card-text b{font-family:var(--display);font-size:18px}.mp-card-text small{color:var(--muted);font-size:13px}.mp-page-head{max-width:1080px;margin:0 auto;padding:56px 24px 28px}.mp-crumb{color:var(--muted);margin:0 0 18px;font-size:13px}.mp-crumb a{color:inherit}.mp-page-head h1{white-space:pre-line;margin-bottom:14px;font-size:clamp(30px,5vw,52px);font-weight:900}.mp-lead{max-width:46em;color:var(--ink-2);margin:0;font-size:16px}.mp-page-body{max-width:1080px;margin:0 auto;padding:8px 24px 56px}.mp-h2{margin:48px 0 16px;font-size:22px}.mp-page.tone-dark{background:var(--ink);color:#fff}.mp-page.tone-dark .mp-lead,.mp-page.tone-dark .mp-crumb{color:#bcd0e4}.mp-page.tone-dark .sec-en{color:#9cc9f0}.mp-page.tone-blue{background:linear-gradient(#e8f2fb 0%,#dcebf8 100%)}.mp-join{border-radius:var(--radius);background:var(--paper);max-width:1032px;color:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin:0 auto 32px;padding:24px;display:flex;box-shadow:0 4px 16px #0d1b2a0f}.mp-join p{font-family:var(--display);margin:0;font-size:20px;font-weight:900}.mp-pager{grid-template-columns:1fr 1fr;gap:12px;max-width:1080px;margin:0 auto;padding:0 24px 64px;display:grid}.mp-pager a{border:1px solid var(--line);background:var(--paper);font-family:var(--display);color:var(--ink);border-radius:14px;flex-direction:column;gap:2px;padding:16px 20px;font-size:18px;font-weight:900;text-decoration:none;display:flex}.mp-pager a.next{text-align:right}.mp-pager small{font-family:var(--font);color:var(--muted);font-size:12px;font-weight:400}.mp-page.tone-dark .mp-pager a{color:#fff;background:#ffffff0f;border-color:#ffffff1f}@media (width<=900px){.mp-index-group ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){.mp-header{gap:10px;padding:10px 16px}.mp-brand{font-size:13px}.mp-brand span{display:none}.mp-menu-btn,.mp-cta{white-space:nowrap;padding:7px 12px;font-size:13px}.mp-index{padding:56px 16px 72px}.mp-page-head{padding:36px 16px 20px}.mp-page-body{padding:4px 16px 40px}.mp-join{margin:0 16px 24px;padding:20px}.mp-join .btn{width:100%}.mp-pager{padding:0 16px 48px}.mp-pager a{padding:12px 14px;font-size:15px}.mp-card-text b{font-size:16px}}.mp-page .quiz-box{background:var(--paper)}.mp-page .senior{background:var(--paper);box-shadow:0 4px 16px #0d1b2a0f}.mp-page .senior-vibe{background:var(--chalk)}.illust{width:100%;height:100%;display:block}.mp-card-illust{aspect-ratio:16/10;width:100%;display:block;overflow:hidden}.mp-page-head.has-illust{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:center;gap:32px;display:grid}.mp-head-illust{border-radius:var(--radius);aspect-ratio:16/10;overflow:hidden;box-shadow:0 10px 30px #1f4e791f}@media (width<=760px){.mp-page-head.has-illust{grid-template-columns:1fr;gap:20px}.mp-head-illust{max-width:420px}}@media (width>=761px){.mp-cta{padding:9px 18px;font-size:14px;box-shadow:0 4px 14px #ff6b3d59}}@media (width<=760px){.footer{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}}