.classroom-tutorial-groups{color:#fff}.classroom-tutorial-groups__inner{display:flex;flex-direction:column;gap:12.8vw;padding-top:6.4vw;padding-bottom:6.4vw}[data-classroom-tutorial].is-hidden,.swiper-slide.swiper-slide-hidden{display:none!important}.classroom-tutorial-groups__list--empty .classroom-tutorial-groups__heading,.classroom-tutorial-groups__list--empty .classroom-tutorial-groups__panel{display:none}.classroom-tutorial-groups__empty{margin:0;text-align:center;font-size:calc(16 * 100vw / 375);color:#ffffffd9}.classroom-tutorial-groups__empty.is-hidden{display:none}.classroom-tutorial-groups__heading{margin:0;text-align:center;font-size:calc(28 * 100vw / 375);font-weight:600;line-height:1;color:#fff;text-shadow:2px 2px 0 #00259e}.classroom-tutorial-groups__panel{position:relative;margin-top:6.4vw}.classroom-tutorial-groups__panel.is-hidden{display:none}.classroom-tutorial-groups__hero{position:relative}.classroom-tutorial-groups__hero .kol-tutorial-hero-card.is-hidden,[data-classroom-tutorial].is-hidden{display:none!important}.classroom-tutorial-groups__hero-swiper{position:relative}.classroom-tutorial-groups__hero-swiper .swiper{overflow:hidden}.classroom-tutorial-groups__hero-swiper .swiper-slide{height:auto}.classroom-tutorial-groups__hero-navigation{display:none}.classroom-tutorial-groups__hero-navigation.is-hidden{display:none!important}.classroom-tutorial-groups__carousel{position:relative}.classroom-tutorial-groups__swiper{position:relative;padding-inline:0}.classroom-tutorial-groups__swiper .swiper{overflow:hidden}.classroom-tutorial-groups__swiper .swiper-slide{height:auto}.classroom-tutorial-groups__navigation{display:none}.classroom-tutorial-groups__nav-btn{position:absolute;top:50%;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:4.4rem;height:4.4rem;margin-top:-2.2rem;border:0;border-radius:999px;background:#fff;color:#101828;cursor:pointer}.classroom-tutorial-groups__nav-btn--prev{left:0;transform:translate(calc(-100% - 10px))}.classroom-tutorial-groups__nav-btn--next{right:0;transform:translate(calc(10px + 100%))}.classroom-tutorial-groups__nav-btn.swiper-button-disabled{opacity:.35;pointer-events:none}.classroom-tutorial-groups .kol-tutorial-card__medal{display:var(--classroom-show-medal, block)}.classroom-tutorial-groups__list[data-show-medal=false]{--classroom-show-medal: none}.classroom-tutorial-groups__divider-pc,.classroom-tutorial-groups__divider-mb{width:100%;height:auto;display:block}@media screen and (max-width:749px){.classroom-tutorial-groups__nav-btn--prev,.classroom-tutorial-groups__nav-btn--next,.classroom-tutorial-groups__divider-pc{display:none}}@media screen and (max-width:999px){.classroom-tutorial-groups__nav-btn--prev{transform:translate(-50%)}.classroom-tutorial-groups__nav-btn--next{transform:translate(50%)}}@media screen and (min-width:750px){.classroom-tutorial-groups__divider-mb{display:none}.classroom-tutorial-groups__nav-btn svg{width:clamp(20px,1.25vw,24px);height:clamp(20px,1.25vw,24px)}.classroom-tutorial-groups__inner{gap:calc(64 * 100vw / 1920);padding-top:min(calc(56 * 100vw / 1920),56px);padding-bottom:min(calc(64 * 100vw / 1920),64px)}.classroom-tutorial-groups__heading{font-size:clamp(28px,calc(56 * 100vw / 1920),56px);text-shadow:4px 4px 0 #00259e}.classroom-tutorial-groups__panel{margin-top:min(2.5vw,48px)}.classroom-tutorial-groups__navigation{display:block}.classroom-tutorial-groups__hero-navigation:not(.is-hidden){display:block}}@media screen and (max-width:749px){.classroom-tutorial-groups__panel:not([data-tutorials-count="1"]){margin-right:calc(-1 * var(--page-padding));margin-left:calc(-1 * var(--page-padding))}.classroom-tutorial-groups__panel:not([data-tutorials-count="1"]) .swiper{padding-right:calc(1 * var(--page-padding));padding-left:calc(1 * var(--page-padding))}.classroom-tutorial-groups__nav-btn--prev{left:0}.classroom-tutorial-groups__nav-btn--next{right:0}.classroom-tutorial-groups__panel:not(.classroom-tutorial-groups__panel){margin-right:calc(-1 * var(--page-padding))}}.tutorials-section__item-inner{background-color:#fff;border-radius:8px}.tutorials-section .section-title{text-align:center;font-size:calc(28 * 100vw / 375);color:#fff;text-shadow:2px 2px 0 #00259E}.tutorials-section__item-inner{height:100%}.tutorials-section__item-image{max-width:220px;padding-inline:0!important}.tutorials-section__item-image{overflow:hidden}.tutorials-section__item-image img{transition:.3s ease}.tutorials-section__item-image:hover img{transform:scale(1.1)}.tutorials-section__item-inner{padding:calc(8 * 100vw / 375)!important}@media screen and (min-width:750px){.tutorials-section__item-inner{padding:clamp(8px,1.25vw,24px)!important}.tutorials-section .section-title{font-size:clamp(28px,calc(56 * 100vw / 1920),56px);text-shadow:4px 4px 0 #00259E}}@media(max-width:768px){.tutorials-section__item:nth-child(odd):last-child{grid-column:span 2}.tutorials-section__item-image>img{max-width:100px}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/section-classroom-tutorial-groups.css.map */