:root{--red:#c92f3e;--ink:#292a2d;--muted:#62666d;--paper:#fff;--pink:#fff0f2;--line:#e8e6e4;--shadow:0 12px 34px rgba(52,38,37,.11)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'M PLUS Rounded 1c','Noto Sans JP',sans-serif;line-height:1.7;background:#f8e9e8 url('images/bg_image.png') center/cover fixed no-repeat}body:before{content:"";position:fixed;inset:0;background:rgba(255,248,247,.78);backdrop-filter:blur(5px);z-index:-1}.page-shell{width:min(100% - 32px,900px);margin:0 auto;padding:30px 0 20px}.panel,.class-card{background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.9);border-radius:24px;box-shadow:var(--shadow)}[hidden]{display:none!important}.gate{text-align:center;max-width:590px;margin:7vh auto 0;padding:34px 28px}.logo{width:105px;height:80px;object-fit:contain}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--red);margin:0 0 5px}.gate h1{font-size:clamp(1.55rem,4vw,2rem);line-height:1.5;margin:5px 0 22px}.gate-question{font-size:1.15rem;font-weight:700;line-height:1.9;margin:0 auto 24px}.answer-buttons{display:grid;gap:13px}.answer-button{font:inherit;font-weight:800;font-size:1.05rem;border-radius:15px;padding:15px 18px;cursor:pointer;transition:transform .18s,filter .18s}.answer-button:hover{transform:translateY(-2px);filter:brightness(.97)}.answer-yes{color:white;background:var(--red);border:2px solid var(--red)}.answer-no{color:#51545a;background:white;border:2px solid #d4d5d7}.gate-note{font-size:.82rem;color:var(--muted);margin:18px 0 0}.content{display:flex;flex-direction:column;gap:17px}.main-heading{text-align:center;padding:28px 25px 22px}.main-heading h2{font-size:clamp(1.55rem,4vw,2rem);line-height:1.45;margin:5px 0 9px}.main-heading h2 span{color:var(--red)}.main-heading p:last-child{margin:0;color:var(--muted)}.path-choices{display:grid;grid-template-columns:1fr 1fr;gap:14px}.path-card{display:flex;align-items:center;gap:12px;padding:16px 18px;border-radius:18px;background:white;box-shadow:var(--shadow);border:1px solid #fff;text-decoration:none;color:var(--ink);min-height:84px;transition:transform .18s}.path-card:hover{transform:translateY(-2px)}.review-path{border-left:5px solid var(--red)}.survey-path{border-left:5px solid var(--blue,#496b9c)}.path-icon{flex:0 0 38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--pink);color:var(--red);font-size:1.2rem;font-weight:800}.survey-path .path-icon{background:#eef3fa;color:#496b9c}.path-card strong,.path-card small{display:block}.path-card strong{font-size:1.02rem}.path-card small{color:var(--muted);font-size:.79rem}.path-arrow{margin-left:auto;color:var(--red);font-size:1.15rem}.survey-path .path-arrow{color:#496b9c}.classrooms{padding:8px 0 0}.section-heading{text-align:center;margin-bottom:16px}.section-heading h2{font-size:1.35rem;margin:0 0 4px}.section-heading>p:last-child{color:var(--muted);margin:0}.classroom-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.class-card{display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:6px 10px;padding:15px 17px;border-top:5px solid var(--accent);border-radius:18px}.accent-red{--accent:#d84d57}.accent-orange{--accent:#e27442}.accent-blue{--accent:#4b85c5}.accent-green{--accent:#4ca36f}.class-number{grid-row:1/3;font-size:.74rem;font-weight:800;letter-spacing:.08em;color:var(--accent)}.class-card h3{font-size:1.13rem;margin:0}.class-card p{font-size:.8rem;color:var(--muted);margin:0}.review-button{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:8px;text-decoration:none;color:white;background:var(--accent);border-radius:11px;padding:10px 12px;font-weight:800;font-size:.88rem;margin-top:6px}.review-button:hover{filter:brightness(.95)}.voluntary-note{text-align:center;color:var(--muted);font-size:.82rem;background:rgba(255,255,255,.75);border-radius:12px;padding:12px 16px;margin:14px 0 0}footer{text-align:center;color:#666;font-size:.8rem;padding:3px 0 0}footer p{margin:0}.desktop-only{display:inline}
.survey-panel{padding:24px;text-align:center}.survey-panel p{margin:12px 0 0;color:var(--muted);font-size:.86rem}.survey-button{display:flex;justify-content:center;align-items:center;gap:8px;width:min(100%,420px);margin:0 auto;text-decoration:none;color:white;background:#496b9c;border-radius:12px;padding:14px 18px;font-weight:800}.survey-button:hover{filter:brightness(.95)}
@media(max-width:640px){.page-shell{width:min(100% - 22px,540px);padding-top:13px}.gate{margin-top:5vh;padding:26px 17px;border-radius:19px}.logo{width:88px;height:66px}.gate-question{font-size:1.04rem}.answer-button{font-size:.97rem;padding:14px}.main-heading{padding:22px 16px 18px}.main-heading p:last-child{font-size:.89rem}.path-choices{grid-template-columns:1fr;gap:10px}.path-card{min-height:70px;padding:12px 14px}.classroom-grid{grid-template-columns:1fr;gap:10px}.class-card{grid-template-columns:30px minmax(0,1fr);padding:13px 14px}.desktop-only{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}