:root{--cream:#f5f0e8;--cream-dark:#ede5d4;--black:#1a1a1a;--orange:#E66204;--orange-hover:#c85e20;--gray-text:#444;--border:#ccc;--font-serif:"source-han-sans-japanese",serif;--font-body:"fot-tsukuaoldmin-pr6n",sans-serif;--blue:#1A5C7E;--blue-hover:#0F3648;--red:#9B2424;--red-hover:#6B2424}.app-content-header{position:absolute;color:#fff}.app-content-header .breadcrumb{margin-bottom:1rem}.app-content-header .breadcrumb .breadcrumb-item,.app-content-header .breadcrumb .breadcrumb-item a,.app-content-header .breadcrumb .breadcrumb-item::before{color:#fff}.app-content-header .breadcrumb .breadcrumb-item:hover a{text-decoration:underline!important}button.btn{font-size:1.5rem}body.online-practice-shell{background:url("https://stg.sui-okinawa.jp/images/bg-home.png") center center/cover no-repeat fixed}body.online-practice-shell.bg-body-tertiary{background-color:transparent!important}main.app-main{border-radius:0}@media (min-width:768px){body.online-practice-shell{--shell-stage-width:48rem;--shell-max-width:min(var(--shell-stage-width), calc(100% - 4rem));padding:0}body.online-practice-shell .cookie-prompt{position:fixed;bottom:0;left:0;width:100%;z-index:50}body.online-practice-shell .bheader{width:100%;position:static;background:#e66104;z-index:40}body.online-practice-shell .set-app-wrapper{width:100%}body.online-practice-shell .app-main{width:100%;background:0 0;border-radius:0;box-shadow:none;overflow:visible;max-height:none;padding:0;position:static}body.online-practice-shell footer{width:100%;border-radius:0;box-shadow:none;overflow:visible;margin-top:0}body.online-practice-shell #chatBubble{right:max(1.2rem,(100vw - var(--shell-max-width)) / 2 + 1rem);bottom:1.5rem}body.online-practice-shell .online_practice{width:100%;max-width:var(--shell-max-width);margin:4rem auto;background:rgba(255,255,255,.96)!important;border-radius:2.4rem;box-shadow:0 25px 55px rgba(0,0,0,.35);padding:2rem 2.4rem 2.4rem}body.online-practice-shell .online_practice>.container{max-width:100%;padding-left:0;padding-right:0}body.online-practice-shell .online_practice>.container:first-child{padding-top:0;margin-top:0}body.online-practice-shell .online_practice>.container:last-child{padding-bottom:0}body.online-practice-shell .bheader .header-top-bar,body.online-practice-shell .bheader .main-navbar,body.online-practice-shell .bheader .main-navbar .navbar-collapse,body.online-practice-shell .bheader .main-navbar .navbar-nav{background:#e66104}body.online-practice-shell .bheader .navbar{background:0 0}body.online-practice-shell .app-content-header,body.online-practice-shell .app-content-header .breadcrumb-item,body.online-practice-shell .app-content-header .breadcrumb-item a,body.online-practice-shell .app-content-header .breadcrumb-item::before{color:#fff!important}body.online-practice-shell .app-content-header .breadcrumb-item a:hover{color:#fff!important;text-decoration:underline!important}body.online-practice-shell .op-inline-navbar{width:100%;padding:0;margin:0;position:sticky;top:0;z-index:45;display:flex;justify-content:flex-end}body.online-practice-shell .op-inline-navbar__inner{position:relative;display:flex;justify-content:flex-end;width:100%;pointer-events:auto}body.online-practice-shell .op-inline-navbar .navbar-toggler{display:inline-flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;min-width:3.6rem;min-height:3.6rem;aspect-ratio:1/1;border:0;background:#e66104;color:#fff;border-radius:.9rem;padding:0;box-sizing:border-box;box-shadow:0 6px 16px rgba(230,97,4,.35);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}body.online-practice-shell .op-inline-navbar .navbar-toggler:focus,body.online-practice-shell .op-inline-navbar .navbar-toggler:hover{outline:0;background:#f17a2a;box-shadow:0 10px 22px rgba(230,97,4,.4);transform:translateY(-1px)}body.online-practice-shell .op-inline-navbar .navbar-toggler .navbar-toggler-icon{filter:invert(1);width:1.8rem;height:1.8rem}body.online-practice-shell .op-inline-navbar__label{display:none}body.online-practice-shell .op-inline-navbar .navbar-collapse{display:none!important;position:absolute;top:calc(100% + .6rem);left:0;right:0;width:100%;background:#e66104;border-radius:1.6rem;padding:1.8rem 1.6rem 2rem;box-shadow:0 20px 35px rgba(0,0,0,.35);transform:translateY(-1rem);opacity:0;pointer-events:none;transition:transform .25s ease,opacity .25s ease}body.online-practice-shell .op-inline-navbar .navbar-collapse.show{display:block!important;transform:translateY(0);opacity:1;pointer-events:auto}body.online-practice-shell .op-inline-navbar__brand{display:flex;flex-direction:column;gap:.2rem;margin-bottom:1.4rem;color:#fff;text-decoration:none}body.online-practice-shell .op-inline-navbar__brand .brand-main,body.online-practice-shell .op-inline-navbar__brand .brand-sub{color:#fff}body.online-practice-shell .op-inline-navbar .navbar-nav{flex-direction:column;gap:.9rem}body.online-practice-shell .op-inline-navbar .nav-link{color:rgba(255,255,255,.92);font-weight:600;padding:.7rem .9rem;border-radius:.8rem;transition:background-color .2s ease,color .2s ease;display:flex;align-items:center;justify-content:space-between}body.online-practice-shell .op-inline-navbar .nav-link.active,body.online-practice-shell .op-inline-navbar .nav-link:hover{background:rgba(255,255,255,.12);color:#fff}body.online-practice-shell .op-inline-navbar .dropdown-menu{position:static;float:none;background:0 0;border:0;padding:.2rem 0 0;margin:0;box-shadow:none}body.online-practice-shell .op-inline-navbar .dropdown-item{color:rgba(255,255,255,.92);border-radius:.7rem;padding:.55rem .9rem;transition:background-color .2s ease,color .2s ease}body.online-practice-shell .op-inline-navbar .dropdown-item.active,body.online-practice-shell .op-inline-navbar .dropdown-item:hover{background:rgba(255,255,255,.12);color:#fff}body.online-practice-shell .set-scroll{max-height:none;overflow:visible}body.online-practice-shell.compact-header .main-navbar.navbar-expand-lg .navbar-toggler{display:inline-flex!important}body.online-practice-shell.compact-header .main-navbar.navbar-expand-lg .navbar-collapse{display:none!important;position:absolute;top:100%;right:1.5rem;width:280px;background:rgba(8,23,33,.95);border-radius:1.2rem;padding:1.5rem 1.25rem;box-shadow:0 18px 30px rgba(0,0,0,.35)}body.online-practice-shell.compact-header .main-navbar.navbar-expand-lg .navbar-collapse.show{display:block!important}body.online-practice-shell.compact-header .main-navbar.navbar-expand-lg .navbar-collapse .navbar-nav{flex-direction:column;gap:.8rem}body.online-practice-shell.compact-header .main-navbar.navbar-expand-lg .navbar-collapse .nav-link{color:rgba(255,255,255,.92);padding:.6rem .8rem;border-radius:.8rem;transition:background-color .2s ease,color .2s ease}body.online-practice-shell.compact-header .main-navbar.navbar-expand-lg .navbar-collapse .nav-link.active,body.online-practice-shell.compact-header .main-navbar.navbar-expand-lg .navbar-collapse .nav-link:hover{background:rgba(255,255,255,.12);color:#fff}body.online-practice-shell .online_practice .wrap-content{gap:1rem!important}body.online-practice-shell .online_practice .wrap-content>.op-inline-navbar:first-child{margin-top:-1rem!important}}@media screen and (max-width:991px){body.online-practice-shell .op-inline-navbar{display:none}.online_practice>.container.op-container-with-breadcrumb:first-child{padding-top:6rem}}.online_practice .set-cursor-auto,.online_practice .set-cursor-auto a{cursor:auto}.online_practice .set-cursor-auto a,.online_practice .set-cursor-auto p{text-decoration:none!important}.online_practice p{margin:0}.online_practice>.container:first-child{max-width:50.5rem;padding-top:10rem}.online_practice>.container:last-child{padding-bottom:6rem}.online_practice .wrap-content{display:flex;flex-direction:column;gap:1rem}.online_practice .wrap-content>.op-inline-navbar:first-child{margin-top:-1rem!important}.online_practice .op-breadcrumb-holder{margin-bottom:1.6rem}.online_practice .op-card-breadcrumbs{display:flex;margin-top:1.4rem;color:#e66104;flex-direction:column;gap:.4rem;font-weight:600}.online_practice .op-card-breadcrumbs__trail{display:none;flex-wrap:wrap;align-items:center;gap:.4rem;font-size:1.3rem;letter-spacing:.04em}.online_practice .op-card-breadcrumbs__trail-item{color:inherit;text-decoration:none}.online_practice .op-card-breadcrumbs__trail-link{position:relative}.online_practice .op-card-breadcrumbs__trail-link:focus,.online_practice .op-card-breadcrumbs__trail-link:hover{text-decoration:underline}.online_practice .op-card-breadcrumbs__separator{font-weight:400;opacity:.7}.online_practice .op-card-breadcrumbs__title{font-size:2.8rem;font-weight:700;letter-spacing:.05em;text-align:center;width:100%;margin-top:1.5rem}.online_practice .op-top-card{background-color:#195b7e;border-radius:1.5rem;padding:2.4rem 2rem;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:2rem}.online_practice.op .op-grade-card{margin-top:0;margin-bottom:0}.online_practice.op .op-card-breadcrumbs{margin-top:0}@media (min-width:768px){.online_practice:not(.op) .op-grade-card{margin-top:0;margin-bottom:4rem}}.online_practice .op-grade-summary__card{display:flex;align-items:stretch;justify-content:space-between;gap:2rem;padding:1.8rem 2.4rem;border-radius:1.2rem;background:linear-gradient(135deg,#ff8c29 0,#ff5f2d 100%);box-shadow:0 20px 40px rgba(255,95,45,.32)}.online_practice .op-grade-summary__details{display:flex;flex-direction:column;justify-content:center;gap:.6rem;min-width:12rem}.online_practice .op-grade-summary__grade-label{font-size:1.4rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;line-height:1.2}.online_practice .op-grade-summary__grade-jp{font-size:2.6rem;font-weight:800;letter-spacing:.1em}.online_practice .op-grade-summary__divider{width:1px;background-color:rgba(255,255,255,.4)}.online_practice .op-grade-summary__meta{display:flex;flex:1;align-items:center;justify-content:flex-end;gap:3.2rem}.online_practice .op-grade-summary__meta-item{display:flex;flex-direction:column;gap:.4rem;text-align:left}.online_practice .op-grade-summary__meta-label{font-size:.95rem;font-weight:600;letter-spacing:.12em}.online_practice .op-grade-summary__meta-value{font-size:1.4rem;font-weight:700}@media (max-width:768px){.online_practice .op-grade-summary__card{flex-direction:column;align-items:flex-start;gap:1.2rem}.online_practice .op-grade-summary__divider{width:100%;height:1px}.online_practice .op-grade-summary__meta{width:100%;justify-content:space-between;gap:1.6rem}.online_practice .op-grade-summary__meta-item{flex:1}.online_practice .op-grade-summary__grade-label{font-size:1.2rem}.online_practice .op-grade-summary__grade-jp{font-size:2.2rem}.online_practice .op-grade-summary__meta-value{font-size:1.2rem}}.online_practice .op-grade-card{margin-top:0;margin-bottom:0}.online_practice .op-shortcut{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.online_practice .op-shortcut__item{background-color:rgba(255,255,255,.12);border-radius:1rem;border:2px solid transparent;padding:1.6rem 1rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;gap:1.1rem;color:#fff;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.online_practice .op-shortcut__item:hover{transform:translateY(-2px);background-color:rgba(255,255,255,.2)}.online_practice .op-shortcut__item.active{background-color:rgba(255,255,255,.28);box-shadow:0 6px 18px rgba(0,0,0,.15);border-color:#e66104}.online_practice .op-shortcut__icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;min-width:60px;min-height:60px;aspect-ratio:1/1;box-sizing:border-box}.online_practice .op-shortcut__icon img{max-width:100%;max-height:100%;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.online_practice .op-shortcut__label{font-weight:600;text-align:center;line-height:1.4}.online_practice .op-shortcut.hide-labels .op-shortcut__label{display:none}.online_practice .op-grade-card{margin-top:0;margin-bottom:0}.online_practice .op-grade-card__inner{display:grid;grid-template-columns:3fr 7fr;background:linear-gradient(135deg,#e66104 0,#ed7b1f 100%);border-radius:1rem;overflow:hidden;color:#fff;box-shadow:0 8px 0 #ad5e00;position:relative;isolation:isolate}.online_practice .op-grade-card__inner::after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,rgba(255,255,255,.18) 0,transparent 65%);pointer-events:none;mix-blend-mode:soft-light}.online_practice .op-grade-card__section{padding:.67rem .8rem;position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;gap:0}.online_practice .op-grade-card__section::after{content:"";position:absolute;top:0;bottom:0;width:1px;right:0;background:rgba(255,255,255,.45)}.online_practice .op-grade-card__section--profile::after{display:none}.online_practice .op-grade-card__section--grade{align-items:center;justify-content:center;text-align:center;gap:0}.online_practice .op-grade-card__grade-en{font-size:1.33rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.online_practice .op-grade-card__grade-jp{font-size:2.13rem;font-weight:800;letter-spacing:.06em}.online_practice .op-grade-card__section--profile{gap:0;align-items:center;justify-content:center;text-align:center}.online_practice .op-grade-card__profile-row{display:flex;justify-content:center;align-items:center;gap:0}.online_practice .op-grade-card__profile-row:first-child .op-grade-card__value{font-size:.9rem;font-weight:600}.online_practice .op-grade-card__profile-row:last-child .op-grade-card__value{font-size:1.8rem;font-weight:800}.online_practice .op-grade-card__profile-row:last-child .op-grade-card__value .op-grade-card__practice-label{font-size:1.8rem;font-weight:600;margin-right:.4rem}.online_practice .op-grade-card__profile-row:last-child .op-grade-card__value .current-learn-times{font-size:1.8rem;font-weight:800}.online_practice .op-grade-card__label{font-size:1.13rem;font-weight:600;letter-spacing:.03em;text-align:center}.online_practice .op-grade-card__value{font-size:1.33rem;font-weight:800;letter-spacing:.04em;text-align:center}.online_practice .op-hero-card{display:flex;align-items:center;justify-content:center;gap:1.8rem;padding:0;background:0 0;border-radius:0;box-shadow:none;position:relative;max-width:600px;margin:0 auto}.online_practice .op-hero-card__image{flex:0 0 128px}.online_practice .op-hero-card__image img{width:128px;height:128px;-o-object-fit:contain;object-fit:contain}.online_practice .op-hero-card__text{display:flex;flex-direction:column;gap:.8rem;flex:0 1 auto;max-width:400px}.online_practice .op-hero-card__bubble{position:relative;background-color:#fff;border-radius:1.6rem;border:2px solid rgba(25,91,126,.16);padding:2.4rem 2.8rem;box-shadow:0 16px 28px rgba(25,91,126,.15);text-align:center}.online_practice .op-hero-card__bubble::after,.online_practice .op-hero-card__bubble::before{content:"";position:absolute;top:50%;transform:translateY(-50%);width:0;height:0;border-style:solid}.online_practice .op-hero-card__bubble::before{left:-12px;border-width:10px 12px 10px 0;border-color:transparent rgba(25,91,126,.16) transparent transparent}.online_practice .op-hero-card__bubble::after{left:-10px;border-width:8px 10px 8px 0;border-color:transparent #fff transparent transparent}.online_practice .op-hero-card__title{font-size:1.9rem;font-weight:700;color:#195b7e;margin:0}.online_practice .op-hero-card__note{font-size:1.4rem;color:#195b7e;margin:0;line-height:1.6;font-weight:700}.online_practice .op-hero-card__note-wrap{display:flex;justify-content:center;margin-top:1.6rem;width:100%;text-align:center}.online_practice .group-list-lessons{display:flex;flex-direction:column;gap:1.6rem}.online_practice .group-list-lessons .lesson{position:relative;border-radius:1.6rem;padding:1.4rem 1.6rem;background-color:rgba(255,255,255,.7);transition:transform .2s ease,box-shadow .2s ease,opacity .2s ease}.online_practice .group-list-lessons .lesson.active{cursor:pointer}.online_practice .group-list-lessons .lesson .key{position:absolute;top:1.4rem;left:1.4rem;width:32px;height:32px;font-size:2.2rem;color:#33a852}.online_practice .group-list-lessons .lesson img.key{width:32px;height:32px}.online_practice .group-list-lessons .lesson__inner{display:flex;align-items:center;gap:1.6rem}.online_practice .group-list-lessons .lesson__icon{flex:0 0 70px;width:70px;height:70px;background-color:rgba(255,255,255,.18);border-radius:16px;display:flex;align-items:center;justify-content:center}.online_practice .group-list-lessons .lesson__icon img{max-width:60px;max-height:60px}.online_practice .group-list-lessons .lesson__content{flex:1;min-width:0;position:relative}.online_practice .group-list-lessons .lesson__title-wrapper{display:flex;align-items:stretch;position:relative;width:100%}.online_practice .group-list-lessons .lesson__title-section{display:flex;align-items:center;position:relative}.online_practice .group-list-lessons .lesson__title-section--left{flex:0 0 30%;padding-right:.8rem;justify-content:center}.online_practice .group-list-lessons .lesson__title-section--right{flex:1;min-width:0;padding-left:.8rem}.online_practice .group-list-lessons .lesson__title-separator{position:absolute;top:-1.4rem;bottom:-1.4rem;left:30%;width:1px;background:rgba(255,255,255,.45);z-index:1;pointer-events:none}.online_practice .group-list-lessons .lesson__title{margin:0;font-size:1.6rem;line-height:1.6;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online_practice .group-list-lessons .lesson__label{font-size:1.4rem;margin-bottom:.4rem;font-weight:700;text-transform:uppercase}.online_practice .group-list-lessons .lesson__chevron{flex:0 0 auto;color:rgba(255,255,255,.85);font-size:1.8rem}.online_practice .group-list-lessons .lesson.training{background:linear-gradient(135deg,#e66104 0,#f57c00 100%);color:#fff;box-shadow:0 8px 0 #ad5e00}.online_practice .group-list-lessons .lesson.training:not(.active){opacity:.7}.online_practice .group-list-lessons .lesson.training.active:hover{transform:translateY(-3px);box-shadow:0 8px 0 #ad5e00,0 15px 30px rgba(230,97,4,.35)}.online_practice .group-list-lessons .lesson.reading{background:linear-gradient(135deg,#195b7e 0,#1f6b8d 100%);color:#fff;box-shadow:0 8px 0 #124858}.online_practice .group-list-lessons .lesson.reading:not(.active){opacity:.7}.online_practice .group-list-lessons .lesson.reading.active:hover{transform:translateY(-3px);box-shadow:0 8px 0 #124858,0 15px 30px rgba(25,91,126,.35)}.online_practice .group-list-lessons .lesson.certificate,.online_practice .group-list-lessons .lesson:not(.training):not(.reading):not(.certificate){background:#fff;color:#1d1d1d;box-shadow:0 16px 30px rgba(0,0,0,.16)}.online_practice .group-list-lessons .lesson.certificate .lesson__icon,.online_practice .group-list-lessons .lesson:not(.training):not(.reading):not(.certificate) .lesson__icon{background-color:rgba(230,97,4,.12)}.online_practice .group-list-lessons .lesson.certificate .lesson__label{color:#195b7e}.online_practice .group-list-lessons .lesson__status-text{margin-top:.8rem}.online_practice .group-list-lessons .lesson__status-text p{margin:.4rem 0 0;font-size:1.4rem;line-height:1.5}.online_practice .group-list-lessons .lesson__status-text--failed{color:#c53030;font-weight:700}.online_practice .group-list-lessons .lesson__status-text--passed{color:#2f9e44;font-weight:700}.online_practice .group-list-lessons .lesson:not(.active) .lesson__chevron{opacity:.3}.online_practice .group-list-lessons .lesson.user-free:not(.active){cursor:pointer}.online_practice .group-list-lessons .lesson-separator{text-align:center;color:rgba(255,255,255,.65);font-size:6rem;display:block;line-height:1}.online_practice .group-list-lessons .lesson-separator.active{color:rgba(230,97,4,.8)}.online_practice .group-list-lessons .lesson-separator:not(.active){color:rgba(128,128,128,.6)}.online_practice .group-list-lessons .lesson-separator i{font-size:1em;filter:drop-shadow(0 6px 12px rgba(0, 0, 0, .3))}.online_practice .group-promotion-path{position:relative;width:100%;height:100vh}.online_practice .group-promotion-path .level{position:absolute;width:60px;height:60px;border-radius:50%;text-align:center;line-height:50px;font-size:12px;font-weight:700;color:#000;background-color:#d9d9d9;box-shadow:3px 5px 6px rgba(0,0,0,.7);transform:translate(-50%,-50%)}.online_practice .group-promotion-path .level a{cursor:auto}.online_practice .group-promotion-path .level.active{background-color:var(--red);box-shadow:3px 5px 6px #000}.online_practice .group-promotion-path .level.active a{cursor:pointer}.online_practice .group-promotion-path .level.active a span{color:#fff}.online_practice .group-promotion-path .trophy{top:100%;left:50%}.online_practice .group-promotion-path .level1{top:94%;left:68%}.online_practice .group-promotion-path .level2{top:85%;left:80%}.online_practice .group-promotion-path .level3{top:73%;left:85%}.online_practice .group-promotion-path .level4{top:63%;left:80%}.online_practice .group-promotion-path .level5{top:55%;left:68%}.online_practice .group-promotion-path .level6{top:48%;left:50%}.online_practice .group-promotion-path .level7{top:42%;left:32%}.online_practice .group-promotion-path .level8{top:33%;left:19%}.online_practice .group-promotion-path .level9{top:23%;left:12%}.online_practice .group-promotion-path .level10{top:13%;left:21%}.online_practice .group-promotion-path .level11{top:6%;left:35%}.online_practice .group-promotion-path .level12{top:0;left:50%}.online_practice .group-promotion-path .trophy{position:absolute;width:70px;height:70px;border-radius:50%;text-align:center;line-height:70px;font-size:14px;font-weight:700;color:#000;background-color:#d9d9d9;box-shadow:3px 5px 6px rgba(0,0,0,.7);transform:translate(-50%,-50%)}.online_practice .group-promotion-path .trophy a{cursor:auto}.online_practice .group-promotion-path .trophy.active{color:#fff;background-color:var(--orange);box-shadow:3px 5px 6px #000}.online_practice .group-promotion-path .trophy.active a{cursor:pointer}.online_practice .group-promotion-path .wrap-icon{position:relative;height:100%}.online_practice .group-promotion-path .wrap-icon img{width:60px;position:absolute;top:-5px;left:0;right:0}.online_practice .group-promotion-path .wrap-icon span{color:#000;opacity:.5;position:absolute;top:23px;left:0;right:0;bottom:0}.online_practice .group-promotion-path .level.active .wrap-icon span,.online_practice .group-promotion-path .trophy.active .wrap-icon span{opacity:1}.online_practice .group-promotion-path .level.blocked,.online_practice .group-promotion-path .trophy.blocked{background-color:var(--orange);box-shadow:3px 5px 6px #000;position:relative}.online_practice .group-promotion-path .level.blocked a,.online_practice .group-promotion-path .trophy.blocked a{cursor:pointer}.online_practice .group-promotion-path .level.blocked a span,.online_practice .group-promotion-path .trophy.blocked a span{color:#fff;opacity:1}.online_practice .group-promotion-path .level.blocked .blocked-text,.online_practice .group-promotion-path .trophy.blocked .blocked-text{font-size:.8rem;font-weight:600;color:#fff;white-space:nowrap}.online_practice .group-promotion-path .level.blocked.active,.online_practice .group-promotion-path .trophy.blocked.active{background-color:var(--orange);box-shadow:3px 5px 6px #000}.online_practice .group-promotion-path .level.blocked.active a,.online_practice .group-promotion-path .trophy.blocked.active a{cursor:pointer}.online_practice .group-promotion-path .level.blocked.active a span,.online_practice .group-promotion-path .trophy.blocked.active a span{color:#fff;opacity:1}.online_practice .group-promotion-path .level12 .wrap-icon img{width:60px;position:absolute;top:-8px;left:0;right:0}.online_practice .group-promotion-path .level12 .wrap-icon span{top:-6px}.online_practice .group-promotion-path .level12.active .wrap-icon span{opacity:1;color:#fff}.online_practice .group-promotion-path .trophy .wrap-icon img{width:70px;position:absolute;top:-25px;left:0;right:0}.online_practice .group-promotion-path .trophy.active .wrap-icon span{opacity:1;color:#fff}.set-scroll{max-height:100vh;overflow-y:scroll;overflow-x:hidden}.set-scroll::-webkit-scrollbar{width:10px;height:10px}.set-scroll::-webkit-scrollbar-track{background:rgba(241,241,241,.2509803922);border-radius:10px}.set-scroll::-webkit-scrollbar-thumb{background:rgba(25,91,126,.2509803922);border-radius:10px}.set-scroll::-webkit-scrollbar-thumb:hover{background:rgba(20,62,90,.2509803922)}#popup .modal-title{font-size:20px}#popup .modal-body{flex:none}#popup .modal-content .nav-wrap{width:250px;min-width:250px;height:100%;overflow-y:scroll}#popup .modal-content .navbar{display:none}#popup .modal-content .nav{width:100%}#popup .modal-content .nav .nav-link{text-align:left;width:100%;border-bottom-color:currentcolor;cursor:auto;position:relative;overflow-wrap:break-word}#popup .modal-content .nav .nav-link:not(.active):hover{opacity:.8;cursor:pointer}#popup .modal-content .group-video{width:100%;justify-content:center}#popup .modal-content .group-video .tab-content{width:100%;background-color:#000}#popup .modal-content .group-video .tab-content iframe{min-height:483px}#popup .modal-content .group-video .video-filming{flex:1 1 100%;background-color:#000}#popup .modal-content .group-body,#popup .modal-content .group-video,#popup .modal-content .group-video *{height:auto}#popup .modal-content .content-name{display:none;margin:0 auto;margin-left:0;font-weight:700}#popup .modal-content.only-teacher .tab-content{display:block}#popup .modal-content.only-teacher .video-filming{display:none!important}#popup .modal-content.only-self .tab-content{display:none}#popup .modal-content.two .tab-content{display:block}#popup .modal-content.two .group-video{height:auto}#popup .modal-content.two .group-video video{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-content.two .tab-content video,#popup .modal-content.two .video-filming video{max-height:calc(50vh - 60px);-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-content.mobile-two-partition .group-video video{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-content.mobile-two-partition .tab-content,#popup .modal-content.mobile-two-partition .video-filming{aspect-ratio:16/9}#popup .modal-content.mobile-two-partition .tab-content video,#popup .modal-content.mobile-two-partition .video-filming video{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-dialog.two-partition-landscape{margin:0!important;max-width:100vw!important;width:100vw!important;height:100vh!important}#popup .modal-content.two-partition-landscape{height:100vh!important;border-radius:0!important;border:none!important}#popup .modal-content.two-partition-landscape .modal-footer,#popup .modal-content.two-partition-landscape .modal-header,#popup .modal-content.two-partition-landscape .nav-wrap,#popup .modal-content.two-partition-landscape .navbar{display:none!important}#popup .modal-content.two-partition-landscape .modal-body{height:100vh!important;padding:0!important;margin:0!important;overflow:hidden!important}#popup .modal-content.two-partition-landscape .group-body{height:100vh!important;padding:0!important;margin:0!important}#popup .modal-content.two-partition-landscape .group-video{display:flex!important;flex-direction:row!important;width:100vw!important;height:100vh!important;margin:0!important;padding:0!important;gap:0!important}#popup .modal-content.two-partition-landscape .tab-content{flex:1!important;width:50vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;overflow:hidden!important}#popup .modal-content.two-partition-landscape .video-filming{flex:1!important;width:50vw!important;height:100vh!important;margin:0!important;padding:0!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#000!important;overflow:hidden!important}#popup .modal-content.two-partition-landscape .tab-content iframe,#popup .modal-content.two-partition-landscape .tab-content video,#popup .modal-content.two-partition-landscape .video-filming video{width:100%!important;height:100%!important;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center!important;object-position:center center!important}#popup .modal-content.two-partition-landscape #countdown{display:none!important}#popup .modal-content.zoom-teacher .modal-body{padding:0;flex:1;display:flex;flex-direction:column}#popup .modal-content.zoom-teacher .group-body{flex:1;display:flex;flex-direction:column}#popup .modal-content.zoom-teacher .group-video{flex:1;display:flex;flex-direction:column;height:100%!important}#popup .modal-content.zoom-teacher .tab-content{display:block;width:100%;flex:1;position:relative;background-color:#000}#popup .modal-content.zoom-teacher .tab-content video{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-content.zoom-teacher .video-filming{width:300px;height:170px;position:fixed;top:72px;right:10px;z-index:1000;border:2px solid #fff;border-radius:8px;background-color:#000}#popup .modal-content.zoom-teacher .video-filming video{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-content.zoom-self .modal-body{padding:0;flex:1;display:flex;flex-direction:column}#popup .modal-content.zoom-self .group-body{flex:1;display:flex;flex-direction:column}#popup .modal-content.zoom-self .group-video{flex:1;display:flex;flex-direction:column;height:100%!important}#popup .modal-content.zoom-self .video-filming{display:block;width:100%;flex:1;position:relative;background-color:#000}#popup .modal-content.zoom-self .video-filming video{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-content.zoom-self .tab-content{width:300px;height:170px;position:fixed;top:72px;right:10px;z-index:1000;border:2px solid #fff;border-radius:8px;background-color:#000}#popup .modal-content.zoom-self .tab-content video{width:100%;height:100%;-o-object-fit:cover!important;object-fit:cover!important;-o-object-position:center center;object-position:center center}#popup .modal-content.mobile-zoom-self .video-filming.video-stream-rotated,#popup .modal-content.mobile-zoom-teacher .video-filming.video-stream-rotated,#popup .modal-content.zoom-self .video-filming.video-stream-rotated,#popup .modal-content.zoom-teacher .video-filming.video-stream-rotated{overflow:hidden;display:flex;align-items:center;justify-content:center}#popup .modal-content.mobile-zoom-self .video-filming.video-stream-rotated video,#popup .modal-content.mobile-zoom-teacher .video-filming.video-stream-rotated video,#popup .modal-content.zoom-self .video-filming.video-stream-rotated video,#popup .modal-content.zoom-teacher .video-filming.video-stream-rotated video{transform:rotate(-90deg);transform-origin:center center;-o-object-fit:cover!important;object-fit:cover!important;width:auto;height:100vw;max-height:none}#popup .modal-content.mobile-zoom-teacher .video-filming.video-stream-rotated video,#popup .modal-content.zoom-teacher .video-filming.video-stream-rotated video{height:300px;width:auto}.op-mobile-shortcut{display:none;padding:0 1.6rem;background-color:#195b7e}.op-mobile-shortcut .op-top-card{background-color:#195b7e;border-radius:1.5rem;padding:2.4rem 2rem;color:#fff;box-shadow:0 12px 26px rgba(0,0,0,.18);display:flex;flex-direction:column;gap:2rem;padding:0}.op-mobile-shortcut .op-shortcut{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2rem}.op-mobile-shortcut .op-shortcut__item{background-color:rgba(255,255,255,.12);border-radius:1rem;border:2px solid transparent;padding:1.6rem 1rem 2rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;flex-direction:column;gap:1.1rem;color:#fff;text-decoration:none;transition:transform .2s ease,background-color .2s ease}.op-mobile-shortcut .op-shortcut__item:hover{transform:translateY(-2px);background-color:rgba(255,255,255,.2)}.op-mobile-shortcut .op-shortcut__item.active{background-color:rgba(255,255,255,.28);box-shadow:0 6px 18px rgba(0,0,0,.15);border-color:#e66104}.op-mobile-shortcut .op-shortcut__icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;min-width:60px;min-height:60px;aspect-ratio:1/1;box-sizing:border-box}.op-mobile-shortcut .op-shortcut__icon img{max-width:100%;max-height:100%;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.op-mobile-shortcut .op-shortcut__label{font-weight:600;text-align:center;line-height:1.4}.op-mobile-breadcrumb{padding:0 1.6rem 1.2rem}.op-mobile-breadcrumb .app-content-header{position:static;margin-top:0}.op-mobile-breadcrumb .app-content-header .breadcrumb{margin-bottom:0}.timer{position:absolute;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3137254902);height:100%;width:100%;margin:-10px}@media only screen and (max-width:768px){#countdown svg{width:150px!important;height:150px!important}#countdown #myTimer{font-size:24px!important}#countdown #pink-halo{r:40!important}}#popup1 .modal-content{min-height:487px}#popup1 .modal-content .teachers{display:flex;flex-wrap:wrap;gap:15px}#popup1 .modal-content .teachers .teacher{width:173px;text-align:center;cursor:pointer}#popup1 .modal-content .teachers .teacher .teacher-wrap:hover{opacity:.7;text-decoration:underline;color:#007bff}#popup1 .modal-content .teachers .teacher img{width:100px;height:100px;display:block;margin:0 auto;-o-object-fit:cover;object-fit:cover}video{width:100%;height:auto;padding:0}.online_practice .group-list-collection ul.nav{margin-top:-10px;margin-left:-10px}.online_practice .group-list-collection ul.nav li.nav-item{margin-left:10px;margin-top:10px}.online_practice .group-list-collection ul.nav li.nav-item .nav-link{background-color:#d9d9d9;color:#000;border-radius:.5rem;padding:8px 16px;font-weight:500;border:none;transition:background-color .2s ease,color .2s ease}.online_practice .group-list-collection ul.nav li.nav-item .nav-link.active,.online_practice .group-list-collection ul.nav li.nav-item .nav-link:hover{color:#fff;background-color:var(--orange)}.online_practice .group-list-collection .btn-lang{background-color:#d9d9d9;color:#000;border-radius:.5rem;padding:8px 16px;font-weight:500;border:none;transition:background-color .2s ease,color .2s ease}.online_practice .group-list-collection .btn-lang.active,.online_practice .group-list-collection .btn-lang:hover{color:#fff;background-color:var(--orange)}.online_practice .group-list-collection .tab-content{padding-right:0;background-color:#fff}.online_practice .group-list-collection .tab-content .tab-pane{padding:15px}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content{display:flex;flex-direction:row;align-items:flex-start;flex-wrap:wrap;gap:5px}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item{flex:0 0 auto;width:calc(25% - 5px);max-height:308px;padding:5px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item img:not(.key),.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item video:not(.recorded-videos){border:1px solid #ccc;height:100%;min-height:255px;background-color:rgba(143,143,143,.5019607843)}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item .key{position:absolute;width:25px;top:10px;left:10px}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item .description{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;line-clamp:2;line-height:1.5;min-height:3em;background-color:rgba(143,143,143,.5019607843)}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item.active .description,.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item.active img:not(.key),.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item.active video{background-color:#fff}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item.active:hover{cursor:pointer;opacity:.7}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item.rv .description{min-height:unset}.online_practice .group-list-collection .buy-now{position:relative;z-index:99}.online_practice .group-list-collection .buy-now>:not(.key){background-color:rgba(143,143,143,.5019607843);z-index:98}.online_practice .group-list-collection .buy-now .wrap-item{pointer-events:none}.online_practice .group-list-collection .buy-now .key{width:15px;position:absolute;bottom:8px;right:8px}.online_practice .group-list-collection .buy-now .btn-buy-now{text-transform:uppercase;height:33.5px;min-width:122px;position:absolute;top:calc(50% - 17px);left:calc(50% - 61px)}.online_practice .group-list-award{background-color:rgba(255,255,255,.9411764706);padding:15px}.online_practice .group-list-award table thead th{background-color:var(--orange);color:#fff}.online_practice.dt .group-list-award .title{font-size:18px;color:var(--orange)}.group-buttons-recorded-video .btn{min-width:80px}.group-buttons-recorded-video .btn-copy-link{padding:0 7.5px}.group-buttons-recorded-video .btn-copy-link img{max-width:32px}.modal.fade.show{background-color:rgba(0,0,0,.3137254902)}.group-buttons-video-filming .btn-secondary.btn-stop{background-color:#6c757d!important;border-color:#6c757d!important;color:#fff!important}.group-buttons-video-filming .btn-secondary.active{background-color:#9b2424!important;border-color:#9b2424!important;color:#fff!important}.group-buttons-video-filming .btn-secondary.disabled,.group-buttons-video-filming .btn-secondary:disabled{opacity:.5;cursor:not-allowed;pointer-events:none;background-color:#d3d3d3!important;border-color:#d3d3d3!important;color:#888!important}.btn-show-comment{cursor:pointer;color:#0d6efd}.btn-show-comment:hover{color:#0a58ca}@media screen and (min-width:375px){.online_practice .group-bgs .group-bg p{margin-top:9px}}@media screen and (max-width:767px){.online_practice.op{max-width:100%;margin:2.4rem 1.4rem;padding:1.6rem 1.8rem 2rem;border-radius:1.8rem;box-shadow:0 18px 35px rgba(0,0,0,.25);background:rgba(255,255,255,.98)!important}.online_practice.op>.container{max-width:100%;padding-left:0;padding-right:0}.online_practice.op>.container:first-child{padding-top:0}.online_practice.op>.container:last-child{padding-bottom:0}.online_practice>.container:first-child{padding-top:6rem}.online_practice .op-top-card{padding:2rem}.online_practice .op-shortcut{grid-template-columns:repeat(2,minmax(0,1fr))}.online_practice .op-grade-card__inner{display:grid;grid-template-columns:3fr 7fr;align-items:center;gap:0}.online_practice .op-grade-card__section{padding:.53rem .67rem}.online_practice .op-grade-card__section::after{display:block}.online_practice .op-grade-card__section--grade{align-items:center;justify-content:center;border-bottom:none;padding-bottom:.53rem;border-right:none;padding-right:.67rem;margin-right:0}.online_practice .op-grade-card__label--nickname{display:none}.online_practice .op-grade-card__section--profile{flex-direction:column;align-items:center;justify-content:center;gap:.8rem;padding-left:1rem}.online_practice .op-grade-card__profile-row{justify-content:center;align-items:center;gap:0;width:100%}.online_practice .op-grade-card__profile-row:first-child .op-grade-card__value{font-size:.9rem;font-weight:600}.online_practice .op-grade-card__profile-row:last-child .op-grade-card__value{font-size:1.8rem;font-weight:800}.online_practice .op-grade-card__profile-row:last-child .op-grade-card__value .op-grade-card__practice-label{font-size:1.8rem;font-weight:600;margin-right:.4rem}.online_practice .op-grade-card__profile-row:last-child .op-grade-card__value .current-learn-times{font-size:1.8rem;font-weight:800}.online_practice .op-hero-card{flex-direction:row;align-items:center;justify-content:center;text-align:left;gap:1.4rem;max-width:500px;margin:0 auto}.online_practice .op-hero-card__image{flex:0 0 100px}.online_practice .op-hero-card__image img{width:100px;height:100px}.online_practice .op-hero-card__text{max-width:350px}.online_practice .op-hero-card__bubble{padding:2rem 2.2rem}.online_practice .op-hero-card__bubble::before{left:-12px;border-width:10px 12px 10px 0;border-color:transparent rgba(25,91,126,.16) transparent transparent}.online_practice .op-hero-card__bubble::after{left:-10px;border-width:8px 10px 8px 0;border-color:transparent #fff transparent transparent}.online_practice .op-hero-card__title{font-size:1.7rem}.online_practice .op-hero-card__note{font-size:1.3rem}.online_practice .group-list-lessons .lesson__inner{align-items:flex-start}.online_practice .group-list-lessons .lesson__chevron{align-self:center}.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item{flex:0 0 auto;width:calc(33.3% - 5px)}.online_practice .wrap-content{gap:1rem}.online_practice .wrap-content>.op-top-card{display:none}.online_practice .op-grade-card{margin-top:0}.op-mobile-shortcut{display:block;padding:1.2rem 1.6rem;background-color:#195b7e}.op-mobile-shortcut .op-top-card{padding:0;margin:0}.op-mobile-shortcut .op-shortcut{grid-template-columns:repeat(4,minmax(0,1fr));gap:.6rem}.op-mobile-shortcut .op-shortcut__item{padding:1.1rem}.op-mobile-shortcut .op-shortcut__label{display:none}.op-mobile-breadcrumb{padding:0 1.2rem 1.2rem}}@media screen and (max-width:768px){.online_practice .group-list-collection .tab-content .tab-pane .wrap-content .item{flex:0 0 auto;width:calc(50% - 5px);padding:0}#popup .modal-content .navbar{display:block;padding:0;margin-bottom:10px}#popup .modal-content .navbar .navbar-toggler{border:1px solid #dee2e6;padding:.375rem .75rem}#popup .modal-content .navbar .navbar-collapse{position:fixed;top:0;left:-100%;width:100%;height:100vh;background-color:#fff;z-index:1050;transition:left .3s ease-in-out;overflow-y:auto;padding:15px;box-shadow:2px 0 5px rgba(0,0,0,.3)}#popup .modal-content .navbar .navbar-collapse.show{left:0}#popup .modal-content .nav-wrap{position:fixed;top:0;left:-80%;width:80%;height:100vh;background-color:#fff;z-index:1050;transition:left .3s ease-in-out;overflow-y:auto;padding:15px;box-shadow:2px 0 5px rgba(0,0,0,.3);display:none}#popup .modal-content .nav-wrap.show{left:0;display:block}#popup .modal-content .nav{width:100%}#popup .modal-content .group-body{flex-direction:column}#popup.nav-open::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1040}#popup .nav-wrap{display:none!important}#popup .nav-wrap.show{display:block!important}#popup.navbar-open::before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1040}#popup .navbar-collapse.show{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100vh!important;background-color:#fff!important;z-index:1050!important;transition:left .3s ease-in-out!important;overflow-y:auto!important;padding:15px!important;box-shadow:2px 0 5px rgba(0,0,0,.3)!important}.op-card-breadcrumbs{display:none}}@media screen and (max-width:575px){.online_practice .op-grade-card{margin-bottom:2.4rem}.online_practice .op-grade-card__inner{flex-wrap:nowrap;align-items:stretch;gap:1rem}.online_practice .op-grade-card__section{padding:.53rem .67rem}.online_practice .op-grade-card__section--grade{flex:0 0 auto;align-items:center;justify-content:center;text-align:center;border-right:1px solid rgba(255,255,255,.4);margin-right:0;padding-right:1rem;padding-left:1rem}.online_practice .op-grade-card__section--profile{flex:1 1 auto;align-items:center;justify-content:center;text-align:center;gap:.8rem;padding-left:1rem}.online_practice .op-grade-card__grade-en{font-size:.8rem}.online_practice .op-grade-card__grade-jp{font-size:1.33rem}.online_practice .op-grade-card__label{flex:0 0 auto;font-size:.93rem;letter-spacing:.02em;text-align:center;color:rgba(255,255,255,.85)}.online_practice .op-grade-card__label--nickname{display:none}.online_practice .op-grade-card__profile-row{gap:0;justify-content:center;width:100%}.online_practice .op-grade-card__value{font-size:1.13rem;flex:1 1 auto;min-width:0;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online_practice .op-card-breadcrumbs{margin-top:1.2rem}.online_practice .online_practice.op .op-grade-card{margin-bottom:0}.online_practice .online_practice.op .op-card-breadcrumbs{margin-top:0}.online_practice .op-hero-card{gap:1rem;justify-content:center;max-width:400px;margin:0 auto}.online_practice .op-hero-card__image{flex:0 0 90px}.online_practice .op-hero-card__image img{width:90px;height:90px}.online_practice .op-hero-card__text{max-width:280px}.online_practice .op-hero-card__bubble{padding:1.8rem 2rem}.online_practice .op-hero-card__bubble::before{left:-10px;border-width:8px 10px 8px 0;border-color:transparent rgba(25,91,126,.16) transparent transparent}.online_practice .op-hero-card__bubble::after{left:-8px;border-width:6px 8px 6px 0;border-color:transparent #fff transparent transparent}.online_practice .op-hero-card__title{font-size:1.6rem}.online_practice .op-hero-card__note{font-size:1.2rem}.online_practice .op-hero-card__note-wrap{justify-content:center}.online_practice .group-list-lessons .lesson__inner{flex-direction:row;align-items:center;gap:1rem}.online_practice .group-list-lessons .lesson__icon{flex:0 0 56px;width:56px;height:56px}.online_practice .group-list-lessons .lesson__icon img{max-width:46px;max-height:46px}.online_practice .group-list-lessons .lesson__content{min-width:0}.online_practice .group-list-lessons .lesson__label,.online_practice .group-list-lessons .lesson__title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.online_practice .group-list-lessons .lesson__chevron{flex:0 0 auto;text-align:right}.op-mobile-shortcut{padding:1.2rem;background-color:#195b7e}.op-mobile-shortcut .op-top-card{padding:0;gap:1.2rem}#popup1 .modal-content{min-height:unset}#popup1 .modal-content .teachers .teacher{min-width:131px}}.op-curriculum-btn{display:flex;align-items:center;justify-content:center;width:100%;margin-bottom:10px;padding:.67rem .8rem;min-height:72px;text-align:center;background:linear-gradient(135deg,#156082 0,#1a7a9e 100%);color:#fff;font-size:1.8rem;font-weight:700;border-radius:1rem;text-decoration:none;box-shadow:0 8px 0 #0d3f56;transition:all .15s ease;letter-spacing:.05em}.op-curriculum-btn:hover{background:linear-gradient(135deg,#1a7a9e 0,#156082 100%);color:#fff;text-decoration:none}.op-curriculum-btn:active{box-shadow:0 4px 0 #0d3f56;transform:translateY(4px)}.curriculum-lang-modal__content{background:#fff;border-radius:16px;padding:36px 32px;max-width:420px;width:90%;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.2);animation:curriculumModalFadeIn .2s ease}.curriculum-lang-modal__close{position:absolute;top:12px;right:16px;background:0 0;border:none;font-size:28px;color:#999;cursor:pointer;line-height:1;padding:0}.curriculum-lang-modal__close:hover{color:#333}.curriculum-lang-modal__title{text-align:center;font-size:20px;font-weight:700;color:#1a1a1a;margin:0 0 28px}.curriculum-lang-modal__title small{font-size:15px;font-weight:400;color:#666}.curriculum-lang-modal__buttons{display:flex;gap:16px;justify-content:center}.curriculum-lang-modal__btn{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 32px;border-radius:12px;text-decoration:none;font-size:18px;font-weight:600;transition:all .15s ease;flex:1;text-align:center}.curriculum-lang-modal__btn--ja{background:#f0f4ff;color:#005bbb;border:2px solid #005bbb}.curriculum-lang-modal__btn--ja:hover{background:#005bbb;color:#fff;text-decoration:none}.curriculum-lang-modal__btn--en{background:#fef5f0;color:#c0392b;border:2px solid #c0392b}.curriculum-lang-modal__btn--en:hover{background:#c0392b;color:#fff;text-decoration:none}.curriculum-lang-modal__flag{font-size:32px;line-height:1}.loading-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);z-index:10001;justify-content:center;align-items:center;flex-direction:column}.loading-overlay.active{display:flex}.loading-spinner{width:60px;height:60px;border:5px solid rgba(255,255,255,.3);border-top:5px solid #fff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.loading-text{color:#fff;font-size:18px;margin-bottom:15px}@keyframes curriculumModalFadeIn{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@media (max-width:480px){.curriculum-lang-modal__content{padding:28px 20px}.curriculum-lang-modal__btn{padding:16px 20px;font-size:16px}.curriculum-lang-modal__flag{font-size:28px}}