/* 観察する机／仕事を整理する紙。文字はHTML、案内役は承認済み素材。 */
.learning-scene{position:relative;width:min(1100px,calc(100vw - 80px));margin:70px 0 80px;left:50%;transform:translateX(-50%);isolation:isolate;color:#195c43}
.article .learning-heading h2{font-size:clamp(27px,3.1vw,40px);line-height:1.65;letter-spacing:.015em;margin:16px 0 22px}
.article .learning-kicker{font-size:13px;letter-spacing:.09em;font-weight:700;margin:0}
.article .learning-heading>p:last-child{font-size:16px;line-height:2;margin:0}
.observation-scene{display:grid;grid-template-columns:1fr 1.6fr;column-gap:30px}
.observation-scene .learning-heading{grid-column:1 / -1}
.observation-notes{grid-column:2;display:flex;gap:18px;justify-content:center;margin:15px 0 0;z-index:2;position:relative}
.observation-notes:before{content:'';position:absolute;z-index:-1;left:-180px;right:-5px;top:40px;height:155px;border-bottom:3px solid #004aad;border-radius:0 0 50% 45%;transform:rotate(-10deg);pointer-events:none}
.article .observation-notes p{flex:1;padding:22px 8px;text-align:center;background:#ffeb7c;color:#263f38;font-size:19px;line-height:1.7;box-shadow:3px 9px 0 #195c430a;transform:rotate(-7deg);margin:0;max-width:185px}
.article .observation-notes p:nth-child(2){background:#fff9dc;transform:translateY(-26px) rotate(8deg)}
.article .observation-notes p:nth-child(3){transform:rotate(5deg)}
.observation-notes strong{font-size:25px}
.learning-art{grid-column:2;grid-row:3 / 5;align-self:end;max-width:550px;justify-self:end}.learning-art img{width:100%;height:auto;display:block}
.learning-guide-person{display:flex;align-items:center;gap:22px}
.observation-scene .learning-guide-person{grid-row:2 / 4;grid-column:1;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:30px 0 10px 25px}
.learning-mascot{width:150px;height:225px;object-fit:contain;display:block}
.article .learning-guide-person p{font-size:17px;line-height:1.8;margin:0}
.learning-next{align-self:end;font-weight:700;padding:14px 0;border-bottom:1px solid #195c43;display:flex;justify-content:space-between;gap:10px;font-size:16px;text-decoration:none!important}
.learning-next:hover{color:#004aad}.learning-next:focus-visible{outline:3px solid #004aad;outline-offset:5px}
.organize-scene{background:#004aad;color:white;padding:52px 52px 35px;border-radius:0 80px 0 0}
.article .organize-scene h2{color:white}.article .organize-scene .learning-heading>p:last-child{color:#fff}
.article .example-intro{margin:35px 0 22px;font-size:14px;color:#fff}
.article .work-papers{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;list-style:none;padding:0;margin:0 0 45px}
.work-papers li{position:relative;background:#fff;color:#195c43;padding:25px 20px 30px;transform:rotate(-3deg);margin:0!important;box-shadow:6px 9px 0 #003780}
.work-papers li:nth-child(2){background:#ffed8a;transform:translateY(18px) rotate(2deg)}
.work-papers li:nth-child(3){transform:rotate(-2deg)}
.work-papers li:not(:last-child):after{content:'→';position:absolute;right:-28px;top:36%;font-size:30px;color:#fff;z-index:3}
.work-papers span{font-size:13px}.article .work-papers h3{font-size:36px;line-height:1.3;margin:16px 0 20px;color:#195c43}
.article .work-papers p{font-size:14px;line-height:1.9;margin:0}
.organize-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px}.organize-bottom .learning-mascot{width:110px;height:165px}.organize-bottom .learning-guide-person strong{color:#ffed8a}.article .learning-footnote{font-size:13px;line-height:1.9;margin:0}
#workshop-flow{scroll-margin-top:110px}
@media(max-width:700px){
 .learning-scene{width:100%;left:0;transform:none;margin:45px 0 55px}.article .learning-heading h2{font-size:25px;letter-spacing:0}.article .learning-heading>p:last-child{font-size:14px}
 .observation-scene{display:flex;flex-direction:column;gap:20px}.observation-notes{gap:9px;margin:15px 0 0;padding:12px 0}.observation-notes:before{left:0;right:0;top:30px;height:80px}.article .observation-notes p{font-size:12px;padding:15px 5px;line-height:1.8}.observation-notes strong{font-size:18px}.article .observation-notes p:nth-child(2){transform:translateY(-12px) rotate(6deg)}
 .observation-scene .learning-guide-person{flex-direction:row;align-items:center;padding:0;justify-content:flex-start}.learning-mascot{width:90px;height:135px}.article .learning-guide-person p{font-size:15px}.learning-next{align-self:stretch;font-size:14px}
 .organize-scene{padding:30px 22px;border-radius:0 45px 0 0}.article .organize-scene h2{font-size:24px}.article .work-papers{grid-template-columns:1fr;gap:28px;margin-bottom:32px;padding:0 7px}.work-papers li{padding:20px 22px}.work-papers li:nth-child(2){transform:rotate(2deg)}.work-papers li:not(:last-child):after{content:'↓';right:20px;top:auto;bottom:-31px}.article .work-papers h3{font-size:30px;margin:8px 0 14px}.organize-bottom{display:block}.organize-bottom .learning-mascot{width:75px;height:115px}.organize-bottom .learning-guide-person{gap:14px}.article .learning-footnote{margin-top:18px;font-size:13px}
}
.learning-phrase{display:inline-block}