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