[x-cloak]{display:none!important}.lesson-container{max-width:760px;margin:0 auto;padding:0 20px}.lesson-section{margin-bottom:40px}.lesson-section.lesson-offline{margin-bottom:60px}.lesson-title{color:#777;text-align:center;justify-content:center;align-items:center;margin-bottom:32px;font-family:MFW-YuMinPr6N-Regular,Hiragino Mincho ProN,Noto Serif JP,serif;font-size:20px;font-weight:500;display:flex}.lesson-cards{flex-direction:column;gap:16px;display:flex}.lesson-card{background-color:#fff;border:1px solid #777;transition:all .3s;overflow:hidden}.lesson-card:hover{box-shadow:0 2px 10px #0000000d}.lesson-card-header{cursor:pointer;padding:16px 32px;position:relative}.lesson-card-header-content{justify-content:space-between;align-items:flex-start;display:flex}.lesson-tag{letter-spacing:1.8px;color:#fff;margin-bottom:4px;padding:0 5px;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:12px;line-height:175%;display:inline-block}.lesson-tag.lesson-tag-offline,.lesson-tag.lesson-tag-online{background-color:#e3bf4b}.lesson-toggle-icon{justify-content:center;align-items:center;width:24px;height:24px;transition:transform .3s;display:flex;position:absolute;top:14px;right:14px}.lesson-toggle-icon span{color:#a9a9a9;font-size:24px;font-weight:400}.lesson-toggle-icon.rotate,.lesson-card.open .lesson-toggle-icon{transform:rotate(180deg)}.lesson-card-title{color:#777;margin-bottom:10px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:16px}.lesson-card-description{color:#777;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:12px;line-height:175%}.lesson-details{background-color:#fff;padding-bottom:36px;padding-left:32px;padding-right:28px;overflow:hidden}.lesson-advance-course{padding-top:10px;line-height:175%}.lesson-advance-course-flow-title{letter-spacing:1.8px;color:#777;text-align:center;background-color:#ededed;margin-bottom:12px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:12px;font-weight:500}.lesson-advance-course-flow-description-step-number{color:#777;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:12px}.lesson-advance-course-flow-description-step-description{color:#777;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:12px}.lesson-advance-course-flow-description-step-description p{margin-bottom:28px;line-height:175%}.lesson-advance-course-flow-description-step-description u{font-weight:500}.lesson-advance-course-flow-description-step-list{color:#777;margin-top:14px;margin-bottom:14px;font-family:MFW-PGothicBBBPr6N-Regular,Noto Sans JP,sans-serif;font-size:12px}.lesson-advance-course-flow-description-step-list li{line-height:175%}.lesson-details-grid{grid-template-columns:repeat(auto-fit,150px);justify-content:start;gap:8px;margin-bottom:34px;padding:16px;display:grid}.lesson-detail-item{text-align:center;cursor:pointer;background-color:#ededed;justify-content:center;align-items:center;width:150px;height:50px;transition:all .2s;display:flex}.lesson-detail-item:hover{background-color:#e0e0e0}.lesson-detail-item.lesson-detail-item-active{background-color:#777}.lesson-detail-item.lesson-detail-item-active .lesson-detail-name{color:#fff}.lesson-detail-name{color:#777;padding-left:12px;padding-right:12px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:12px}.lesson-content{gap:24px;padding:0;display:flex}.lesson-video,.lesson-video-placeholder{flex-shrink:0;width:328px;margin-bottom:20px;position:relative}.lesson-video iframe,.lesson-video-placeholder iframe{width:100%;height:100%;position:absolute;top:0;left:0}.lesson-content-info{flex-direction:column;gap:4px;width:308px;display:flex}.lesson-content-title{color:#777;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px}.lesson-content-description{color:#777;letter-spacing:1.8px;font-family:MFW-PGothicMB101Pr6N-Regular,Noto Sans JP,sans-serif;font-size:12px;line-height:175%}.lesson-booking{margin-top:18px}.lesson-booking-btn{color:#fff;text-align:center;background-color:#777;width:100%;padding:16px 0;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;text-decoration:none;transition:all .3s;display:inline-block}.lesson-booking-btn:hover{background-color:#909090}.transition-enter{transition:max-height .75s cubic-bezier(0,1,0,1),padding .45s,margin .45s,opacity .75s}.enter-start{opacity:0;max-height:0;margin:0;padding:0;overflow:hidden}.enter-end{opacity:1;max-height:2000px;overflow:visible}.transition-leave{transition:max-height .6s cubic-bezier(1,0,1,0),padding .3s,margin .3s,opacity .45s}.leave-start{opacity:1;max-height:2000px}.leave-end{opacity:0;max-height:0;overflow:hidden;margin:0!important;padding:0!important}.lesson-action-buttons{justify-content:center;gap:50px;max-width:760px;margin:50px auto;padding:0 20px;display:flex}.lesson-action-btn{flex:1;justify-content:center;align-items:center;padding:16px 24px;font-family:MFW-PGothicMB101Pr6N-Medium,Noto Sans JP,sans-serif;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.lesson-action-btn:hover{transform:translateY(2px)}.lesson-action-btn-primary{color:#fff;background-color:#777}.lesson-action-btn-primary:hover{background-color:#6a6a6a}.lesson-action-btn-secondary{color:#777;background-color:#fff;border:1px solid #777}.lesson-action-btn-secondary:hover{background-color:#f2f2f2}@media (width<=760px){.lesson-container{padding:0 20px}.lesson-card-header{padding:16px}.lesson-details{padding:12px}.lesson-details-grid{padding:0}.lesson-details .lesson-content{flex-direction:column}.lesson-details .lesson-content .lesson-video,.lesson-details .lesson-content .lesson-content-info{width:100%}.lesson-action-buttons{flex-direction:column;align-items:center;gap:12px;padding:0 20px}.lesson-action-btn{text-align:center;width:100%}}