.lesson-explanation-container{color:#777;max-width:760px;margin:0 auto;padding:0 20px 80px}.lesson-explanation-back{margin-bottom:40px}.lesson-explanation-back a{letter-spacing:1.8px;color:#777;align-items:center;font-family:MFW-PGothicMB101Pr6N-Regular,Noto Sans JP,sans-serif;font-size:12px;line-height:18px;text-decoration:none;transition:color .3s;display:inline-flex}.lesson-explanation-back a:hover{color:#e3bf4b}.lesson-explanation-back-arrow{margin-right:8px;font-size:14px}.lesson-explanation-card{background-color:#fff;border:1px solid #e3bf4b;overflow:hidden}.lesson-explanation-header{background-color:#e3bf4b;justify-content:space-between;align-items:center;padding:32px 40px;display:flex}.lesson-explanation-header-text{flex:1}.lesson-explanation-header-label{letter-spacing:2.4px;color:#fffc;text-transform:uppercase;margin-bottom:8px;font-family:Marcellus,serif;font-size:12px}.lesson-explanation-header-title{letter-spacing:3.6px;color:#fff;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:24px;font-weight:500;line-height:35px}.lesson-explanation-header-link{letter-spacing:1.8px;color:#fff;border:1px solid #fff9;flex-shrink:0;align-items:center;gap:6px;padding:10px 20px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:12px;text-decoration:none;transition:all .3s;display:inline-flex}.lesson-explanation-header-link:hover{background-color:#ffffff26;border-color:#fff}.lesson-explanation-video{background-color:#fff;padding:40px}.lesson-explanation-video .video-wrapper>div{overflow:hidden}.lesson-explanation-video .video-wrapper iframe{width:100%;display:block}.lesson-explanation-body{border-top:1px solid #ededed;padding:40px}.lesson-explanation-body.prose{color:#777;max-width:none;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif}.lesson-explanation-body.prose h1{letter-spacing:3.6px;color:#333;border-bottom:1px solid #e3bf4b;margin-top:2rem;margin-bottom:1rem;padding-bottom:.75rem;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:24px;font-weight:500;line-height:35px}.lesson-explanation-body.prose h2{letter-spacing:3.15px;color:#333;margin-top:1.5rem;margin-bottom:.75rem;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:21px;font-weight:500;line-height:30px}.lesson-explanation-body.prose h3{letter-spacing:2.7px;color:#333;margin-top:1.25rem;margin-bottom:.5rem;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:18px;font-weight:500;line-height:24px}.lesson-explanation-body.prose p{letter-spacing:2.1px;margin-bottom:1.25rem;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;line-height:28px}.lesson-explanation-body.prose ul,.lesson-explanation-body.prose ol{margin-bottom:1.25rem;padding-left:1.5rem;list-style-type:disc}.lesson-explanation-body.prose ul li,.lesson-explanation-body.prose ol li{letter-spacing:2.1px;margin-bottom:.5rem;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;line-height:28px}.lesson-explanation-body.prose ol{list-style-type:decimal}.lesson-explanation-body.prose a{color:#777;letter-spacing:2.1px;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;text-decoration:underline;transition:color .3s}.lesson-explanation-body.prose a:hover{color:#e3bf4b}.lesson-explanation-body.prose strong{color:#333;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-weight:500}.lesson-explanation-body.prose em{font-style:italic}.lesson-explanation-body.prose blockquote{letter-spacing:2.1px;color:#777;border-left:3px solid #e3bf4b;margin:1.5rem 0;padding-left:1.25rem;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:14px;line-height:28px}.lesson-explanation-body.prose code{background-color:#ededed;padding:2px 6px;font-size:12px}.lesson-explanation-body.prose pre{background-color:#ededed;padding:1.25rem;font-size:12px;overflow-x:auto}.lesson-explanation-body.prose pre code{background:0 0;padding:0}.lesson-explanation-footer{border-top:1px solid #ededed;gap:16px;padding:32px 40px;display:flex}.lesson-explanation-footer-btn{letter-spacing:2.1px;text-align:center;flex:1;justify-content:center;align-items:center;padding:14px 28px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;text-decoration:none;transition:all .3s;display:inline-flex}.lesson-explanation-footer-btn-primary{color:#fff;background-color:#777}.lesson-explanation-footer-btn-primary:hover{background-color:#636363}.lesson-explanation-footer-btn-secondary{color:#777;background-color:#fff;border:1px solid #777}.lesson-explanation-footer-btn-secondary:hover{background-color:#ededed}@media (width<=900px){.lesson-explanation-header{flex-direction:column;align-items:flex-start;gap:16px;padding:24px 28px}.lesson-explanation-header-link{align-self:flex-end}.lesson-explanation-video,.lesson-explanation-body,.lesson-explanation-footer{padding:24px 28px}}@media (width<=450px){.lesson-explanation-container{padding:0 16px 60px}.lesson-explanation-back{margin-bottom:24px}.lesson-explanation-back a{letter-spacing:1.5px;font-size:10px}.lesson-explanation-header{padding:20px}.lesson-explanation-header-label{letter-spacing:1.5px;font-size:10px}.lesson-explanation-header-title{letter-spacing:2.4px;font-size:16px;line-height:24px}.lesson-explanation-header-link{padding:8px 14px;font-size:10px}.lesson-explanation-video{padding:16px}.lesson-explanation-body{padding:20px 16px}.lesson-explanation-body.prose h1{letter-spacing:2.4px;font-size:16px;line-height:24px}.lesson-explanation-body.prose h2,.lesson-explanation-body.prose h3{letter-spacing:2.1px;font-size:14px;line-height:21px}.lesson-explanation-body.prose p,.lesson-explanation-body.prose ul li,.lesson-explanation-body.prose ol li,.lesson-explanation-body.prose blockquote{letter-spacing:1.8px;font-size:12px;line-height:21px}.lesson-explanation-body.prose a{letter-spacing:1.8px;font-size:12px}.lesson-explanation-footer{flex-direction:column;padding:20px 16px}.lesson-explanation-footer-btn{padding:12px 20px;font-size:12px}}
