.CoursePage-module-scss-module__UdicLq__pageInner{width:100%;margin:0 auto}
.CoursePageBody-module-scss-module__QhYsaq__body{padding:56px 32px 120px}@media screen and (max-width:1012px){.CoursePageBody-module-scss-module__QhYsaq__body{background:var(--color-bg-gray)}}@media screen and (max-width:544px){.CoursePageBody-module-scss-module__QhYsaq__body{padding:24px 24px 64px}}.CoursePageBody-module-scss-module__QhYsaq__bodyInner{width:100%;max-width:1024px;margin:0 auto}
.CourseInfo-module-scss-module__SXIjMG__courseInfo{justify-content:space-between;align-items:center;margin:16px 0;display:flex}@media screen and (max-width:768px){.CourseInfo-module-scss-module__SXIjMG__courseInfo{margin:var(--space-200,8px) 0 0 0}}
.CourseOverviewForDesktop-module-scss-module__HQeSvq__overviewWrapper{background:0 0;display:block;position:relative}@media screen and (max-width:1012px){.CourseOverviewForDesktop-module-scss-module__HQeSvq__overviewWrapper{display:none}}.CourseOverviewForDesktop-module-scss-module__HQeSvq__thumbnail{aspect-ratio:2;width:100%;height:auto}.CourseOverviewForDesktop-module-scss-module__HQeSvq__overviewContainer{transition:max-height .3s ease-in-out;position:relative;overflow:hidden}.CourseOverviewForDesktop-module-scss-module__HQeSvq__overviewContainer.CourseOverviewForDesktop-module-scss-module__HQeSvq__expanded .CourseOverviewForDesktop-module-scss-module__HQeSvq__gradient{background:0 0}.CourseOverviewForDesktop-module-scss-module__HQeSvq__overviewContainer .CourseOverviewForDesktop-module-scss-module__HQeSvq__gradient{background:linear-gradient(#f3f5f500,#f3f5f5);width:100%;height:50px;transition:background .3s ease-in-out;position:absolute;bottom:0;left:0}.CourseOverviewForDesktop-module-scss-module__HQeSvq__expandButton{cursor:pointer;text-align:center;width:100%;position:absolute;transform:translateY(-4px)}
.CourseOverviewForMobile-module-scss-module__mKUunq__overviewWrapper{padding:32px 32px 48px;display:none}@media screen and (max-width:1012px){.CourseOverviewForMobile-module-scss-module__mKUunq__overviewWrapper{padding:32px 24px 48px;display:block}}
.CoursePageHeader-module-scss-module__kIkk_W__coursePageHeader{background:var(--color-bg-gray);padding:0 32px}@media screen and (max-width:544px){.CoursePageHeader-module-scss-module__kIkk_W__coursePageHeader{padding:0 24px}}.CoursePageHeader-module-scss-module__kIkk_W__coursePageHeaderInner{width:100%;max-width:1024px;margin:0 auto}.CoursePageHeader-module-scss-module__kIkk_W__contents{padding:56px 0 64px}@media screen and (max-width:544px){.CoursePageHeader-module-scss-module__kIkk_W__contents{padding:40px 0}}.CoursePageHeader-module-scss-module__kIkk_W__contents{justify-content:space-between;gap:var(--space-1000,40px);display:flex}@media screen and (max-width:1012px){.CoursePageHeader-module-scss-module__kIkk_W__contents{gap:var(--space-200,8px);flex-direction:column}}.CoursePageHeader-module-scss-module__kIkk_W__leftPane{flex-grow:1}@media screen and (max-width:1012px){.CoursePageHeader-module-scss-module__kIkk_W__leftPane{width:100%}}.CoursePageHeader-module-scss-module__kIkk_W__leftPane .CoursePageHeader-module-scss-module__kIkk_W__title{border-bottom:1px solid var(--color-border-darken);padding-bottom:var(--space-400,16px);align-items:center;display:flex}.CoursePageHeader-module-scss-module__kIkk_W__rightPane{flex-shrink:0;width:398px}@media screen and (max-width:1012px){.CoursePageHeader-module-scss-module__kIkk_W__rightPane{width:100%}}.CoursePageHeader-module-scss-module__kIkk_W__rightPane .CoursePageHeader-module-scss-module__kIkk_W__thumbnail{aspect-ratio:2;width:100%;height:auto}.CoursePageHeader-module-scss-module__kIkk_W__onlySp{display:none}@media screen and (max-width:1012px){.CoursePageHeader-module-scss-module__kIkk_W__onlySp{display:block}}.CoursePageHeader-module-scss-module__kIkk_W__onlyNonSp{display:block}@media screen and (max-width:1012px){.CoursePageHeader-module-scss-module__kIkk_W__onlyNonSp{display:none}}
.CourseCompleteRibbon-module-scss-module__feXhFW__titleRibbon{width:auto;height:32px;margin-top:8px;margin-right:4px}@media screen and (max-width:544px){.CourseCompleteRibbon-module-scss-module__feXhFW__titleRibbon{width:auto;height:24px;margin-top:4px;margin-right:4px}}.CourseCompleteRibbon-module-scss-module__feXhFW__ribbonImage{width:28px;margin-left:4px}@media screen and (max-width:544px){.CourseCompleteRibbon-module-scss-module__feXhFW__ribbonImage{width:28px;margin-left:4px}}