div#course_content{letter-spacing:.05em;line-height:24px;font-weight:400;font-size:18px}div#course_content p,div#course_content ul,div#course_content ol,div#course_content h1,div#course_content h2,div#course_content h3,div#course_content h4,div#course_content h5,div#course_content h6,div#course_content blockquote{margin-bottom:25px}div#course_content li{margin-bottom:15px}div#course_content img{display:block;margin:0 auto;width:100%}#course_content .course-image{display:grid;gap:15px;justify-content:center;margin:20px 0}#course_content .course-image img{width:100%;height:auto;object-fit:cover;display:block}#course_content .course-image a{display:block;width:100%;height:100%}@media (max-width:768px){#course_content .course-image{grid-template-columns:repeat(auto-fit,minmax(150px, 1fr))}}@media (max-width:480px){#course_content .course-image{grid-template-columns:1fr}}.course-toc li{position:relative;list-style:none}.course-toc li>a:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%)}.course-toc li.unit>a:after{content:">"}.course-toc li.unit.open>a:after{content:"v"}.course-toc li.lesson>a:after,.course-toc li.chapter>a:after{content:none}.course-toc ul ul{height:0;overflow:hidden;transition:height .3s ease}.course-toc li.open>ul{height:auto}div#course_navigation{padding-top:20px}#course_prev,#course_next{font-family:Roboto;font-size:15px;font-weight:700;line-height:26px;letter-spacing:.15em;text-align:left;color:#000;text-transform:uppercase}#course_prev:before{content:"←";margin-right:5px}#course_prev:after{margin-left:5px;font-family:Roboto;font-size:15px;font-weight:700;line-height:26px;letter-spacing:.15em}#course_next:after{content:"Lesson →";margin-left:5px;font-family:Roboto;font-size:15px;font-weight:700;line-height:26px;letter-spacing:.15em}.course-sidebar{flex:0 0 33.333%;max-width:33.333%;background-color:#fff;padding:20px;border-right:1px solid #ddd;overflow-y:auto;position:sticky;top:20px;max-height:calc(100vh - 40px)}.course-toc ul{list-style:none;margin:0;padding:0}.course-toc li{margin-bottom:0;position:relative;cursor:pointer;padding:5px 0;border-bottom:.5px solid #000}#course_toc li.lesson,#course_toc li.chapter{border-bottom:none;padding-bottom:0}#course_toc li.lesson a span{width:80%;display:block}#course_toc li.chapter a span{width:100%}.course-toc li a{text-decoration:none;display:block;width:100%;color:#313439;font-weight:700;transition:color .5s ease-in-out}.course-toc li a:visited{color:#888 !important}.course-toc li a:hover{color:#313439}.course-toc li.unit>a{font-family:‘Roboto’,sans-serif;font-weight:700;font-size:15px;text-transform:uppercase;text-decoration:none;line-height:20px;letter-spacing:.15em;color:#000;display:block;padding:10px;position:relative}.course-toc li.lesson>a{font-family:‘Roboto’,sans-serif;font-weight:500;font-size:13px;line-height:20px;letter-spacing:.05em;text-transform:none;padding-left:15px;text-decoration:none;color:#000;display:block;position:relative}.course-toc li.lesson:not(.noChildren)>a:after{content:">";font-size:13px;margin-left:.5em;color:#000}.course-toc li.lesson.open:not(.noChildren)>a:after{content:"v";font-size:13px;margin-left:.5em;color:#000}.course-toc li.chapter>a{font-family:‘Roboto’,sans-serif;font-weight:400;font-size:12px;line-height:14px;letter-spacing:.05em;padding-left:30px;text-decoration:none;color:#000;display:block;position:relative}.course-toc li.unit.open li.lesson:not(.open):not(.noChildren)>a:after{content:">";font-size:13px;margin-left:.5em;color:#000}.course-toc li.unit:after,.course-toc li.lesson:after{font-size:.9rem;position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#aaa;transition:transform .3s ease}.course-toc li.unit.open:after,.course-toc li.lesson.open:after{transform:rotate(90deg)}.course-toc li.chapter:before{content:"○";font-size:12px;position:absolute;left:10px;top:50%;transform:translateY(-50%);color:#aaa}.course-toc li.active>a{background-color:#f7f7f7;color:#000}.course-toc li.open>a{color:#000}.course-toc ul ul{display:none;margin-left:0;padding-left:15px}.course-toc li.open>ul{display:block}.course-toc ul ul a{font-weight:400}.course-toc li>a{padding:10px 0}.course_toc{width:100%}.course_toc.fixed{position:fixed;top:0;z-index:1000;background-color:#fff}#course_title_name{font-family:"Roboto",sans-serif;font-size:1.25rem;font-weight:700;line-height:1.625rem;letter-spacing:.15em;text-align:left;text-transform:uppercase;color:#fff;padding:5px 8px}#course_lesson_name{font-family:"Roboto Slab",serif;font-size:2.5rem;font-weight:700;line-height:2.875rem;letter-spacing:.05em;text-align:left;text-underline-position:from-font}#course_chapter_name{font-family:"Roboto",sans-serif;font-size:1.5625rem;font-weight:700;line-height:1.625rem;letter-spacing:.15em;text-align:left;text-underline-position:from-font}#course_content{font-family:"Roboto",sans-serif;font-size:1.125rem;font-weight:400;line-height:1.5rem;letter-spacing:.05em;text-align:left;text-underline-position:from-font}#course_content .course-media-block{margin:20px 0 !important}#course_content .course-image{display:grid;gap:15px}@media (max-width:768px){#course_content .course-image,#course_content .course-media-block{grid-template-columns:1fr !important;display:block !important}#course_content iframe{display:block;width:100vw !important;height:auto;aspect-ratio:16/9;margin:20px 0;border:3px solid #000;background:#000;box-shadow:0 4px 6px rgba(0,0,0,.1)}#course_content p{width:100% !important;max-width:100vw;overflow:visible}#course_content .course-media-block{width:100% !important;max-width:100vw;margin:15px 0 !important}#course_content .course-iframe-wrapper{aspect-ratio:16/9;width:100% !important;max-width:100vw;border:3px solid #000}#course_content .course-iframe-wrapper iframe{width:100%;height:100%;display:block}}#course_content .course-iframe-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#000;border:3px solid #000;box-shadow:0 4px 6px rgba(0,0,0,.1);overflow:hidden}#course_content .course-iframe-wrapper iframe{width:100%;height:100%;border:none;display:block}h1#course_content{font-family:"Roboto Slab",serif;font-size:3.125rem;font-weight:700;line-height:2.875rem;letter-spacing:.05em;text-align:left;text-underline-position:from-font}h2#course_content{font-family:"Roboto Slab",serif;font-size:2.5rem;font-weight:700;line-height:2.875rem;letter-spacing:.05em;text-align:left;text-underline-position:from-font}h3#course_content{font-family:"Roboto Slab",serif;font-size:1.875rem;font-weight:700;line-height:2.25rem;letter-spacing:.05em;text-align:center;text-underline-position:from-font}h4#course_content{font-family:"Roboto",sans-serif;font-size:1.5625rem;font-weight:700;text-transform:uppercase;line-height:1.625rem;letter-spacing:.05em;text-align:left;text-underline-position:from-font}