/* 文章を残し、図と強弱から内容をつかめる構成 */
.future{background:#edf3ef;color:#203e35;padding:76px 0}.future .eyebrow{color:#43725d}.future-topics{max-width:1120px}.future-topics .future-intro{margin-bottom:36px}.future-topic{background:#fff;border:1px solid #dce6df;border-radius:20px;grid-template-columns:minmax(240px,.85fr) minmax(0,1.35fr);gap:40px;padding:36px;margin-top:24px;box-shadow:0 5px 0 #254d3610;overflow:hidden}.future-topic:nth-of-type(2){background:#fffdf5}.future-topic:nth-of-type(3){background:#f9fcff}.future-topic:nth-of-type(4){background:#fffaf5}.future-topic .topic-heading{display:flex;flex-direction:column;align-items:flex-start}.topic-illustration{width:150px;height:135px;object-fit:contain;margin:0 0 16px}.future-topic .topic-kicker{color:#4a735f;font-size:13px;background:#eaf2e9;border-radius:6px;padding:5px 10px;display:inline-block;margin-bottom:15px}.future-topic h3{color:#203e35;font-size:25px;line-height:1.65}.future-topic .topic-content{align-self:center;min-width:0}.future-topic .topic-content p{font-size:16px;line-height:1.95;color:#344f46}.future-topic .topic-content>p+p{margin-top:20px}.reading-highlight{font-weight:700;color:#234f3c;background:linear-gradient(transparent 65%,#f8e5a3 65%);box-decoration-break:clone;-webkit-box-decoration-break:clone}.future-topic .it-key-message,.future-topic .exam-key-message{background:#edf4ed;border:0;border-left:3px solid #77a38a;border-radius:0 10px 10px 0;padding:16px 18px!important;color:#274f3b}.future-topic a{color:#416650}.future-topic .ai-skills{counter-reset:ai;display:grid;gap:12px;margin:24px 0}.future-topic .ai-skills li{position:relative;padding:15px 16px 15px 54px;background:#fff;border:1px solid #e4e7d9;border-radius:12px}.future-topic .ai-skills li::before{counter-increment:ai;content:counter(ai);position:absolute;left:15px;top:16px;width:26px;height:26px;background:#f7df90;color:#4b573d;border-radius:50%;text-align:center;font-weight:700;line-height:26px}.future-topic .ai-skills li+li::after{content:'↓';position:absolute;top:-18px;left:24px;color:#688777;font-size:17px}.future-topic .ai-skills strong{color:#29533f;font-size:17px}.future-topic .ai-skills span{color:#43584c;font-size:15px;line-height:1.85}.story-flow{position:relative;display:grid;gap:18px;margin:26px 0}.story-flow::before{content:'';position:absolute;left:7px;top:22px;bottom:24px;width:2px;background:#c6d8c9}.story-flow .story-step{position:relative;margin:0;padding:18px 22px 18px 34px;border-radius:12px;background:#f5f8f3}.story-flow .story-step::before{content:'';position:absolute;left:1px;top:25px;width:14px;height:14px;border:3px solid #fff;background:#7f9e7d;border-radius:50%;box-sizing:border-box}.story-flow .story-step:last-child{background:#fff8e4}.story .teacher-note{background:#f2f6f3;border:1px solid #dce5de;border-radius:12px;box-shadow:none}.story .teacher-note .eyebrow{font-size:18px;color:#2e6248}.game-example{border-radius:18px;border:1px solid #dae5d9;box-shadow:5px 5px 0 #36593b0c}.game-example h3{padding:18px;background:#fff9e7;border-radius:10px}.learning-grid article{border-bottom:3px solid #dce9df;padding-bottom:22px}
@media(max-width:700px){.future{padding:44px 0}.future-topics .future-intro h2{font-size:26px}.future-topic{display:block;padding:24px 20px;margin-top:22px;border-radius:16px}.future-topic .topic-heading{display:grid;grid-template-columns:78px minmax(0,1fr);gap:8px 14px;border-bottom:1px solid #dbe5dc;padding-bottom:20px;margin-bottom:20px;align-items:center}.topic-illustration{grid-column:1;grid-row:1/3;width:78px;height:90px;margin:0}.future-topic .topic-kicker{grid-column:2;font-size:11px;justify-self:start;margin:0;padding:4px 7px}.future-topic h3{grid-column:2;font-size:20px;line-height:1.6;overflow-wrap:anywhere}.future-topic .topic-content p{font-size:16px;line-height:1.95}.future-topic .ai-skills li{padding-left:48px}.future-topic .ai-skills strong{font-size:16px}.story-flow .story-step{padding:18px 16px 18px 28px}.story .teacher-note{padding:22px}.game-example h3{padding:14px;font-size:21px}}
@media(max-width:370px){.future-topic .topic-heading{grid-template-columns:60px minmax(0,1fr);gap:8px 10px}.topic-illustration{width:60px}.future-topic h3{font-size:18px}}

/* コピーの中心と補足情報の強弱を調整 */
.ribbon{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;padding:28px 5% 22px}.ribbon>a{font-size:13px;font-weight:400;color:#56685f;text-underline-offset:4px}.play-message{width:100%;text-align:center}.play-message p{margin:8px auto 0}.subsidy{background:#f6f8f6;border:1px solid #e1e7e2}.subsidy h3 strong{font-size:28px}.subsidy h3 strong span{font-size:19px}.game-example{background:#fffdf7;border:1px solid #efdfad;border-top:4px solid #f2cd62;box-shadow:none}.game-example h3{background:#fff0b7;color:#304b3c}.empathy h2 .empathy-main{white-space:nowrap;font-size:clamp(16px,5.2vw,36px);letter-spacing:0}.empathy h2 .empathy-line{line-height:1.85}
@media(max-width:700px){.ribbon{gap:12px;padding:24px 6% 20px}.ribbon>a{font-size:12px}.subsidy h3 strong{font-size:26px}.empathy h2{font-size:23px}}