.b8{max-width:1120px;margin:0 auto;background:#f5f7fa;color:#252525;font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;line-height:1.7}
.b8 *{box-sizing:border-box}.b8-hero{background:linear-gradient(180deg,#eaf4ff,#dceeff);border:1px solid #c9deef;padding:44px 20px 40px;text-align:center;border-radius:22px 22px 0 0;color:#234f84!important}
.b8-hero *{color:#234f84!important}.b8-supervised{display:inline-block;background:#fff;border:2px solid #8eb5dc;padding:7px 14px;border-radius:6px;font-weight:800;font-size:18px}
.b8-hero h1{margin:20px 0 6px!important;font-size:42px!important;line-height:1.3!important}.b8-hero p{font-size:20px!important;font-weight:700;margin:8px 0!important}
.b8-progress{position:sticky;top:0;z-index:5;background:#fff;padding:20px;display:flex;gap:20px;align-items:center;justify-content:center;border-bottom:1px solid #ddd;font-size:19px}.b8-progress strong{font-size:29px;color:#2d5797}
.b8-progress button{border:0;background:#ee5145;color:#fff;padding:12px 24px;border-radius:28px;font-size:18px;font-weight:800;cursor:pointer}
.b8-section{margin:0!important}.b8-section h2{margin:0!important;padding:22px 42px!important;background:#edf3fb!important;border-left:7px solid #2d5ca2!important;color:#245493!important;font-size:25px!important;line-height:1.45!important}
.b8-list{background:#fff;padding:0 34px}.b8-q{display:flex;gap:16px;align-items:flex-start;padding:20px 22px;border-bottom:1px solid #e7e7e7;font-size:20px;font-weight:600;cursor:pointer;margin:0!important}
.b8-q input{width:27px;height:27px;min-width:27px;margin-top:3px;accent-color:#2c5a9e}.b8-diagnose-wrap{text-align:center;padding:48px 20px;background:#f6f7f8}
#b8Diagnose{border:0;border-radius:50px;background:linear-gradient(#ffc719,#ff9d00);box-shadow:0 8px 0 #d75b00;color:#fff;font-size:27px;font-weight:900;padding:20px 80px;cursor:pointer}
.b8-results{padding:26px 18px 50px}.b8-result-hero,.b8-card,.b8-final{background:#fff;border-radius:16px;padding:28px;margin:0 0 20px;box-shadow:0 2px 10px rgba(0,0,0,.06)}
.b8-result-hero{text-align:center;background:#f5f9ff;border:2px solid #bad4ec}.b8-kicker{font-size:24px;font-weight:900;color:#244f8c}.b8-total{font-size:62px;font-weight:900;color:#173f78;line-height:1.2}.b8-total small{font-size:22px}.b8-hensachi{font-size:22px;background:#edf4ff;display:inline-block;padding:8px 18px;border-radius:30px;margin:8px 0 14px}.b8-hensachi strong{font-size:30px;color:#204e91}
.b8-card h2,.b8-final h2{font-size:27px!important;color:#214f8e!important;margin:0 0 16px!important;line-height:1.45!important}.b8-card h3,.b8-final h3{font-size:23px!important;margin:10px 0!important;line-height:1.5!important}.b8-card p{font-size:18px}
.b8-good{border-left:7px solid #2e8b57}.b8-focus{border-left:7px solid #f0a000}.b8-alert{border:2px solid #e0a000;background:#fffdf2}
.b8-bar-row{margin:18px 0}.b8-bar-head{display:flex;justify-content:space-between;gap:12px;font-size:18px;font-weight:800}.b8-bar{height:18px;background:#e7ebf0;border-radius:12px;overflow:hidden;margin-top:6px}.b8-fill{height:100%;background:#6ca0d1;border-radius:12px}
.b8-rank{border-top:1px solid #e2e2e2;padding:18px 0}.b8-rank:first-child{border-top:0}.b8-rank-no{display:inline-block;background:#eaf4ff;color:#234f84;border:1px solid #bcd4ea;border-radius:20px;padding:3px 12px;font-weight:800;margin-right:7px}
.b8-action{background:#eef5ff;border-radius:10px;padding:14px 16px;margin-top:10px}.b8-action a,.b8-link{display:inline-block;margin-top:10px;background:#4d89c4;color:#fff!important;text-decoration:none!important;padding:13px 18px;border-radius:9px;font-weight:800}
.b8-danger{padding:12px 0;border-bottom:1px solid #eadfae}.b8-step{padding:18px 0;border-bottom:1px solid #e3e3e3}.b8-step b{color:#24579a}.b8-check{display:block;padding:8px 0;font-size:18px}.b8-check:before{content:"☐";font-size:23px;margin-right:9px}
.b8-today,.b8-target{font-size:21px;background:#edf4ff;padding:14px;border-radius:10px;margin:12px 0}.b8-secondary{border:2px solid #24579a;background:#fff;color:#24579a;padding:12px 18px;border-radius:9px;font-size:17px;font-weight:800}
.b8-priority{font-size:20px;font-weight:800;padding:12px 0;border-bottom:1px solid #e4e4e4}.b8-final{text-align:center;background:#edf7ff;border:2px solid #bbd8ef}.b8-final>div{font-size:19px;font-weight:800}.b8-cta{display:inline-block;background:#f3a300;color:#fff!important;text-decoration:none!important;padding:17px 35px;border-radius:40px;font-size:21px;font-weight:900;margin-top:10px}.b8-footer{text-align:center;font-weight:800;color:#555;padding:12px}
@media(max-width:650px){.b8-hero{padding:30px 14px}.b8-hero h1{font-size:31px!important}.b8-hero p{font-size:17px!important}.b8-progress{position:static;flex-wrap:wrap;padding:14px 8px;font-size:16px}.b8-progress strong{font-size:23px}.b8-section h2{padding:17px 15px!important;font-size:21px!important}.b8-list{padding:0 8px}.b8-q{padding:17px 8px;font-size:17px}.b8-q input{width:25px;height:25px;min-width:25px}#b8Diagnose{width:92%;padding:18px 10px;font-size:23px}.b8-results{padding:18px 8px}.b8-card,.b8-result-hero,.b8-final{padding:20px 16px}.b8-total{font-size:48px}.b8-card h2{font-size:23px!important}.b8-card h3{font-size:20px!important}.b8-card p{font-size:17px}}

/* v1.0.1 approved visibility fix: no dark/navy backgrounds with dark text */
#benefits8 .b8-hero,
#benefits8 .b8-hero h1,
#benefits8 .b8-hero p,
#benefits8 .b8-hero div,
#benefits8 .b8-hero span,
#benefits8 .b8-hero strong{
  color:#234f84!important;
}
#benefits8 .b8-hero{
  background:linear-gradient(180deg,#eaf4ff,#dceeff)!important;
}
#benefits8 .b8-supervised{
  background:#fff!important;
  color:#234f84!important;
  border:2px solid #8eb5dc!important;
  border-left:2px solid #8eb5dc!important;
}
#benefits8 .b8-result-hero{
  background:#f5f9ff!important;
  color:#222!important;
}
#benefits8 .b8-section h2,
#benefits8 .b8-card h2{
  background:#eaf4ff!important;
  color:#234f84!important;
}

/* v1.0.2: final CTA section visibility fix only */
#benefits8 .b8-final{
  background:#edf7ff!important;
  border:2px solid #bbd8ef!important;
  color:#222!important;
}
#benefits8 .b8-final > div,
#benefits8 .b8-final h2{
  background:transparent!important;
  color:#26384a!important;
}
#benefits8 .b8-final h3{
  background:transparent!important;
  color:#234f84!important;
}
#benefits8 .b8-final .b8-cta{
  background:#f5a313!important;
  color:#fff!important;
}