/*------------------------------- Import -------------------------------*/ /*------------------------------- Global Variable -------------------------------*/ /* function -------------------------------*/ /* Breakpoint -------------------------------*/ /* Font Family -------------------------------*/ /* Color -------------------------------*/ /*------------------------------- @mixin -------------------------------*/ /* Arrow -------------------------------*/ /* #course ====================================*/ #okazaki-onishi_contents1.active, #okazaki-onishi_contents2.active, #sec4_okazaki-onishi.active { display: block; } #okazaki-onishi_contents1.hide, #okazaki-onishi_contents2.hide, #sec4_okazaki-onishi.hide { display: none; } #okazaki-yahagi_contents1.active, #okazaki-yahagi_contents2.active, #sec4_okazaki-yahagi.active { display: block; } #okazaki-yahagi_contents1.hide, #okazaki-yahagi_contents2.hide, #sec4_okazaki-yahagi.hide { display: none; } /* #course ====================================*/ #course #content #sec1, #course #content #sec2, #top #content #sec1, #top #content #sec2 { /* course17(viola) */ /* course18(trombone) */ } #course #content #sec1 .course1, #course #content #sec1 .course2, #course #content #sec1 .course3, #course #content #sec1 .course4, #course #content #sec1 .course5, #course #content #sec1 .course6, #course #content #sec1 .course7, #course #content #sec1 .course8, #course #content #sec1 .course9, #course #content #sec1 .course10, #course #content #sec1 .course11, #course #content #sec1 .course12, #course #content #sec1 .course13, #course #content #sec1 .course14, #course #content #sec1 .course15, #course #content #sec1 .course16, #course #content #sec1 .course17, #course #content #sec1 .course18, #course #content #sec2 .course1, #course #content #sec2 .course2, #course #content #sec2 .course3, #course #content #sec2 .course4, #course #content #sec2 .course5, #course #content #sec2 .course6, #course #content #sec2 .course7, #course #content #sec2 .course8, #course #content #sec2 .course9, #course #content #sec2 .course10, #course #content #sec2 .course11, #course #content #sec2 .course12, #course #content #sec2 .course13, #course #content #sec2 .course14, #course #content #sec2 .course15, #course #content #sec2 .course16, #course #content #sec2 .course17, #course #content #sec2 .course18, #top #content #sec1 .course1, #top #content #sec1 .course2, #top #content #sec1 .course3, #top #content #sec1 .course4, #top #content #sec1 .course5, #top #content #sec1 .course6, #top #content #sec1 .course7, #top #content #sec1 .course8, #top #content #sec1 .course9, #top #content #sec1 .course10, #top #content #sec1 .course11, #top #content #sec1 .course12, #top #content #sec1 .course13, #top #content #sec1 .course14, #top #content #sec1 .course15, #top #content #sec1 .course16, #top #content #sec1 .course17, #top #content #sec1 .course18, #top #content #sec2 .course1, #top #content #sec2 .course2, #top #content #sec2 .course3, #top #content #sec2 .course4, #top #content #sec2 .course5, #top #content #sec2 .course6, #top #content #sec2 .course7, #top #content #sec2 .course8, #top #content #sec2 .course9, #top #content #sec2 .course10, #top #content #sec2 .course11, #top #content #sec2 .course12, #top #content #sec2 .course13, #top #content #sec2 .course14, #top #content #sec2 .course15, #top #content #sec2 .course16, #top #content #sec2 .course17, #top #content #sec2 .course18 { display: block; background: #fff; position: relative; padding: 15px; text-align: center; font-size: 90%; } @media screen and (max-width: 767px) { #course #content #sec1 .course1, #course #content #sec1 .course2, #course #content #sec1 .course3, #course #content #sec1 .course4, #course #content #sec1 .course5, #course #content #sec1 .course6, #course #content #sec1 .course7, #course #content #sec1 .course8, #course #content #sec1 .course9, #course #content #sec1 .course10, #course #content #sec1 .course11, #course #content #sec1 .course12, #course #content #sec1 .course13, #course #content #sec1 .course14, #course #content #sec1 .course15, #course #content #sec1 .course16, #course #content #sec1 .course17, #course #content #sec1 .course18, #course #content #sec2 .course1, #course #content #sec2 .course2, #course #content #sec2 .course3, #course #content #sec2 .course4, #course #content #sec2 .course5, #course #content #sec2 .course6, #course #content #sec2 .course7, #course #content #sec2 .course8, #course #content #sec2 .course9, #course #content #sec2 .course10, #course #content #sec2 .course11, #course #content #sec2 .course12, #course #content #sec2 .course13, #course #content #sec2 .course14, #course #content #sec2 .course15, #course #content #sec2 .course16, #course #content #sec2 .course17, #course #content #sec2 .course18, #top #content #sec1 .course1, #top #content #sec1 .course2, #top #content #sec1 .course3, #top #content #sec1 .course4, #top #content #sec1 .course5, #top #content #sec1 .course6, #top #content #sec1 .course7, #top #content #sec1 .course8, #top #content #sec1 .course9, #top #content #sec1 .course10, #top #content #sec1 .course11, #top #content #sec1 .course12, #top #content #sec1 .course13, #top #content #sec1 .course14, #top #content #sec1 .course15, #top #content #sec1 .course16, #top #content #sec1 .course17, #top #content #sec1 .course18, #top #content #sec2 .course1, #top #content #sec2 .course2, #top #content #sec2 .course3, #top #content #sec2 .course4, #top #content #sec2 .course5, #top #content #sec2 .course6, #top #content #sec2 .course7, #top #content #sec2 .course8, #top #content #sec2 .course9, #top #content #sec2 .course10, #top #content #sec2 .course11, #top #content #sec2 .course12, #top #content #sec2 .course13, #top #content #sec2 .course14, #top #content #sec2 .course15, #top #content #sec2 .course16, #top #content #sec2 .course17, #top #content #sec2 .course18 { padding: 15px 5px; font-size: 85%; } } @media screen and (max-width: 375px) { #course #content #sec1 .course1, #course #content #sec1 .course2, #course #content #sec1 .course3, #course #content #sec1 .course4, #course #content #sec1 .course5, #course #content #sec1 .course6, #course #content #sec1 .course7, #course #content #sec1 .course8, #course #content #sec1 .course9, #course #content #sec1 .course10, #course #content #sec1 .course11, #course #content #sec1 .course12, #course #content #sec1 .course13, #course #content #sec1 .course14, #course #content #sec1 .course15, #course #content #sec1 .course16, #course #content #sec1 .course17, #course #content #sec1 .course18, #course #content #sec2 .course1, #course #content #sec2 .course2, #course #content #sec2 .course3, #course #content #sec2 .course4, #course #content #sec2 .course5, #course #content #sec2 .course6, #course #content #sec2 .course7, #course #content #sec2 .course8, #course #content #sec2 .course9, #course #content #sec2 .course10, #course #content #sec2 .course11, #course #content #sec2 .course12, #course #content #sec2 .course13, #course #content #sec2 .course14, #course #content #sec2 .course15, #course #content #sec2 .course16, #course #content #sec2 .course17, #course #content #sec2 .course18, #top #content #sec1 .course1, #top #content #sec1 .course2, #top #content #sec1 .course3, #top #content #sec1 .course4, #top #content #sec1 .course5, #top #content #sec1 .course6, #top #content #sec1 .course7, #top #content #sec1 .course8, #top #content #sec1 .course9, #top #content #sec1 .course10, #top #content #sec1 .course11, #top #content #sec1 .course12, #top #content #sec1 .course13, #top #content #sec1 .course14, #top #content #sec1 .course15, #top #content #sec1 .course16, #top #content #sec1 .course17, #top #content #sec1 .course18, #top #content #sec2 .course1, #top #content #sec2 .course2, #top #content #sec2 .course3, #top #content #sec2 .course4, #top #content #sec2 .course5, #top #content #sec2 .course6, #top #content #sec2 .course7, #top #content #sec2 .course8, #top #content #sec2 .course9, #top #content #sec2 .course10, #top #content #sec2 .course11, #top #content #sec2 .course12, #top #content #sec2 .course13, #top #content #sec2 .course14, #top #content #sec2 .course15, #top #content #sec2 .course16, #top #content #sec2 .course17, #top #content #sec2 .course18 { padding: 15px 5px; font-size: 80%; } } #course #content #sec1 .course1::after, #course #content #sec1 .course2::after, #course #content #sec1 .course3::after, #course #content #sec1 .course4::after, #course #content #sec1 .course5::after, #course #content #sec1 .course6::after, #course #content #sec1 .course7::after, #course #content #sec1 .course8::after, #course #content #sec1 .course9::after, #course #content #sec1 .course10::after, #course #content #sec1 .course11::after, #course #content #sec1 .course12::after, #course #content #sec1 .course13::after, #course #content #sec1 .course14::after, #course #content #sec1 .course15::after, #course #content #sec1 .course16::after, #course #content #sec1 .course17::after, #course #content #sec1 .course18::after, #course #content #sec2 .course1::after, #course #content #sec2 .course2::after, #course #content #sec2 .course3::after, #course #content #sec2 .course4::after, #course #content #sec2 .course5::after, #course #content #sec2 .course6::after, #course #content #sec2 .course7::after, #course #content #sec2 .course8::after, #course #content #sec2 .course9::after, #course #content #sec2 .course10::after, #course #content #sec2 .course11::after, #course #content #sec2 .course12::after, #course #content #sec2 .course13::after, #course #content #sec2 .course14::after, #course #content #sec2 .course15::after, #course #content #sec2 .course16::after, #course #content #sec2 .course17::after, #course #content #sec2 .course18::after, #top #content #sec1 .course1::after, #top #content #sec1 .course2::after, #top #content #sec1 .course3::after, #top #content #sec1 .course4::after, #top #content #sec1 .course5::after, #top #content #sec1 .course6::after, #top #content #sec1 .course7::after, #top #content #sec1 .course8::after, #top #content #sec1 .course9::after, #top #content #sec1 .course10::after, #top #content #sec1 .course11::after, #top #content #sec1 .course12::after, #top #content #sec1 .course13::after, #top #content #sec1 .course14::after, #top #content #sec1 .course15::after, #top #content #sec1 .course16::after, #top #content #sec1 .course17::after, #top #content #sec1 .course18::after, #top #content #sec2 .course1::after, #top #content #sec2 .course2::after, #top #content #sec2 .course3::after, #top #content #sec2 .course4::after, #top #content #sec2 .course5::after, #top #content #sec2 .course6::after, #top #content #sec2 .course7::after, #top #content #sec2 .course8::after, #top #content #sec2 .course9::after, #top #content #sec2 .course10::after, #top #content #sec2 .course11::after, #top #content #sec2 .course12::after, #top #content #sec2 .course13::after, #top #content #sec2 .course14::after, #top #content #sec2 .course15::after, #top #content #sec2 .course16::after, #top #content #sec2 .course17::after, #top #content #sec2 .course18::after { content: ""; position: absolute; z-index: 2; } #course #content #sec1 .course1::before, #course #content #sec1 .course2::before, #course #content #sec1 .course3::before, #course #content #sec1 .course4::before, #course #content #sec1 .course5::before, #course #content #sec1 .course6::before, #course #content #sec1 .course7::before, #course #content #sec1 .course8::before, #course #content #sec1 .course9::before, #course #content #sec1 .course10::before, #course #content #sec1 .course11::before, #course #content #sec1 .course12::before, #course #content #sec1 .course13::before, #course #content #sec1 .course14::before, #course #content #sec1 .course15::before, #course #content #sec1 .course16::before, #course #content #sec1 .course17::before, #course #content #sec1 .course18::before, #course #content #sec2 .course1::before, #course #content #sec2 .course2::before, #course #content #sec2 .course3::before, #course #content #sec2 .course4::before, #course #content #sec2 .course5::before, #course #content #sec2 .course6::before, #course #content #sec2 .course7::before, #course #content #sec2 .course8::before, #course #content #sec2 .course9::before, #course #content #sec2 .course10::before, #course #content #sec2 .course11::before, #course #content #sec2 .course12::before, #course #content #sec2 .course13::before, #course #content #sec2 .course14::before, #course #content #sec2 .course15::before, #course #content #sec2 .course16::before, #course #content #sec2 .course17::before, #course #content #sec2 .course18::before, #top #content #sec1 .course1::before, #top #content #sec1 .course2::before, #top #content #sec1 .course3::before, #top #content #sec1 .course4::before, #top #content #sec1 .course5::before, #top #content #sec1 .course6::before, #top #content #sec1 .course7::before, #top #content #sec1 .course8::before, #top #content #sec1 .course9::before, #top #content #sec1 .course10::before, #top #content #sec1 .course11::before, #top #content #sec1 .course12::before, #top #content #sec1 .course13::before, #top #content #sec1 .course14::before, #top #content #sec1 .course15::before, #top #content #sec1 .course16::before, #top #content #sec1 .course17::before, #top #content #sec1 .course18::before, #top #content #sec2 .course1::before, #top #content #sec2 .course2::before, #top #content #sec2 .course3::before, #top #content #sec2 .course4::before, #top #content #sec2 .course5::before, #top #content #sec2 .course6::before, #top #content #sec2 .course7::before, #top #content #sec2 .course8::before, #top #content #sec2 .course9::before, #top #content #sec2 .course10::before, #top #content #sec2 .course11::before, #top #content #sec2 .course12::before, #top #content #sec2 .course13::before, #top #content #sec2 .course14::before, #top #content #sec2 .course15::before, #top #content #sec2 .course16::before, #top #content #sec2 .course17::before, #top #content #sec2 .course18::before { content: ""; position: absolute; background: #92adb0; width: 5px; height: 5px; right: 10px; bottom: 10px; border-radius: 9999px; } #course #content #sec1 .course1:hover, #course #content #sec1 .course2:hover, #course #content #sec1 .course3:hover, #course #content #sec1 .course4:hover, #course #content #sec1 .course5:hover, #course #content #sec1 .course6:hover, #course #content #sec1 .course7:hover, #course #content #sec1 .course8:hover, #course #content #sec1 .course9:hover, #course #content #sec1 .course10:hover, #course #content #sec1 .course11:hover, #course #content #sec1 .course12:hover, #course #content #sec1 .course13:hover, #course #content #sec1 .course14:hover, #course #content #sec1 .course15:hover, #course #content #sec1 .course16:hover, #course #content #sec1 .course17:hover, #course #content #sec1 .course18:hover, #course #content #sec2 .course1:hover, #course #content #sec2 .course2:hover, #course #content #sec2 .course3:hover, #course #content #sec2 .course4:hover, #course #content #sec2 .course5:hover, #course #content #sec2 .course6:hover, #course #content #sec2 .course7:hover, #course #content #sec2 .course8:hover, #course #content #sec2 .course9:hover, #course #content #sec2 .course10:hover, #course #content #sec2 .course11:hover, #course #content #sec2 .course12:hover, #course #content #sec2 .course13:hover, #course #content #sec2 .course14:hover, #course #content #sec2 .course15:hover, #course #content #sec2 .course16:hover, #course #content #sec2 .course17:hover, #course #content #sec2 .course18:hover, #top #content #sec1 .course1:hover, #top #content #sec1 .course2:hover, #top #content #sec1 .course3:hover, #top #content #sec1 .course4:hover, #top #content #sec1 .course5:hover, #top #content #sec1 .course6:hover, #top #content #sec1 .course7:hover, #top #content #sec1 .course8:hover, #top #content #sec1 .course9:hover, #top #content #sec1 .course10:hover, #top #content #sec1 .course11:hover, #top #content #sec1 .course12:hover, #top #content #sec1 .course13:hover, #top #content #sec1 .course14:hover, #top #content #sec1 .course15:hover, #top #content #sec1 .course16:hover, #top #content #sec1 .course17:hover, #top #content #sec1 .course18:hover, #top #content #sec2 .course1:hover, #top #content #sec2 .course2:hover, #top #content #sec2 .course3:hover, #top #content #sec2 .course4:hover, #top #content #sec2 .course5:hover, #top #content #sec2 .course6:hover, #top #content #sec2 .course7:hover, #top #content #sec2 .course8:hover, #top #content #sec2 .course9:hover, #top #content #sec2 .course10:hover, #top #content #sec2 .course11:hover, #top #content #sec2 .course12:hover, #top #content #sec2 .course13:hover, #top #content #sec2 .course14:hover, #top #content #sec2 .course15:hover, #top #content #sec2 .course16:hover, #top #content #sec2 .course17:hover, #top #content #sec2 .course18:hover { transition: all .8s; } #course #content #sec1 .course1:hover::before, #course #content #sec1 .course2:hover::before, #course #content #sec1 .course3:hover::before, #course #content #sec1 .course4:hover::before, #course #content #sec1 .course5:hover::before, #course #content #sec1 .course6:hover::before, #course #content #sec1 .course7:hover::before, #course #content #sec1 .course8:hover::before, #course #content #sec1 .course9:hover::before, #course #content #sec1 .course10:hover::before, #course #content #sec1 .course11:hover::before, #course #content #sec1 .course12:hover::before, #course #content #sec1 .course13:hover::before, #course #content #sec1 .course14:hover::before, #course #content #sec1 .course15:hover::before, #course #content #sec1 .course16:hover::before, #course #content #sec1 .course17:hover::before, #course #content #sec1 .course18:hover::before, #course #content #sec2 .course1:hover::before, #course #content #sec2 .course2:hover::before, #course #content #sec2 .course3:hover::before, #course #content #sec2 .course4:hover::before, #course #content #sec2 .course5:hover::before, #course #content #sec2 .course6:hover::before, #course #content #sec2 .course7:hover::before, #course #content #sec2 .course8:hover::before, #course #content #sec2 .course9:hover::before, #course #content #sec2 .course10:hover::before, #course #content #sec2 .course11:hover::before, #course #content #sec2 .course12:hover::before, #course #content #sec2 .course13:hover::before, #course #content #sec2 .course14:hover::before, #course #content #sec2 .course15:hover::before, #course #content #sec2 .course16:hover::before, #course #content #sec2 .course17:hover::before, #course #content #sec2 .course18:hover::before, #top #content #sec1 .course1:hover::before, #top #content #sec1 .course2:hover::before, #top #content #sec1 .course3:hover::before, #top #content #sec1 .course4:hover::before, #top #content #sec1 .course5:hover::before, #top #content #sec1 .course6:hover::before, #top #content #sec1 .course7:hover::before, #top #content #sec1 .course8:hover::before, #top #content #sec1 .course9:hover::before, #top #content #sec1 .course10:hover::before, #top #content #sec1 .course11:hover::before, #top #content #sec1 .course12:hover::before, #top #content #sec1 .course13:hover::before, #top #content #sec1 .course14:hover::before, #top #content #sec1 .course15:hover::before, #top #content #sec1 .course16:hover::before, #top #content #sec1 .course17:hover::before, #top #content #sec1 .course18:hover::before, #top #content #sec2 .course1:hover::before, #top #content #sec2 .course2:hover::before, #top #content #sec2 .course3:hover::before, #top #content #sec2 .course4:hover::before, #top #content #sec2 .course5:hover::before, #top #content #sec2 .course6:hover::before, #top #content #sec2 .course7:hover::before, #top #content #sec2 .course8:hover::before, #top #content #sec2 .course9:hover::before, #top #content #sec2 .course10:hover::before, #top #content #sec2 .course11:hover::before, #top #content #sec2 .course12:hover::before, #top #content #sec2 .course13:hover::before, #top #content #sec2 .course14:hover::before, #top #content #sec2 .course15:hover::before, #top #content #sec2 .course16:hover::before, #top #content #sec2 .course17:hover::before, #top #content #sec2 .course18:hover::before { transition: all .8s; bottom: 20px; } #course #content #sec1 .course1 span, #course #content #sec1 .course2 span, #course #content #sec1 .course3 span, #course #content #sec1 .course4 span, #course #content #sec1 .course5 span, #course #content #sec1 .course6 span, #course #content #sec1 .course7 span, #course #content #sec1 .course8 span, #course #content #sec1 .course9 span, #course #content #sec1 .course10 span, #course #content #sec1 .course11 span, #course #content #sec1 .course12 span, #course #content #sec1 .course13 span, #course #content #sec1 .course14 span, #course #content #sec1 .course15 span, #course #content #sec1 .course16 span, #course #content #sec1 .course17 span, #course #content #sec1 .course18 span, #course #content #sec2 .course1 span, #course #content #sec2 .course2 span, #course #content #sec2 .course3 span, #course #content #sec2 .course4 span, #course #content #sec2 .course5 span, #course #content #sec2 .course6 span, #course #content #sec2 .course7 span, #course #content #sec2 .course8 span, #course #content #sec2 .course9 span, #course #content #sec2 .course10 span, #course #content #sec2 .course11 span, #course #content #sec2 .course12 span, #course #content #sec2 .course13 span, #course #content #sec2 .course14 span, #course #content #sec2 .course15 span, #course #content #sec2 .course16 span, #course #content #sec2 .course17 span, #course #content #sec2 .course18 span, #top #content #sec1 .course1 span, #top #content #sec1 .course2 span, #top #content #sec1 .course3 span, #top #content #sec1 .course4 span, #top #content #sec1 .course5 span, #top #content #sec1 .course6 span, #top #content #sec1 .course7 span, #top #content #sec1 .course8 span, #top #content #sec1 .course9 span, #top #content #sec1 .course10 span, #top #content #sec1 .course11 span, #top #content #sec1 .course12 span, #top #content #sec1 .course13 span, #top #content #sec1 .course14 span, #top #content #sec1 .course15 span, #top #content #sec1 .course16 span, #top #content #sec1 .course17 span, #top #content #sec1 .course18 span, #top #content #sec2 .course1 span, #top #content #sec2 .course2 span, #top #content #sec2 .course3 span, #top #content #sec2 .course4 span, #top #content #sec2 .course5 span, #top #content #sec2 .course6 span, #top #content #sec2 .course7 span, #top #content #sec2 .course8 span, #top #content #sec2 .course9 span, #top #content #sec2 .course10 span, #top #content #sec2 .course11 span, #top #content #sec2 .course12 span, #top #content #sec2 .course13 span, #top #content #sec2 .course14 span, #top #content #sec2 .course15 span, #top #content #sec2 .course16 span, #top #content #sec2 .course17 span, #top #content #sec2 .course18 span { display: block; font-family: "sofia-pro", "sans-serif"; } #course #content #sec1 .course9::after, #course #content #sec2 .course9::after, #top #content #sec1 .course9::after, #top #content #sec2 .course9::after { top: -25px; left: auto; right: 35px; } @media screen and (max-width: 767px) { #course #content #sec1 .course9::after, #course #content #sec2 .course9::after, #top #content #sec1 .course9::after, #top #content #sec2 .course9::after { right: auto; left: 10%; } } #course #content #sec1 .course10::after, #course #content #sec2 .course10::after, #top #content #sec1 .course10::after, #top #content #sec2 .course10::after { top: -10px; } #course #content #sec1 .course15::after, #course #content #sec2 .course15::after, #top #content #sec1 .course15::after, #top #content #sec2 .course15::after { background: url(../img/top/sec2-gakki15.png) 0 0/33px 124px; width: 33px; height: 124px; left: 170px; top: -13px; background-repeat: no-repeat; } @media screen and (max-width: 999px) and (max-width: 767px) { #course #content #sec1 .course15::after, #course #content #sec2 .course15::after, #top #content #sec1 .course15::after, #top #content #sec2 .course15::after { background: url(../img/top/sec2-gakki15.png) 0 0/22px 94px; width: 22px; height: 94px; left: 74%; top: 0px; background-repeat: no-repeat; } } #course #content #sec1 .course17::after, #course #content #sec2 .course17::after, #top #content #sec1 .course17::after, #top #content #sec2 .course17::after { background: url(../img/top/sec2-gakki17.png) 0 0/36px 94px; width: 36px; height: 94px; right: 30px; top: -10px; } @media screen and (max-width: 767px) { #course #content #sec1 .course17::after, #course #content #sec2 .course17::after, #top #content #sec1 .course17::after, #top #content #sec2 .course17::after { background: url(../img/top/sec2-gakki17.png) 0 0/27px 62px; width: 27px; height: 62px; right: auto; top: 11%; left: 7%; } } #course #content #sec1 .course18::after, #course #content #sec2 .course18::after, #top #content #sec1 .course18::after, #top #content #sec2 .course18::after { background: url(../img/top/sec2-gakki18.png) 0 0/50px 108px; width: 50px; height: 108px; right: 20px; top: -20px; } @media screen and (max-width: 767px) { #course #content #sec1 .course18::after, #course #content #sec2 .course18::after, #top #content #sec1 .course18::after, #top #content #sec2 .course18::after { background: url(../img/top/sec2-gakki18.png) 0 0/33px 66px; width: 33px; height: 66px; right: 12px; top: 5px; } } /* course-link */ .course-link .course17, .course-link .course18 { display: block; border: 2px solid #fff; position: relative; padding: 15px; text-align: center; font-size: 90%; } @media screen and (max-width: 767px) { .course-link .course17, .course-link .course18 { padding: 15px 5px; font-size: 85%; } } @media screen and (max-width: 375px) { .course-link .course17, .course-link .course18 { padding: 15px 5px; font-size: 80%; } } .course-link .course17::after, .course-link .course18::after { content: ""; position: absolute; z-index: 2; } .course-link .course17::before, .course-link .course18::before { content: ""; position: absolute; background: #92adb0; width: 5px; height: 5px; right: 10px; bottom: 10px; border-radius: 9999px; } .course-link .course17:hover, .course-link .course18:hover { transition: all .8s; } .course-link .course17:hover::before, .course-link .course18:hover::before { transition: all .8s; bottom: 20px; } .course-link .course17 span, .course-link .course18 span { display: block; font-family: "sofia-pro", "sans-serif"; } /*# sourceMappingURL=new_style.css.map */