@charset "UTF-8";body{font-family:IBM Plex Sans JP,sans-serif;font-weight:400;color:#3e4552}body>div#app{display:flex;flex-direction:column;min-height:100dvh}main{position:relative;z-index:2;min-height:100dvh}main.exists-header-main{margin-top:60px;min-height:calc(100dvh - 60px)}@media(min-width:800px){main.exists-header-main{margin-top:65px;min-height:calc(100dvh - 65px)}}main.exists-header-main .page-body{min-height:calc(100dvh - 60px)}@media(min-width:800px){main.exists-header-main .page-body{min-height:calc(100dvh - 65px)}}main.grow{min-height:initial!important;flex-grow:1}.fs-10{font-size:10px}.fs-13{font-size:13px}.fs-14{font-size:14px}.fs-15{font-size:15px}.fs-16{font-size:16px}.fs-18{font-size:18px}.fs-20{font-size:20px}.fs-21{font-size:21px}.fs-24{font-size:24px}.fs-30{font-size:30px}.fs-36{font-size:36px}.fs-45{font-size:45px}.mb-18{margin-bottom:18px}.mb-30{margin-bottom:30px}input:not(input[type]),input[type=text],input[type=number],input[type=tel],input[type=email],input[type=password],textarea,select{border:0}input:not(input[type]):focus-visible,input:not(input[type]):focus,input[type=text]:focus-visible,input[type=text]:focus,input[type=number]:focus-visible,input[type=number]:focus,input[type=tel]:focus-visible,input[type=tel]:focus,input[type=email]:focus-visible,input[type=email]:focus,input[type=password]:focus-visible,input[type=password]:focus,textarea:focus-visible,textarea:focus,select:focus-visible,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}.bg-gradient,.page-body{position:relative;background-image:linear-gradient(to bottom right,#d9eee4,#e7ebf3)}.bg-gradient.blue,.blue.page-body{background-image:linear-gradient(to bottom,#eef1f6,#dbedff)}.bg-gradient.green-blue,.green-blue.page-body{background-image:linear-gradient(to bottom,#d9eee4,#e7ebf3)}@media(min-width:640px){.bg-gradient.bg-ell:before,.bg-ell.page-body:before{content:"";background-image:url(../img/build/ellipse-top-CKDLltYQ.png);position:absolute;top:0;left:0;width:400px;height:265px;background-size:contain}.bg-gradient.bg-ell:after,.bg-ell.page-body:after{content:"";background-image:url(../img/build/ellipse-bt-CjpTiPEa.png);position:absolute;bottom:0;right:0;width:360px;height:400px;z-index:1;background-size:contain}}.page-body{min-height:100dvh}.header-height{height:60px}@media(min-width:800px){.header-height{height:65px}}.mt_exists-header{margin-top:60px}@media(min-width:800px){.mt_exists-header{margin-top:65px}}.h_exists-header{height:calc(100dvh - 60px)}@media(min-width:800px){.h_exists-header{height:calc(100dvh - 65px)}.md:h_exists-header{height:calc(100dvh - 65px)}}.min-h_exists-header{min-height:calc(100dvh - 60px)}@media(min-width:800px){.min-h_exists-header{min-height:calc(100dvh - 65px)}}.target-anchor{scroll-margin-top:70px}@media(min-width:800px){.target-anchor{scroll-margin-top:75px}}.login-form{width:100%;max-width:90%;padding-top:60px;padding-bottom:60px}@media(min-width:640px){.login-form{width:345px}}@media(min-width:1024px){.login-form{width:450px}}.login-form .form{padding:40px}.button-shadow,.learning-content a.button-external,.learning-content .chat-content .communication .q-a input[type=radio]+label{box-shadow:#00000010 0 5px}.logo-page{height:40px}.w-m-800{max-width:800px}.robo{width:190px}@media(min-width:640px){.robo{width:265px}}@media(min-width:1024px){.robo{width:316px}}.text-robo{width:44px}@media(min-width:640px){.text-robo{width:62px}}@media(min-width:1024px){.text-robo{width:74px}}.item{position:relative;z-index:0}.item .notification{position:absolute;top:8px;left:8px;z-index:1}.step{padding:12px 0;position:relative}.step:not(:first-of-type):before{content:"";position:absolute;display:block;background-color:#088d80;width:150px;height:12px;top:0;left:50%;transform:translate(-50%)}.step:not(:last-of-type):after{content:"";position:absolute;display:block;background-color:#088d80;width:150px;height:12px;bottom:0;left:50%;transform:translate(-50%)}.page-body-blue{min-height:100vh;background-image:linear-gradient(to bottom right,#fff,#e7ebf3)}.header-left{background:#51a5d91a;border-radius:10px}.header-left.ai{background-color:#fef0f1}.application-form{padding-top:60px;padding-bottom:60px;width:100%}@media(min-width:640px){.application-form{width:345px}}@media(min-width:1024px){.application-form{width:950px}}.application-form .form{padding:40px}.line{height:1px;background:#bfbfbf}.is-invalid{border:2px #DB466E solid}.step-item{display:flex;align-items:center;margin-top:20px;margin-bottom:20px}.step-item.active span{color:#42afa5;font-weight:700}.step-item.done span{color:#3e45525c}.step-item.done:after{content:url(../img/build/success-green-7EjeWTLR.svg);width:16px;height:16px;margin-left:5px;margin-bottom:7px}.step-item.it-page{font-weight:700}.step-item.it-page.active span{color:#51a5d9;font-weight:700}.step-item.it-page.done span{color:#3e4552}.step-item.it-page.done:after{content:url(../img/build/success-green-7EjeWTLR.svg);width:16px;height:16px;margin-left:5px}.step-item.ai-page{font-weight:700}.step-item.ai-page.active span{color:#ee6973;font-weight:700}.step-item.ai-page.done span{color:#3e4552}.step-item.ai-page.done:after{content:url(../img/build/success-green-7EjeWTLR.svg);width:16px;height:16px;margin-left:5px}.css-checkbox{accent-color:#42AFA5;color:#fff;height:20px;width:20px}.logo-top{width:180px}@media(min-width:1024px){.logo-top{width:286px}}.step-process{padding:15px 0}.step-process .step-number{display:flex;justify-content:center;padding-bottom:4px;position:relative}.step-process .step-number .line-process{top:0;left:0;position:absolute;width:100%;height:100%;display:flex;align-items:center;z-index:1}.step-process .step-number .line-process .before,.step-process .step-number .line-process .after{width:50%;height:3px;background-color:#e5e5e5}.step-process .step-number .number{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:28px;height:28px;background-color:#e5e5e5;color:#3e4552;border-radius:50px;font-size:14px;font-weight:700}.step-process .step-item-process.active .number{background-color:#42afa5;color:#fff}.step-process .step-item-process.active .text-center{color:#42afa5}.step-process .step-item-process.active .line-process .before{background-color:#42afa5}.step-process .step-item-process.done .number{background-color:#42afa5;color:#fff}.step-process .step-item-process.done .line-process .before,.step-process .step-item-process.done .line-process .after{background-color:#42afa5}.step-process .step-item-process.done .text-center{color:#3e4552;opacity:.3}.answer{border-radius:10px;border:2px #BFBFBF solid}.answer.choose{border-color:#42afa5}.process-mypage{background:#e5e5e5;border-radius:300px;position:relative}.process-mypage .process-percent{background:repeating-linear-gradient(135deg,#42afa5,#42afa5 5px,#3b9c94 5px,#3b9c94 10px);height:100%;border-radius:9999px;display:flex;align-items:center}.process-mypage .percent-number{font-weight:700;color:#fff;margin-left:20px}.process-mypage .percent-number.half-full{position:absolute;left:37%;color:#fff;margin-left:unset}.active{color:#42afa5;font-weight:700}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.switch .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}.switch .slider:before{position:absolute;content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff;transition:.4s}.switch input:checked+.slider{background-color:#42afa5}.switch input:focus+.slider{box-shadow:0 0 1px #42afa5}.switch input:checked+.slider:before{transform:translate(26px)}.switch .slider.round{border-radius:34px}.switch .slider.round:before{border-radius:50%}.unread,.unread .header{font-weight:700}.unread .header:before{content:"未読";display:inline-block;font-size:12px;color:#fff;background-color:#767676;padding:4px 12px;border-radius:100px;margin-right:.5em;line-height:1;vertical-align:middle;position:relative;top:-1px}.unread .content,.unread-email,.unread-email .header{font-weight:700}.unread-email .header:before{content:url(../img/build/red-notification-4n5Vjz0p.svg);padding:3px 0;border-radius:100px;margin-right:10px}@media(min-width:800px){.unread-email .header:before{padding:3px 7px 3px 0}}.unread-email .content{font-weight:700}.dashboard-item,.dashboard-item.note{position:relative}.dashboard-item.note:before{position:absolute;top:5px;left:5px;content:url(../img/build/red-notification-4n5Vjz0p.svg);height:12px;width:12px;padding:5px 15px;border-radius:100px}.dashboard-item.note.right:before{left:unset;right:15px;top:5px;height:5px;width:5px;padding:unset}@media(min-width:1024px){.dashboard-item.note.right:before{top:10px;right:10px;height:15px;width:15px}}.dashboard-item.warnning{position:relative}.dashboard-item.warnning:before{position:absolute;top:60px;left:60px;content:url(../img/build/warnning-Cm3Kzxtz.svg);height:40px;width:40px;padding:5px 15px;border-radius:100px}.alarm:after{content:url(../img/build/red-notification-4n5Vjz0p.svg);height:12px;width:12px;padding:5px 15px;border-radius:100px;margin-right:10px}.interview-item,.interview-item .status-interview{position:relative}.interview-item .status-interview.not-yet:after{content:"面談";background-color:#3e4552;color:#fff;font-size:14px;padding:1px 15px;border-radius:100px;margin-right:10px;position:absolute;top:0;right:-80px}.interview-item .status-interview.suport-tech:after{content:"テクサポ";background-color:#42afa5;color:#fff;font-size:14px;padding:1px 15px;border-radius:100px;margin-right:10px;position:absolute;top:0;right:-100px}.max-content{width:100%}@media(min-width:1100px){.max-content{width:1100px;margin-left:auto;margin-right:auto}}.table{td-vertical-align:middle!important}.now{border-radius:999px;height:30px;width:30px;background-color:#3e4552;color:#fff;display:flex;justify-content:center;align-items:center}.scheduled,.text-green{color:#42afa5}.user-header-menu .user-header-top{position:fixed;top:0;height:65px;width:100%;display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-bottom:1px solid #D9D9D9;z-index:40}@media not all and (min-width:800px){.user-header-menu .user-header-top{height:60px}}.user-header-menu .user-header-top .user-header-top-left{padding:.5rem;height:100%}.user-header-menu .user-header-top .user-header-top-left .logo{height:100%;width:auto}.user-header-menu .user-header-top .user-header-top-right{height:100%;display:flex;justify-content:flex-end;align-items:center;gap:14px}@media not all and (min-width:800px){.user-header-menu .user-header-top .user-header-top-right{gap:10px}}.user-header-menu .user-header-top .user-header-top-right .user-header-icon{height:44px;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;border-radius:50%}.user-header-menu .user-header-top .user-header-top-right .user-header-icon--message{--notification-accent-color: #E26587;--notification-count-color: #D8486F;background-color:#e26587}.user-header-menu .user-header-top .user-header-top-right .user-header-icon--notice{--notification-accent-color: #3A73BC;--notification-count-color: #2F5F9C;background-color:#3a73bc}.user-header-menu .user-header-top .user-header-top-right .user-header-icon--message,.user-header-menu .user-header-top .user-header-top-right .user-header-icon--notice{position:relative}.user-header-menu .user-header-top .user-header-top-right .user-header-icon--message:not([data-count="0"]):after,.user-header-menu .user-header-top .user-header-top-right .user-header-icon--notice:not([data-count="0"]):after{content:attr(data-count);position:absolute;top:8px;right:8px;transform:translate(50%,-50%);min-width:20px;height:20px;padding:1px 3px;background-color:#fff000;color:var(--notification-count-color);box-shadow:0 0 0 2px var(--notification-accent-color);font-size:.75rem;font-weight:700;line-height:1;border-radius:12px;display:flex;justify-content:center;align-items:center}.user-header-menu .user-header-top .user-header-top-right .user-header-icon--message .icon,.user-header-menu .user-header-top .user-header-top-right .user-header-icon--notice .icon{padding:10px}.user-header-menu .user-header-top .user-header-top-right .user-header-icon--notice .icon--notice{padding:14px;background-color:#fff;-webkit-mask-image:url(../img/build/icon_bell_mask-D3-QYtdD.svg);mask-image:url(../img/build/icon_bell_mask-D3-QYtdD.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.user-header-menu .user-header-top .user-header-top-right .user-header-icon .icon{height:100%;width:100%}.learning-content{padding:45px;font-size:16px;height:calc(100dvh - 75px);position:relative}@media not all and (min-width:800px){.learning-content{padding:20px}}.learning-content.disabled-form input,.learning-content.disabled-form select,.learning-content.disabled-form textarea,.learning-content.disabled-form label{pointer-events:none}.learning-content h2{font-size:30px;font-weight:700;background-color:#ffe56b;border-radius:10px;margin-bottom:30px;padding:10px 15px}@media not all and (min-width:800px){.learning-content h2{font-size:18px}}.learning-content h3{margin-top:45px;margin-bottom:30px;font-size:24px;font-weight:700}@media not all and (min-width:800px){.learning-content h3{margin-top:25px;margin-bottom:20px;font-size:20px}}.learning-content h3.square{position:relative;padding-left:26px;padding-bottom:6px;border-bottom:2px #767676 solid}.learning-content h3.square:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-70%);background-color:#42afa5;height:18px;width:18px}@media not all and (min-width:800px){.learning-content h3.square:before{height:15px;width:15px;transform:translateY(-80%)}}.learning-content h4{font-size:18px;font-weight:700;margin-bottom:18px}.learning-content h4.step-lesson{display:flex;align-items:center;margin:30px 0;color:#003a67;font-size:24px;font-weight:700}@media not all and (min-width:800px){.learning-content h4.step-lesson{margin:20px 0;flex-direction:column;align-items:start;font-size:18px}}.learning-content h4.step-lesson .step-number{color:#fff;font-size:24px;font-weight:700;background-color:#003a67;border-radius:10px;height:41px;width:94px;display:flex;align-items:center;justify-content:center;margin-right:20px}@media not all and (min-width:800px){.learning-content h4.step-lesson .step-number{font-size:16px;height:30px;margin-bottom:10px}}.learning-content ul.disc{padding-left:1em}.learning-content ul.disc li{position:relative;list-style-type:none}.learning-content ul.disc li:before{content:"";position:absolute;top:.5em;left:-.75em;background-color:#3e4552;height:.25em;width:.25em;border-radius:50%}.learning-content ul.upper-alpha{padding-left:1.5em}.learning-content ul.upper-alpha li{position:relative;list-style-type:upper-alpha}.learning-content ul.steps{border:2px #3E4552 solid;border-radius:10px;background-color:#fff;padding:30px;margin-bottom:45px}@media not all and (min-width:800px){.learning-content ul.steps{padding:15px}}.learning-content ul.steps>li{display:flex;align-items:center;padding-top:16px;padding-bottom:16px;border-bottom:1px #BFBFBF solid}@media not all and (min-width:800px){.learning-content ul.steps>li{flex-direction:column;align-items:start}}.learning-content ul.steps>li:first-child{padding-top:unset}.learning-content ul.steps>li:last-child{padding-bottom:unset;border-bottom:unset}.learning-content ul.steps>li .num{height:37px;width:72px;background-color:#003a67;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:10px;margin-right:20px;flex-shrink:0}@media not all and (min-width:800px){.learning-content ul.steps>li .num{margin-bottom:10px;font-size:16px;height:30px}}.learning-content ol.key-points{margin:30px 0;list-style:none;counter-reset:number}@media not all and (min-width:800px){.learning-content ol.key-points{margin:20px 0}}.learning-content ol.key-points li{position:relative;display:flex;align-items:center;min-height:45px;width:100%;margin-bottom:12px;padding:5px 5px 5px 56px;background-color:#f2f3f4;font-size:18px;font-weight:700;border-radius:10px}@media not all and (min-width:800px){.learning-content ol.key-points li{font-size:14px}}.learning-content ol.key-points li:before{counter-increment:number;content:counter(number);position:absolute;left:0;height:100%;min-height:45px;width:42px;font-size:18px;font-weight:700;color:#fff;background-color:#42afa5;display:flex;align-items:center;justify-content:center;border-top-left-radius:10px;border-bottom-left-radius:10px}@media not all and (min-width:800px){.learning-content ol.key-points li:before{font-size:14px}}.learning-content dl.horizontal{display:grid;grid-template-columns:max-content auto;-moz-column-gap:.5em;column-gap:.5em;row-gap:.5em}.learning-content .table-wrapper{overflow-x:auto}@media not all and (min-width:800px){.learning-content .table-wrapper table{min-width:800px}}.learning-content table.table-simple{border:1px solid #BFBFBF;border-radius:10px;border-collapse:separate;border-spacing:0}.learning-content table.table-simple caption{font-size:22px;font-weight:700;margin-bottom:4px}@media not all and (min-width:800px){.learning-content table.table-simple caption{font-size:18px;text-align:left;width:90vw}}.learning-content table.table-simple thead{background-color:#42afa5;color:#fff;font-weight:700}.learning-content table.table-simple thead tr th{text-align:left;padding:15px}.learning-content table.table-simple thead tr th:not(:last-child){border-right:solid 1px #ffffff}.learning-content table.table-simple thead tr th:first-child{border-top-left-radius:10px}.learning-content table.table-simple thead tr th:last-child{border-top-right-radius:10px}.learning-content table.table-simple tbody tr:last-child th,.learning-content table.table-simple tbody tr:last-child td{border-bottom:unset}.learning-content table.table-simple tbody tr:last-child>*:first-child{border-bottom-left-radius:10px}.learning-content table.table-simple tbody tr:last-child>*:last-child{border-bottom-right-radius:10px}.learning-content table.table-simple tbody tr th,.learning-content table.table-simple tbody tr td{border-bottom:solid 1px #BFBFBF;text-align:left;padding:15px}.learning-content table.table-simple tbody tr th:not(:last-child),.learning-content table.table-simple tbody tr td:not(:last-child){border-right:solid 1px #BFBFBF}.learning-content table.table-simple tbody tr th{background-color:#42AFA5 10;font-weight:700}.learning-content table.table-simple tbody tr:has([rowspan]:last-child)+tr>*:last-child{border-right:solid 1px #BFBFBF}.learning-content table.table-simple tbody tr:has([rowspan="3"]:last-child)+tr+tr>*:last-child{border-right:solid 1px #BFBFBF}.learning-content table.table-simple tbody tr:has([rowspan="2"]):nth-last-child(2)>*[rowspan]{border-bottom:unset}.learning-content table.table-simple tbody tr:has([rowspan="3"]):nth-last-child(3)>*[rowspan]{border-bottom:unset}.learning-content img{max-width:100%}.learning-content .image-border,.learning-content .image-wrapper{border:2px #BFBFBF solid;border-radius:10px}.learning-content .image-wrapper{width:-moz-fit-content;width:fit-content}.learning-content .image-wrapper .title{background-color:#cc7a38;padding:5px;font-size:22px;color:#fff;text-align:center;border-top-left-radius:7px;border-top-right-radius:7px}.learning-content .image-wrapper .title+img{border-top-left-radius:0;border-top-right-radius:0}.learning-content .image-wrapper img{display:block;max-width:100%;height:auto;border-radius:7px}.learning-content .text{font-size:16px;margin-bottom:30px}@media not all and (min-width:800px){.learning-content .text{margin-bottom:20px}}.learning-content .marker{font-weight:700;box-shadow:0 -12px inset #ffe56b}.learning-content .important{color:#db466e;font-weight:700}.learning-content a{color:#42afa5}.learning-content a.button-external{display:inline-block;position:relative;background-color:#42afa5;color:#fff;font-weight:700;margin:.5em 0 1em;padding:.5em 3em .4em 2em;max-width:100%;border-radius:10px}.learning-content a.button-external:after{content:"";position:absolute;right:1em;top:50%;transform:translateY(-50%);width:1em;height:1em;background-image:url("data:image/svg+xml;charset=utf8,%3C!--%20Generator%3A%20Adobe%20Illustrator%2018.1.1%2C%20SVG%20Export%20Plug-In%20.%20SVG%20Version%3A%206.00%20Build%200)%20--%3E%3Csvg%20version%3D%221.1%22%20id%3D%22_x32_%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20style%3D%22width%3A%20256px%3B%20height%3A%20256px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%234B4B4B%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M96%2C0v416h416V0H96z%20M472%2C376H136V40h336V376z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpath%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%2240%2C472%2040%2C296%2040%2C136%2040%2C96%200%2C96%200%2C512%20416%2C512%20416%2C472%20376%2C472%20%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpolygon%3E%20%3Cpolygon%20class%3D%22st0%22%20points%3D%22232.812%2C312.829%20350.671%2C194.969%20350.671%2C279.766%20390.671%2C279.766%20390.671%2C126.688%20237.594%2C126.688%20237.594%2C166.688%20322.39%2C166.688%20204.531%2C284.547%20%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%3B%22%3E%3C%2Fpolygon%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:cover}.learning-content .video-wrapper{position:relative;width:800px;max-width:100%}.learning-content .video-wrapper:after{content:"";display:block;width:100%;height:0;padding-top:56.25%}.learning-content .video-wrapper iframe,.learning-content .video-wrapper .logica-player{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.learning-content iframe{max-width:100%}.learning-content .contentbox,.learning-content .contentbox-border,.learning-content .contentbox-bg{border-radius:10px;padding:15px;margin-bottom:30px}@media not all and (min-width:800px){.learning-content .contentbox,.learning-content .contentbox-border,.learning-content .contentbox-bg{padding:10px}}.learning-content .contentbox .title,.learning-content .contentbox-border .title,.learning-content .contentbox-bg .title{color:#42afa5;margin-bottom:8px;font-weight:700}.learning-content .contentbox-bg{background-color:#f2f3f4}.learning-content .contentbox-border{border:2px #3E4552 solid}.learning-content details.details-with-arrow{border:2px solid #767676;border-radius:10px;overflow:hidden;transition:all .3s ease}.learning-content details.details-with-arrow summary{padding:15px;background:#f2f3f4;cursor:pointer;font-size:1.1em;font-weight:700;list-style:none;position:relative;transition:background .3s ease,color .3s ease}.learning-content details.details-with-arrow summary::-webkit-details-marker{display:none}.learning-content details.details-with-arrow summary:before{content:"▶ ";display:inline-block;transform:rotate(0);transition:transform .2s ease;margin-right:10px}.learning-content details.details-with-arrow[open] summary:before{transform:rotate(90deg)}.learning-content details.details-with-arrow>*:not(summary){margin-left:15px!important;margin-right:15px!important}.learning-content details.details-with-arrow>*:not(summary):first-of-type{margin-top:15px}.learning-content details.details-with-arrow>*:not(summary):last-of-type{margin-bottom:15px}.learning-content pre[class*=language-]{padding-top:2em;margin-top:30px;margin-bottom:30px}.learning-content div.code-toolbar pre.no-copy+.toolbar .copy-to-clipboard-button,.learning-content div.code-toolbar pre.no-copy+.toolbar .toolbar-item>.copy-to-clipboard-button{display:none!important}.learning-content div.code-toolbar>.toolbar{left:.4em;right:.4em;top:.2em;opacity:1;display:flex;justify-content:space-between}.learning-content div.code-toolbar>.toolbar .toolbar-item:first-child>span{background-color:#666;border-radius:.2em 0 0;color:#fff}.learning-content div.code-toolbar>.toolbar .toolbar-item button:hover,.learning-content div.code-toolbar>.toolbar .toolbar-item button:focus,.learning-content div.code-toolbar>.toolbar .toolbar-item span:hover,.learning-content div.code-toolbar>.toolbar .toolbar-item span:focus{color:#fff}.learning-content div.code-toolbar>.toolbar .toolbar-item .copy-to-clipboard-button>span{position:relative;padding-left:20px}.learning-content div.code-toolbar>.toolbar .toolbar-item .copy-to-clipboard-button>span:before{position:absolute;left:0;height:18px;width:18px;content:"";background-color:currentColor;-webkit-mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' stroke='black' fill='none'><path stroke-linecap='round' stroke-linejoin='round' d='M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75' /></svg>");mask-image:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' stroke-width='1.5' stroke='black' fill='none'><path stroke-linecap='round' stroke-linejoin='round' d='M15.75 17.25v3.375c0 .621-.504 1.125-1.125 1.125h-9.75a1.125 1.125 0 0 1-1.125-1.125V7.875c0-.621.504-1.125 1.125-1.125H6.75a9.06 9.06 0 0 1 1.5.124m7.5 10.376h3.375c.621 0 1.125-.504 1.125-1.125V11.25c0-4.46-3.243-8.161-7.5-8.876a9.06 9.06 0 0 0-1.5-.124H9.375c-.621 0-1.125.504-1.125 1.125v3.5m7.5 10.375H9.375a1.125 1.125 0 0 1-1.125-1.125v-9.25m12 6.625v-1.875a3.375 3.375 0 0 0-3.375-3.375h-1.5a1.125 1.125 0 0 1-1.125-1.125v-1.5a3.375 3.375 0 0 0-3.375-3.375H9.75' /></svg>");-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.learning-content .well-done{margin-top:30px;margin-bottom:30px}.learning-content .well-done .content-well-done{background-color:#f2f3f4;display:flex;flex-direction:column;align-items:center;padding:30px 0;border-radius:10px}@media not all and (min-width:800px){.learning-content .well-done .content-well-done{padding-left:10px;padding-right:10px}}.learning-content .well-done .content-well-done .icon{display:flex;align-items:center;margin-bottom:15px}.learning-content .well-done .content-well-done .icon .robo-well-done{height:95px;margin-right:10px}.learning-content .well-done .content-well-done .icon .text-title .text-well-done{font-size:35px;font-weight:700;color:#42afa5;line-height:35px;text-align:center}@media not all and (min-width:800px){.learning-content .well-done .content-well-done .icon .text-title .text-well-done{font-size:25px}}.learning-content .well-done .content-well-done .icon .text-title .text{font-size:20px;font-weight:700;color:#42afa5;margin-bottom:unset;text-align:center}@media not all and (min-width:800px){.learning-content .well-done .content-well-done .icon .text-title .text{font-size:15px}}.learning-content .well-done .content-well-done .text-sub{font-size:16px;font-weight:700;margin-bottom:15px}@media not all and (min-width:800px){.learning-content .well-done .content-well-done .text-sub{text-align:center;font-size:14px}}.learning-content .well-done .content-well-done .text-sub br{display:none}@media not all and (min-width:800px){.learning-content .well-done .content-well-done .text-sub br{display:block}}.learning-content .well-done .content-well-done button{width:50%;background-color:#3e4552;height:45px;border-radius:10px;display:flex;align-items:center;justify-content:center;position:relative}@media not all and (min-width:800px){.learning-content .well-done .content-well-done button{width:80%}}.learning-content .well-done .content-well-done button .button{display:flex;align-items:center;justify-content:center}.learning-content .well-done .content-well-done button .button span{color:#fff;font-size:15px;font-weight:700}.learning-content .well-done .content-well-done button img{position:absolute;right:15px}.learning-content .communication{display:flex;align-items:flex-start;margin:30px 0}.learning-content .communication.my-chat{justify-content:end;padding-right:20px}.learning-content .communication.my-chat .content{background-color:#42afa5;color:#fff}.learning-content .communication.my-chat .content:before{border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:10px solid #42AFA5;left:unset;right:-20px}.learning-content .communication .avatar{background-position:center;background-size:cover;height:82px;width:82px;border-radius:10px;flex-shrink:0}.learning-content .communication .avatar.it-teacher-normal{background-image:url(../img/build/icon-avatar-it-teacher-normal-CtS1IzJm.png)}.learning-content .communication .avatar.it-teacher-smile{background-image:url(../img/build/icon-avatar-it-teacher-smile-B27cGcp7.png)}.learning-content .communication .avatar.it-teacher-worry{background-image:url(../img/build/icon-avatar-it-teacher-worry-BAiQJ1t3.png)}.learning-content .communication .avatar.it-teacher-sad{background-image:url(../img/build/icon-avatar-it-teacher-sad-Cr7UinaB.png)}.learning-content .communication .avatar.it-teacher-angry{background-image:url(../img/build/icon-avatar-it-teacher-angry-tvduWtv5.png)}.learning-content .communication .avatar.it-teacher-surprise{background-image:url(../img/build/icon-avatar-it-teacher-surprise-Diuj2xSa.png)}.learning-content .communication .avatar.it-teacher-bittersmile{background-image:url(../img/build/icon-avatar-it-teacher-bittersmile-D92Qh-Gj.png)}.learning-content .communication .avatar.it-boy-normal{background-image:url(../img/build/icon-avatar-it-boy-normal-DJzhFZGT.png)}.learning-content .communication .avatar.it-boy-smile{background-image:url(../img/build/icon-avatar-it-boy-smile-C2O9lBcz.png)}.learning-content .communication .avatar.it-boy-worry{background-image:url(../img/build/icon-avatar-it-boy-worry-DJj-qoN5.png)}.learning-content .communication .avatar.it-boy-sad{background-image:url(../img/build/icon-avatar-it-boy-sad-BUAiGe1e.png)}.learning-content .communication .avatar.it-boy-angry{background-image:url(../img/build/icon-avatar-it-boy-angry-yZgaConE.png)}.learning-content .communication .avatar.it-boy-surprise{background-image:url(../img/build/icon-avatar-it-boy-surprise-NpqtlIA3.png)}.learning-content .communication .avatar.it-boy-bittersmile{background-image:url(../img/build/icon-avatar-it-boy-bittersmile-Crpxa006.png)}.learning-content .communication .avatar.it-girl-normal{background-image:url(../img/build/icon-avatar-it-girl-normal-M7rmSlPZ.png)}.learning-content .communication .avatar.it-girl-smile{background-image:url(../img/build/icon-avatar-it-girl-smile-Dou5Bvj1.png)}.learning-content .communication .avatar.it-girl-worry{background-image:url(../img/build/icon-avatar-it-girl-worry-CcgUp4AJ.png)}.learning-content .communication .avatar.it-girl-sad{background-image:url(../img/build/icon-avatar-it-girl-sad-O3VxeWDO.png)}.learning-content .communication .avatar.it-girl-angry{background-image:url(../img/build/icon-avatar-it-girl-angry-DF1ivbKw.png)}.learning-content .communication .avatar.it-girl-surprise{background-image:url(../img/build/icon-avatar-it-girl-surprise-DTSbn3a-.png)}.learning-content .communication .avatar.it-girl-bittersmile{background-image:url(../img/build/icon-avatar-it-girl-bittersmile-plGv3qEX.png)}.learning-content .communication .avatar.ip-teacher-normal{background-image:url(../img/build/icon-avatar-ip-teacher-normal-Bc7j_cug.png)}.learning-content .communication .avatar.ip-teacher-smile{background-image:url(../img/build/icon-avatar-ip-teacher-smile-CwoyxNkO.png)}.learning-content .communication .avatar.ip-teacher-worry{background-image:url(../img/build/icon-avatar-ip-teacher-worry-8YDPnVf-.png)}.learning-content .communication .avatar.ip-teacher-sad{background-image:url(../img/build/icon-avatar-ip-teacher-sad-C6eAlMgw.png)}.learning-content .communication .avatar.ip-teacher-angry{background-image:url(../img/build/icon-avatar-ip-teacher-angry-DiXs1WBK.png)}.learning-content .communication .avatar.ip-teacher-surprise{background-image:url(../img/build/icon-avatar-ip-teacher-surprise-CBS5wAPs.png)}.learning-content .communication .avatar.ip-teacher-bittersmile{background-image:url(../img/build/icon-avatar-ip-teacher-bittersmile-Dn0zs8cF.png)}.learning-content .communication .avatar.ip-boy-normal{background-image:url(../img/build/icon-avatar-ip-boy-normal-B-dU-9cc.png)}.learning-content .communication .avatar.ip-boy-smile{background-image:url(../img/build/icon-avatar-ip-boy-smile-BtD2K72b.png)}.learning-content .communication .avatar.ip-boy-worry{background-image:url(../img/build/icon-avatar-ip-boy-worry-XRZdMDG8.png)}.learning-content .communication .avatar.ip-boy-sad{background-image:url(../img/build/icon-avatar-ip-boy-sad-DTgwJVC0.png)}.learning-content .communication .avatar.ip-boy-angry{background-image:url(../img/build/icon-avatar-ip-boy-angry-TbbrFhcX.png)}.learning-content .communication .avatar.ip-boy-surprise{background-image:url(../img/build/icon-avatar-ip-boy-surprise-Cj8MUibd.png)}.learning-content .communication .avatar.ip-boy-bittersmile{background-image:url(../img/build/icon-avatar-ip-boy-bittersmile-mxhVltv7.png)}.learning-content .communication .avatar.ip-girl-normal{background-image:url(../img/build/icon-avatar-ip-girl-normal-BlfVViAf.png)}.learning-content .communication .avatar.ip-girl-smile{background-image:url(../img/build/icon-avatar-ip-girl-smile-WOp5oGT5.png)}.learning-content .communication .avatar.ip-girl-worry{background-image:url(../img/build/icon-avatar-ip-girl-worry-DAJzZy1M.png)}.learning-content .communication .avatar.ip-girl-sad{background-image:url(../img/build/icon-avatar-ip-girl-sad-CkCD8vrL.png)}.learning-content .communication .avatar.ip-girl-angry{background-image:url(../img/build/icon-avatar-ip-girl-angry-DOmq3YiG.png)}.learning-content .communication .avatar.ip-girl-surprise{background-image:url(../img/build/icon-avatar-ip-girl-surprise-CSywlsOi.png)}.learning-content .communication .avatar.ip-girl-bittersmile{background-image:url(../img/build/icon-avatar-ip-girl-bittersmile-CJ1UMzPT.png)}.learning-content .communication .avatar.ai-teacher-normal{background-image:url(../img/build/icon-avatar-ai-teacher-normal-BLP8-Bvj.png)}.learning-content .communication .avatar.ai-teacher-smile{background-image:url(../img/build/icon-avatar-ai-teacher-smile-XTblmL8g.png)}.learning-content .communication .avatar.ai-teacher-worry{background-image:url(../img/build/icon-avatar-ai-teacher-worry-BUveFK8n.png)}.learning-content .communication .avatar.ai-teacher-sad{background-image:url(../img/build/icon-avatar-ai-teacher-sad-h91ClA0q.png)}.learning-content .communication .avatar.ai-teacher-angry{background-image:url(../img/build/icon-avatar-ai-teacher-angry-BMqJsC1i.png)}.learning-content .communication .avatar.ai-teacher-surprise{background-image:url(../img/build/icon-avatar-ai-teacher-surprise-BB53SAtq.png)}.learning-content .communication .avatar.ai-teacher-bittersmile{background-image:url(../img/build/icon-avatar-ai-teacher-bittersmile-CODSGZFw.png)}.learning-content .communication .avatar.ai-boy-normal{background-image:url(../img/build/icon-avatar-ai-boy-normal-DuOqQgJK.png)}.learning-content .communication .avatar.ai-boy-smile{background-image:url(../img/build/icon-avatar-ai-boy-smile-DgifXCgg.png)}.learning-content .communication .avatar.ai-boy-worry{background-image:url(../img/build/icon-avatar-ai-boy-worry-DlIxE-l0.png)}.learning-content .communication .avatar.ai-boy-sad{background-image:url(../img/build/icon-avatar-ai-boy-sad-DyZH3cEf.png)}.learning-content .communication .avatar.ai-boy-angry{background-image:url(../img/build/icon-avatar-ai-boy-angry-ChTFy7Bl.png)}.learning-content .communication .avatar.ai-boy-surprise{background-image:url(../img/build/icon-avatar-ai-boy-surprise-BvBsLTlD.png)}.learning-content .communication .avatar.ai-boy-bittersmile{background-image:url(../img/build/icon-avatar-ai-boy-bittersmile-BZfOBGbB.png)}.learning-content .communication .avatar.ai-girl-normal{background-image:url(../img/build/icon-avatar-ai-girl-normal-g9uN3BlK.png)}.learning-content .communication .avatar.ai-girl-smile{background-image:url(../img/build/icon-avatar-ai-girl-smile-CW2glvp-.png)}.learning-content .communication .avatar.ai-girl-worry{background-image:url(../img/build/icon-avatar-ai-girl-worry-DfD3rR21.png)}.learning-content .communication .avatar.ai-girl-sad{background-image:url(../img/build/icon-avatar-ai-girl-sad-ChStXdkU.png)}.learning-content .communication .avatar.ai-girl-angry{background-image:url(../img/build/icon-avatar-ai-girl-angry-DZxNFFIh.png)}.learning-content .communication .avatar.ai-girl-surprise{background-image:url(../img/build/icon-avatar-ai-girl-surprise-BXQ58f3S.png)}.learning-content .communication .avatar.ai-girl-bittersmile{background-image:url(../img/build/icon-avatar-ai-girl-bittersmile-BduHf7Tv.png)}.learning-content .communication .avatar.stlear-normal{background-image:url(../img/build/icon-avatar-stlear-normal-CR4jZUIr.png)}.learning-content .communication .avatar.stlear-silence{background-image:url(../img/build/icon-avatar-stlear-silence-4xxUaY7b.png)}.learning-content .communication .avatar.stlear-good{background-image:url(../img/build/icon-avatar-stlear-good-DSZQ8Xad.png)}.learning-content .communication .avatar.stlear-empty{background-image:url(../img/build/icon-avatar-stlear-empty-BlYuQLxn.png)}@media not all and (min-width:800px){.learning-content .communication .avatar{height:60px;width:60px}}.learning-content .communication .content{position:relative;display:flex;flex-direction:column;justify-content:center;border-radius:10px;padding:18px 25px;margin-left:12px;width:calc(100% - 82px);min-height:82px}@media not all and (min-width:800px){.learning-content .communication .content{min-height:60px;padding:10px 15px}}.learning-content .communication .content:before{content:"";position:absolute;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:10px solid transparent;left:-10px;top:35px}.learning-content .communication .content .text:last-child{margin-bottom:unset}.learning-content .communication [class*=teacher]+.content{background-color:#dcedf8}.learning-content .communication [class*=teacher]+.content:before{border-right-color:#dcedf8}.learning-content .communication [class*=boy]+.content{background-color:#d9efed}.learning-content .communication [class*=boy]+.content:before{border-right-color:#d9efed}.learning-content .communication [class*=girl]+.content{background-color:#fee9cc}.learning-content .communication [class*=girl]+.content:before{border-right-color:#fee9cc}.learning-content .communication [class*=stlear]+.content{background-color:#dfdffd}.learning-content .communication [class*=stlear]+.content:before{border-right-color:#dfdffd}@media not all and (min-width:800px){.learning-content .chat-content{padding-bottom:50px}}.learning-content .chat-content .communication .content{width:unset;max-width:540px}@media not all and (min-width:800px){.learning-content .chat-content .communication .content{max-width:unset}}.learning-content .chat-content .communication .content .chat-name{font-weight:700;margin-bottom:.5em}.learning-content .chat-content .communication .content img,.learning-content .chat-content .communication .content video{margin-top:18px;max-width:100%}.learning-content .chat-content .communication .q-a{width:500px;margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center}@media not all and (min-width:800px){.learning-content .chat-content .communication .q-a{width:100%;flex-direction:column}}.learning-content .chat-content .communication .q-a input[type=radio]{display:none}.learning-content .chat-content .communication .q-a input[type=radio]+label{background-color:#fff;min-width:calc(50% - 18px);margin:9px;display:flex;justify-content:center;align-items:center;border-radius:10px;padding:12px 20px;font-weight:700;cursor:pointer}@media not all and (min-width:800px){.learning-content .chat-content .communication .q-a input[type=radio]+label{width:100%;margin:0 0 12px;padding:8px 16px;font-size:14px}}.learning-content .chat-content .communication .q-a input[type=radio]+label:before{display:none}.learning-content .chat-content .communication .q-a input[type=radio]:checked+label{background-color:#088d80;color:#fff;box-shadow:none}.learning-content .chat-content .well-done{width:100%}.learning-content .more-text{position:absolute;bottom:20px;right:20px;z-index:10}.learning-content .more-text .button-more-text{height:60px;width:60px;border-radius:99px;background-color:#42afa5;display:flex;justify-content:center;align-items:center}@media not all and (min-width:800px){.learning-content .more-text .button-more-text{width:40px;height:40px}.learning-content .more-text .button-more-text img{width:15px}}.learning-content .chat{border-top:1px #E5E5E5 solid;padding:18px;margin-left:-45px;margin-right:-45px;position:absolute;width:100%;bottom:-97px;transition:bottom,.3s linear}@media not all and (min-width:800px){.learning-content .chat{margin-left:-20px;margin-right:-20px;padding:10px}}.learning-content .chat .text-chat{background-color:#f2f3f4;border-radius:10px;padding:18px 85px 18px 18px;width:100%}@media not all and (min-width:800px){.learning-content .chat .text-chat{padding:10px 80px 10px 10px}}.learning-content .chat .button-chat{position:absolute;top:30px;right:30px;background-color:#42afa5;height:34px;width:67px;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:18px}@media not all and (min-width:800px){.learning-content .chat .button-chat{top:15px;right:15px}}.learning-content .point{background-color:#e2f7ad;border-radius:10px;padding:30px 18px;margin-top:30px;margin-bottom:30px}@media not all and (min-width:800px){.learning-content .point{padding:20px 16px}}.learning-content .point .text-square{display:flex;margin-bottom:18px;margin-top:-50px}@media not all and (min-width:800px){.learning-content .point .text-square{margin-bottom:10px;margin-top:-38px}}.learning-content .point .text-square>*{font-weight:700;font-size:24px;color:#fff;display:flex;justify-content:center;align-items:center;background-color:#42afa5;width:1.6em;height:1.6em;border-radius:10px;margin-right:3px}@media not all and (min-width:800px){.learning-content .point .text-square>*{font-size:20px}}.learning-content .card{display:flex;flex-direction:column}.learning-content .card .image{height:200px;width:100%;border:1px #BFBFBF solid;border-radius:10px;-o-object-fit:contain;object-fit:contain}.learning-content .card .title{font-weight:700;padding-top:18px}.learning-content .card .content{padding-top:18px}.learning-content .card .content .text{margin-bottom:18px}.learning-content [class^=restriction-]{display:flex;flex-wrap:wrap;max-width:1060px}@media not all and (min-width:800px){.learning-content [class^=restriction-]{flex-direction:column}}.learning-content [class^=restriction-] .restriction-item{margin-right:16px;margin-bottom:30px}@media not all and (min-width:800px){.learning-content [class^=restriction-] .restriction-item{margin-right:0}}.learning-content .restriction-2 .restriction-item{width:calc((100% - 16px)/2)}@media not all and (min-width:800px){.learning-content .restriction-2 .restriction-item{width:100%}}.learning-content .restriction-2 .restriction-item:nth-child(2n){margin-right:0}.learning-content .restriction-3 .restriction-item{width:calc((100% - 32px) / 3)}@media not all and (min-width:800px){.learning-content .restriction-3 .restriction-item{width:100%}}.learning-content .restriction-3 .restriction-item:nth-child(3n){margin-right:0}.learning-content .exam .question-preamble{margin-bottom:30px}.learning-content .exam .question-box{margin-top:30px;margin-bottom:30px}.learning-content .exam .question-box .question-header{background-color:#42afa5;font-size:24px;color:#fff;height:54px;display:flex;justify-content:center;align-items:center;border-top-right-radius:10px;border-top-left-radius:10px}@media not all and (min-width:800px){.learning-content .exam .question-box .question-header{font-size:18px;height:30px}}.learning-content .exam .question-box .question-content{padding:18px 18px 30px;background-color:#f2f3f4;border-bottom-right-radius:10px;border-bottom-left-radius:10px}.learning-content .exam .question-box .question-content .question{font-size:18px;font-weight:700}@media not all and (min-width:800px){.learning-content .exam .question-box .question-content .question{font-size:14px}}.learning-content .exam .question-box .question-content .group-button{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding-top:18px}.learning-content .exam .question-box .question-content .group-button input[type=radio]{display:none}.learning-content .exam .question-box .question-content .group-button input[type=radio]+label{min-width:175px;margin:9px;padding:16px;background:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer}@media not all and (min-width:800px){.learning-content .exam .question-box .question-content .group-button input[type=radio]+label{font-size:14px;padding:10px}}.learning-content .exam .question-box .question-content .group-button input[type=radio]+label:before{display:none}.learning-content .exam .question-box .question-content .group-button input[type=radio]+label img[class^=icon-]{width:24px;height:24px}.learning-content .exam .question-box .question-content .group-button input[type=radio]+label .icon-white{display:none}.learning-content .exam .question-box .question-content .group-button input[type=radio]:checked+label{background-color:#088d80;color:#fff}.learning-content .exam .question-box .question-content .group-button input[type=radio]:checked+label .icon-white{display:block}.learning-content .exam .question-box .question-content .group-button input[type=radio]:checked+label .icon-black{display:none}.learning-content .exam .question-box .hint{margin-top:18px;display:flex;align-items:flex-start}@media not all and (min-width:800px){.learning-content .exam .question-box .hint{font-size:14px;flex-direction:column}}.learning-content .exam .question-box .hint:before{content:"ヒント";display:block;top:0;left:0;width:5em;flex-shrink:0;padding:2px 6px;margin-right:.5em;background-color:#42afa5;color:#fff;font-weight:700;text-align:center;border-radius:10px}@media not all and (min-width:800px){.learning-content .exam .question-box .hint:before{margin-right:0;margin-bottom:.5em}}.learning-content .exam .question-box .answer-content .correct{color:#db466e;font-size:24px;font-weight:700;margin:18px 0}@media not all and (min-width:800px){.learning-content .exam .question-box .answer-content .correct{font-size:18px}}.learning-content .exam .question-box .answer-content .wrong{color:#0069bb;font-size:24px;font-weight:700;margin:18px 0}@media not all and (min-width:800px){.learning-content .exam .question-box .answer-content .wrong{font-size:18px}}.learning-content .exam .submit-question{margin-top:60px;display:flex;flex-direction:column;justify-content:center;align-items:center}.learning-content .exam .submit-question .btn-submit{background-color:#0069bb;font-weight:700;border-radius:10px;width:343px;height:45px;color:#fff;position:relative}.learning-content .exam .submit-question .btn-submit:after{content:"";background-image:url(../img/build/arrow-white-B38VNg0k.svg);background-size:contain;background-repeat:no-repeat;width:8px;height:12px;position:absolute;right:13px;top:16px}.learning-content .exam .submit-question .btn-next{color:#0069bb;font-weight:700;margin-top:30px}.learning-content input[type=radio],.learning-content input[type=checkbox]{visibility:hidden;position:absolute}.learning-content input[type=radio]+label:before,.learning-content input[type=checkbox]+label:before{height:30px;width:30px;margin-right:2px;content:" ";display:inline-block;vertical-align:baseline;background:#f4f4f4}@media not all and (min-width:800px){.learning-content input[type=radio]+label:before,.learning-content input[type=checkbox]+label:before{height:20px;width:20px}}.learning-content input[type=radio]:checked+label:before{background:#42afa5;border:7px solid #f4f4f4}@media not all and (min-width:800px){.learning-content input[type=radio]:checked+label:before{border:4px solid #f4f4f4}}.learning-content input[type=checkbox]:checked+label:before{background:#42afa5;content:url(../img/build/check-white-DGl1TW6S.svg);display:flex;justify-content:center;align-items:center}.learning-content input[type=radio]+label:before{border-radius:50%}.learning-content input[type=checkbox]+label:before{border-radius:6px}.learning-content .form-section{margin-top:60px}@media not all and (min-width:800px){.learning-content .form-section{margin-top:40px}}.learning-content .form-section .title{font-weight:700;font-size:24px;margin-bottom:22px}@media not all and (min-width:800px){.learning-content .form-section .title{margin-top:40px}}.learning-content .form-area{margin-top:18px}.learning-content .form-area .submit{margin:40px 0;display:flex;justify-content:center}.learning-content .form-area .submit .btn-submit{background-color:#0069bb;color:#fff;border-radius:10px;width:343px;height:45px}.learning-content .form-group{padding:18px 0;border-bottom:1px solid #d9d9d9;display:flex;flex-direction:column}.learning-content .form-group .input-area{width:100%}.learning-content .form-group label{margin-bottom:.5em}@media not all and (min-width:800px){.learning-content .form-group label{width:100%;margin-bottom:10px}}.learning-content .form-group .form-file .flex{display:flex;align-items:center;flex-direction:row}@media not all and (min-width:800px){.learning-content .form-group .form-file .flex{align-items:center;flex-direction:row}}.learning-content .form-group .form-file .flex .label-input{border-radius:6px;background-color:#e5e5e5;font-weight:700;font-size:15px;width:auto;padding:7px 15px;white-space:nowrap;margin-right:18px}.learning-content .form-group .form-file .flex .file-name{color:#3e455250}.learning-content .form-group .form-file .flex .file-name.select{color:#3e4552}.learning-content .form-group .form-file .flex .file-name.error{font-weight:700;color:#db466e}.learning-content .form-group input[type=text],.learning-content .form-group input[type=number],.learning-content .form-group input[type=tel],.learning-content .form-group select,.learning-content .form-group textarea{width:100%;background-color:#f4f4f4;padding:15px;border-radius:10px}.learning-content .form-group input[type=text].error,.learning-content .form-group input[type=number].error,.learning-content .form-group input[type=tel].error,.learning-content .form-group select.error,.learning-content .form-group textarea.error{border:2px solid #DB466E}.learning-content .form-group .error-mess{padding-top:12px;color:#db466e;font-weight:700}.learning-content .form-group:first-child{border-top:1px solid #d9d9d9}.learning-content .checkbox-group{display:flex}@media not all and (min-width:800px){.learning-content .checkbox-group{flex-wrap:wrap}}.learning-content .checkbox-group label{display:flex;align-items:center;margin-right:18px}.learning-content .page-flip-book-container{position:relative;width:100%;margin:24px auto;padding-top:38px}.learning-content .page-flip-book-container.is-expanded .page-flip-book-ready{max-width:100%}.learning-content .page-flip-book-controls{position:absolute;top:0;right:0;z-index:20;display:flex;gap:6px}.learning-content .page-flip-book-controls [hidden]{display:none}.learning-content .page-flip-book-nav{display:flex;gap:4px}.learning-content .page-flip-book-size-toggle,.learning-content .page-flip-book-nav-button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:6px;background:#1f29376b;color:#fff;box-shadow:0 1px 4px #1f293724}.learning-content .page-flip-book-size-toggle:hover,.learning-content .page-flip-book-nav-button:hover{background:#1f29379e}.learning-content .page-flip-book-size-toggle:disabled,.learning-content .page-flip-book-nav-button:disabled{cursor:default;opacity:.35}.learning-content .page-flip-book-size-toggle svg,.learning-content .page-flip-book-nav-button svg{width:15px;height:15px;stroke-linecap:round;stroke-linejoin:round}@media not all and (min-width:800px){.learning-content .page-flip-book-size-toggle{display:none}}.learning-content .page-flip-book-ready{margin:0 auto}.learning-content .js-page-flip-page{overflow:hidden;background:#fff;border:1px solid #d7dce2;box-shadow:inset 0 0 20px #1f293714}.learning-content .js-page-flip-page img{display:block;max-width:100%;height:auto}.time-complete-modal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;z-index:10;transition:all .15s ease-out;background-color:#3e45527a}.time-complete-modal .time-complete-content-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:80%}.time-complete-modal .time-complete-content{--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);position:relative;background-color:#fff;border:#42AFA5 solid 8px;border-radius:20px;padding:20px}.time-complete-modal .time-complete-content .character{position:absolute;right:-5px;top:-40px;width:40%;max-width:240px;height:auto}@media not all and (min-width:800px){.time-complete-modal .time-complete-content .character{right:initial;left:50%;transform:translate(-50%);width:180px}}.time-complete-modal .time-complete-steps{display:flex;flex-direction:column;width:60%}@media not all and (min-width:800px){.time-complete-modal .time-complete-steps{width:100%;margin-top:100px}}.time-complete-modal .time-complete-steps .time-complete-step{display:flex;align-items:center}.time-complete-modal .time-complete-steps .time-complete-step .icon-area{width:2em;flex-shrink:0;margin-right:.5em;display:flex;justify-content:center;align-items:center}.time-complete-modal .time-complete-steps .time-complete-step .icon-area .bar{position:relative;width:7px;height:30px;margin:5px;border-radius:5px;background-color:#f2f3f4;box-shadow:inset 1px 1px 3px #bfbfbf}.time-complete-modal .time-complete-steps .time-complete-step .icon-area .bar .progress{position:absolute;top:0;left:0;height:0%;width:100%;background-color:#42afa5;border-radius:6px;transition:height 1s ease}.time-complete-modal .time-complete-steps .time-complete-step .icon-area img{width:100%;height:auto}.time-complete-modal .time-complete-steps .time-complete-step .completed-text{width:100%;margin-top:20px;font-weight:700;font-size:1.2em;text-align:center}.time-complete-modal .time-complete-text{background-color:#f2f3f4;margin:20px 0;border-radius:10px;padding:20px}.time-complete-modal .time-complete-button-area{display:flex;justify-content:center;align-items:center}.time-complete-modal .time-complete-button-area button{border-radius:10px;font-size:1.125rem;line-height:1.75rem;box-shadow:#00000010 0 5px;color:#fff;font-weight:700;background-color:#3e4552;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;padding:6px 35px;max-width:100%}.breadcrumb{display:flex}.breadcrumb-item{margin-right:1em}.breadcrumb-item:not(:last-child):after{margin-left:1em;content:"/"}.sortable{cursor:grab}.sortable:active{cursor:grabbing}.admin.receipt.receipt-edit .form-items{margin:20px 0}.admin.receipt.receipt-edit .form-items .form-item{display:grid;grid-template-columns:9rem minmax(14rem,auto);margin:.5rem 0;padding:.25rem .5rem}.admin.receipt.receipt-edit .form-items .form-item label{font-weight:700}.admin.receipt.receipt-edit .form-items ul.amount-detail{font-size:.875rem;line-height:1.25rem;margin-top:.5rem;margin-bottom:.5rem;display:inline-flex;flex-direction:column}.admin.receipt.receipt-edit .form-items ul.amount-detail>li{border-bottom-width:1px;display:flex;margin-top:.5rem}.admin.receipt.receipt-edit .form-items ul.amount-detail>li label{width:12rem}.admin.receipt.receipt-edit .form-items ul.amount-detail>li label+*{width:6rem}.admin.receipt.receipt-edit .form-items ul.amount-detail ul{margin-left:1rem}.admin.receipt.receipt-edit .form-items ul.amount-detail ul>li{border-bottom-width:1px;display:flex;margin-top:.5rem}.admin.receipt.receipt-edit .form-items ul.amount-detail ul>li label{font-weight:400;width:11rem}.admin.receipt.receipt-edit .form-items ul.amount-detail ul>li label+*{width:6rem}.admin input:not(input[type]),.admin input[type=text],.admin input[type=number],.admin input[type=tel],.admin input[type=email],.admin input[type=password],.admin textarea,.admin select{border:solid 1px #D1D1D1}.admin .active{color:rgb(var(--color-admin-primary))}.admin label.required{position:relative;width:-moz-fit-content;width:fit-content}.admin label.required:after{--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1));content:"*必須";position:absolute;top:0;right:-3em;font-size:11px}.guardian.lesson-key .modal-button{border-radius:10px;padding-top:.75rem;padding-bottom:.75rem;text-align:center;font-weight:700;box-shadow:#00000010 0 5px}.step-process .step-item-process.active .guardian.lesson-key .modal-button{color:#42afa5}.step-process .step-item-process.done .guardian.lesson-key .modal-button{color:#3e4552;opacity:.3}.guardian.lesson-key .modal-button{width:200px;max-width:100%}.guardian.lesson-key .modal-button.modal-button-primary{--tw-bg-opacity: 1;background-color:rgb(66 175 165 / var(--tw-bg-opacity, 1));font-size:1.125rem;line-height:1.75rem;letter-spacing:.025em;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.guardian.lesson-key .modal-button.modal-button-secondary{border-width:2px;--tw-border-opacity: 1;border-color:rgb(66 175 165 / var(--tw-border-opacity, 1));font-size:1rem;line-height:1.5rem;--tw-text-opacity: 1;color:rgb(66 175 165 / var(--tw-text-opacity, 1))}.guardian.lesson-key .modal-button.modal-button-cancel{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size:1rem;line-height:1.5rem}.fc-daygrid-day-events{cursor:pointer}.fc-daygrid-day-bg:empty{cursor:pointer}.item-content-course{background-color:#fff;position:relative;border-radius:10px;box-shadow:#00000010 0 5px}.item-content-course.lock{opacity:.5}.item-content-course.lock:after{content:"";background-size:cover;height:40px;width:40px;position:absolute;top:-12px;right:-10px;background-image:url(../img/build/lock-circle-Cmi61VI3.svg)}.item-content-course.success{background-size:124px;background-repeat:no-repeat;background-position:top right;opacity:1;position:relative}.item-content-course.success:after{content:"";background-size:cover;height:40px;width:40px;position:absolute;top:-14px;right:-14px;z-index:1;background-image:url(../img/build/success-green-7EjeWTLR.svg)}.item-content-course .success{overflow:hidden;position:relative}.item-content-course .success:before{content:"";width:168px;height:168px;position:absolute;border-radius:999px;opacity:.1;top:-38%;right:-16%}.banner-line{background-size:auto;background-position:center;position:relative;z-index:1}.process{background:#e5e5e5;border:6px white solid;border-radius:300px;position:relative}.process .process-percent{position:absolute;top:0;left:0;height:100%;border-radius:9999px}.process .percent-number{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-weight:700;text-shadow:1px 1px 0 #FFF,-1px -1px 0 #FFF,-1px 1px 0 #FFF,1px -1px 0 #FFF,0px 1px 0 #FFF,-1px 0 #FFF,-1px 0 0 #FFF,1px 0 0 #FFF}.process .percent-number.half-full{position:absolute;left:37%;color:#fff;margin-left:unset}.course-wrapper #show-menu{display:none}@media not all and (min-width:800px){.course-wrapper #show-menu:checked~.course-cover{position:fixed;display:block;top:0;left:0;height:100vh;width:100vw;background-color:#00000080;z-index:99}.course-wrapper #show-menu:checked~.course-cover label{position:absolute;top:0;left:0;height:100%;width:100%}}.course-wrapper #show-menu:not(:checked)~.course-main .course-memu{display:none}.course-wrapper .course-cover{display:none}.course-wrapper .course-main{display:flex;height:100vh}@media not all and (min-width:800px){.course-wrapper .course-main{display:block;position:relative}}.course-wrapper .course-memu{height:100vh;width:380px;max-width:80%;flex-shrink:0;overflow-y:auto;background-color:#fff;z-index:100}@media not all and (min-width:800px){.course-wrapper .course-memu{position:absolute;top:0;left:0}}.course-wrapper .course-content{height:100vh;overflow-y:hidden;flex-grow:1}.course-wrapper .course-content img.logo{width:160px}@media not all and (min-width:800px){.course-wrapper .course-content img.logo{width:100px}}.ai.process .process-percent,.ai .process .process-percent{background:#ee6973}.ai.process .percent-number,.ai .process .percent-number{color:#ee6973}.ai.banner-line,.ai .banner-line{background:linear-gradient(135deg,#ee6973,#ee6973 55%,#e3606a 55%,#e3606a)}.ai.border-course,.ai .border-course{border-color:#ee6973}.ai.text-course,.ai .text-course{color:#ee6973!important}.ai.bg-course,.ai .bg-course{background-color:#ee6973}.ai.bg-course-light,.ai .bg-course-light{background-color:#fef0f1}.ai.item-content-course.success,.ai .item-content-course.success{border:3px #EE6973 solid}.ai.item-content-course .success:before,.ai .item-content-course .success:before{border:38px solid #EE6973}.ai.gradient-bg-main-dark{background:linear-gradient(135deg,#ee6973,#e62b5c)}.it.process .process-percent,.it .process .process-percent{background:#51a5d9}.it.process .percent-number,.it .process .percent-number{color:#51a5d9}.it.banner-line,.it .banner-line{background:linear-gradient(135deg,#51a5d9,#51a5d9 55%,#419cd5 55%,#419cd5)}.it.border-course,.it .border-course{border-color:#51a5d9}.it.text-course,.it .text-course{color:#51a5d9!important}.it.bg-course,.it .bg-course{background-color:#51a5d9}.it.bg-course-light,.it .bg-course-light{background-color:#edf6fb}.it.item-content-course.success,.it .item-content-course.success{border:3px #51A5D9 solid}.it.item-content-course .success:before,.it .item-content-course .success:before{border:38px solid #51A5D9}.it.gradient-bg-main-dark{background:linear-gradient(135deg,#51a5d9,#1fa3c5)}.ip.process .process-percent,.ip .process .process-percent{background:#7173e2}.ip.process .percent-number,.ip .process .percent-number{color:#7173e2}.ip.banner-line,.ip .banner-line{background:linear-gradient(135deg,#7173e2,#7173e2 55%,#191ba1 55%,#191ba1)}.ip.border-course,.ip .border-course{border-color:#7173e2}.ip.text-course,.ip .text-course{color:#7173e2!important}.ip.bg-course,.ip .bg-course{background-color:#7173e2}.ip.bg-course-light,.ip .bg-course-light{background-color:#e0e0f1}.ip.item-content-course.success,.ip .item-content-course.success{border:3px #7173e2 solid}.ip.item-content-course .success:before,.ip .item-content-course .success:before{border:38px solid #7173e2}.ip.gradient-bg-main-dark{background:linear-gradient(135deg,#7173e2,#0c227c)}.pc.process .process-percent,.pc .process .process-percent{background:#42afa5}.pc.process .percent-number,.pc .process .percent-number{color:#42afa5}.pc.banner-line,.pc .banner-line{background:linear-gradient(135deg,#42afa5,#42afa5 55%,#46958d 55%,#46958d)}.pc.border-course,.pc .border-course{border-color:#42afa5}.pc.text-course,.pc .text-course{color:#42afa5!important}.pc.bg-course,.pc .bg-course{background-color:#42afa5}.pc.bg-course-light,.pc .bg-course-light{background-color:#a8e4de}.pc.item-content-course.success,.pc .item-content-course.success{border:3px #42AFA5 solid}.pc.item-content-course .success:before,.pc .item-content-course .success:before{border:38px solid #42AFA5}.pc.gradient-bg-main-dark{background:linear-gradient(135deg,#42afa5,#2e7a65)}.pi.process .process-percent,.pi .process .process-percent{background:#df4472}.pi.process .percent-number,.pi .process .percent-number{color:#df4472}.pi.banner-line,.pi .banner-line{background:linear-gradient(135deg,#df4472,#df4472 55%,#d13f6a 55%,#d13f6a)}.pi.border-course,.pi .border-course{border-color:#df4472}.pi.text-course,.pi .text-course{color:#df4472!important}.pi.bg-course,.pi .bg-course{background-color:#df4472}.pi.bg-course-light,.pi .bg-course-light{background-color:#f8c2d2}.pi.item-content-course.success,.pi .item-content-course.success{border:3px #df4472 solid}.pi.item-content-course .success:before,.pi .item-content-course .success:before{border:38px solid #df4472}.pi.gradient-bg-main-dark{background:linear-gradient(135deg,#df4472,#bd216c)}.py.process .process-percent,.py .process .process-percent{background:#2d3e50}.py.process .percent-number,.py .process .percent-number{color:#2d3e50}.py.banner-line,.py .banner-line{background:linear-gradient(135deg,#2d3e50,#2d3e50 55%,#2c3a49 55%,#2c3a49)}.py.border-course,.py .border-course{border-color:#2d3e50}.py.text-course,.py .text-course{color:#2d3e50!important}.py.bg-course,.py .bg-course{background-color:#2d3e50}.py.bg-course-light,.py .bg-course-light{background-color:#a7c3e0}.py.item-content-course.success,.py .item-content-course.success{border:3px #2D3E50 solid}.py.item-content-course .success:before,.py .item-content-course .success:before{border:38px solid #2D3E50}.py.gradient-bg-main-dark{background:linear-gradient(135deg,#2d3e50,#16252d)}.pz.process .process-percent,.pz .process .process-percent{background:#2d3e50}.pz.process .percent-number,.pz .process .percent-number{color:#2d3e50}.pz.banner-line,.pz .banner-line{background:linear-gradient(135deg,#2d3e50,#2d3e50 55%,#2c3a49 55%,#2c3a49)}.pz.border-course,.pz .border-course{border-color:#2d3e50}.pz.text-course,.pz .text-course{color:#2d3e50!important}.pz.bg-course,.pz .bg-course{background-color:#2d3e50}.pz.bg-course-light,.pz .bg-course-light{background-color:#a7c3e0}.pz.item-content-course.success,.pz .item-content-course.success{border:3px #2D3E50 solid}.pz.item-content-course .success:before,.pz .item-content-course .success:before{border:38px solid #2D3E50}.pz.gradient-bg-main-dark{background:linear-gradient(135deg,#2d3e50,#16252d)}.notice-detail .notice-body a{color:#42afa5}.document{font-size:1rem;line-height:1.5rem}.document h1{text-align:center;font-size:1.5rem;line-height:2rem;font-weight:700}.step-process .step-item-process.active .document h1{color:#42afa5}.step-process .step-item-process.done .document h1{color:#3e4552;opacity:.3}@media(min-width:800px){.document h1{font-size:1.875rem;line-height:2.25rem}}.document h2{margin-top:2.5rem;margin-bottom:.75rem;font-size:1.25rem;line-height:1.75rem;font-weight:700}@media(min-width:800px){.document h2{margin-bottom:1rem;font-size:1.5rem;line-height:2rem}}.document h3{margin-bottom:.5rem;font-size:1.125rem;line-height:1.75rem;font-weight:700}@media(min-width:800px){.document h3{margin-bottom:.75rem;font-size:1.25rem;line-height:1.75rem}}.document h4{margin-bottom:.25rem;font-size:1rem;line-height:1.5rem;font-weight:700}@media(min-width:800px){.document h4{margin-bottom:.5rem}}.document section{margin-top:.75rem;margin-bottom:.75rem}@media(min-width:800px){.document section{margin-top:1.25rem;margin-bottom:1.25rem}}.special .lesson-detail{border-radius:10px;font-size:1rem;line-height:1.5rem;box-shadow:#00000010 0 5px}@media(min-width:800px){.special .lesson-detail{font-size:1.125rem;line-height:1.75rem}}.special .lesson-detail{min-width:8em;display:flex;align-items:center;justify-content:center;padding:.3em 1em;background-color:#3e4552;color:#fff;font-weight:700}.special .lesson-button-prime{border-radius:10px;font-size:1rem;line-height:1.5rem;box-shadow:#00000010 0 5px}@media(min-width:800px){.special .lesson-button-prime{font-size:1.125rem;line-height:1.75rem}}.special .lesson-button-prime{min-width:8em;display:flex;align-items:center;justify-content:center;padding:.3em 1em;background-color:#f79200;color:#fff;font-weight:700}.special .lesson-button-cancel{border-radius:10px;font-size:1rem;line-height:1.5rem;box-shadow:#00000010 0 5px}@media(min-width:800px){.special .lesson-button-cancel{font-size:1.125rem;line-height:1.75rem}}.special .lesson-button-cancel{min-width:8em;display:flex;align-items:center;justify-content:center;padding:.3em 1em;background-color:#767676;color:#fff;font-weight:700}.special .lesson-item{position:relative;display:flex;align-items:center}@media not all and (min-width:800px){.special .lesson-item{flex-direction:column;align-items:flex-start}}.special .lesson-item .lesson-image-box{flex-basis:20%;flex-shrink:0;margin-right:20px}@media not all and (min-width:800px){.special .lesson-item .lesson-image-box{margin-bottom:1em;margin-right:0}}.special .lesson-item .lesson-image-box .lesson-image,.special .lesson-item .lesson-image-box .lesson-image img{width:100%}.special .lesson-item .lesson-title{flex-grow:1}@media not all and (min-width:800px){.special .lesson-item .lesson-title{width:100%}}.special .lesson-item .lesson-buttons{display:flex;flex-wrap:wrap}@media not all and (min-width:800px){.special .lesson-item .lesson-buttons{justify-content:center}}.special .lesson-item .lesson-buttons>*{margin:6px}.special .lesson-item.unlock .lesson-image:after{font-size:.875rem;line-height:1.25rem;content:"開催中";background-color:#db466e;color:#fff;padding:5px 10px;border-radius:100px;margin-right:10px;position:absolute;top:5px;left:5px}.special .lesson-item.unlock .lesson-detail-join{background-color:#f79200}.special .lesson-applied{position:relative}.special .lesson-applied.applied .lesson-image:after{content:"申込済";background-color:#42afa5;color:#fff;padding:5px 10px;border-radius:100px;margin-right:10px;position:absolute;top:5px;left:5px}.special .lesson-applied.applied .lesson-button{background-color:#3e4552}.special .lesson-applied .lesson-button{background-color:#f79200}.special .lesson-summary a{color:#42afa5;text-decoration:underline}.chapter-test.p_report .accordion_head{position:relative}.chapter-test.p_report .accordion_head:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:32px;height:32px;background-image:url(../img/build/accordion_head_ic01-DUjaeV4z.svg);background-repeat:no-repeat;background-size:100% 100%;transition:all .3s}.chapter-test.p_report .accordion_head.is_active:after{background-image:url(../img/build/accordion_head_ic02-CMDSc36M.svg)}.chapter-test.p_report .accordion_head.is_active+div{max-height:5000px}@media screen and (max-width:768px){.chapter-test.p_report .c-box-gray{width:calc(100% - 137px)}.chapter-test.p_report .c-box-gray .dlist{display:flex;justify-content:space-between}}.chapter-test.p_report .tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:6px solid #6956e7}.chapter-test.p_report [type=radio]:checked{outline:none;background:#5259e5;--tw-shadow: none;border:7px solid #fff}.chapter-test .chart-test_html a{text-decoration:underline;color:#51a5d9}.chapter-test .chart-test_html .code-block{display:block;margin-top:1rem;margin-bottom:1rem;background-color:#1e1e1e;color:#d9dfe2;border-radius:8px}.chapter-test .chart-test_html code{display:inline-block;margin-left:.25rem;margin-right:.25rem;padding:.25rem .5rem;background-color:#1e1e1e;border-radius:8px;color:#d9dfe2;font-family:Inconsolata,Consolas,Menlo,monospace;font-size:18px;font-weight:400}.chapter-test .chart-test_html ul.disc{list-style:disc;margin-left:1.5rem;margin-top:.5rem;margin-bottom:.5rem}.chapter-test .chart-test_html ul.disc>li:not(:first-child){margin-top:.25rem}.chapter-test .chart-test_html .marker{box-shadow:0 -8px inset #ffe56b}.chapter-test .chart-test_html img.image{margin-top:1em;margin-bottom:1em;padding:10px;max-width:100%;border:1px #BFBFBF solid;border-radius:8px;background-color:#fff}.chapter-test .chart-test_html .image-4{margin-top:1em;margin-bottom:1em;display:grid;grid-auto-flow:row;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}@media not all and (min-width:800px){.chapter-test .chart-test_html .image-4{grid-template-columns:repeat(2,minmax(0,1fr))}}.chapter-test .chart-test_html .image-4 .choice{display:flex;flex-direction:column;justify-content:flex-start;padding:10px;border:1px #BFBFBF solid;border-radius:8px;background-color:#fff}.chapter-test .chart-test_html .image-4 .choice p{margin-bottom:10px;font-size:1.2rem;font-weight:700;flex-shrink:0}.chapter-test .chart-test_html .image-4 .choice img{flex-grow:1;-o-object-fit:contain;object-fit:contain}.chapter-test a:hover,.chapter-test a:active,.chapter-test button:hover{opacity:.7;transition:opacity .2s linear}.chapter-test .bg-violet{background-color:#5259e5}.chapter-test .text-violet{color:#5259e5}.chapter-test .btn{margin:0 auto;overflow:hidden}.chapter-test .effect{transition-duration:.5s;transition-timing-function:ease;transition-property:opacity,transform}.chapter-test .delay05{transition-delay:.5s}.chapter-test .fadeIn{opacity:0}.chapter-test .fadeIn.open{opacity:1}.chapter-test .fadeInUp{transform:translate3d(0,50px,0);opacity:0}.chapter-test .fadeInUp.open{opacity:1;transform:translateZ(0)}.chapter-test .fadeInDown{transform:translate3d(0,-50px,0);opacity:0}.chapter-test .fadeInDown.open{opacity:1;transform:translateZ(0)}@media not all and (min-width:450px){.chapter-test .container{padding:15px}}.chapter-test .header{border-bottom:1px solid #bfbfbf}.chapter-test .page-body{background-color:#fff;background-image:none}.chapter-test .c_ttl{position:relative}.chapter-test .c_ttl:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);width:6px;height:100%;border-radius:3px;background:#51a5d9;display:block}@media not all and (min-width:450px){.chapter-test .p_top .link_get_started{width:100%}.chapter-test .p_top .c-box-gray{text-align:left}.chapter-test .p_top .c-box-gray .dlist{display:block}.chapter-test .p_top .c-box-gray .dlist dl{margin-left:0;justify-content:flex-start}.chapter-test .p_top .c-box-gray .dlist dl:not(:last-child){margin-bottom:.5em}}.chapter-test .p_top .df p{background:#e1eff5;position:relative}.chapter-test .p_top .df p:after{content:"";position:absolute;top:50%;left:-11px;transform:translateY(-50%);width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-right:12px solid #e1eff5}.chapter-test .p_top .c_tb{border-radius:10px;border:1px solid #bfbfbf;display:flex;overflow:hidden;margin-bottom:60px}.chapter-test .p_top .c_tb_l{width:220px;border-right:1px solid #bfbfbf;position:relative;transform:translateZ(0);z-index:2}.chapter-test .p_top .c_tb_l:after{position:absolute;content:"";width:15px;height:100%;top:0;right:-15px;background:linear-gradient(90deg,gray,#fff);opacity:.3}@media screen and (max-width:768px){.chapter-test .p_top .c_tb_l{width:140px}}.chapter-test .p_top .c_tb_l>div{padding:10px;min-height:68px;padding:.625rem;display:flex;align-items:center}.chapter-test .p_top .c_tb_l>div:nth-child(odd){background-color:#f2f3f4}.chapter-test .p_top .c_tb_l>div:nth-of-type(1){background-color:#282b5c;height:52px;min-height:52px;padding:0}.chapter-test .p_top .c_tb_l>div:nth-of-type(2){min-height:68px}.chapter-test .p_top .c_tb_l>div:nth-of-type(3){min-height:72px}@media screen and (max-width:768px){.chapter-test .p_top .c_tb_l>div:nth-of-type(7),.chapter-test .p_top .c_tb_l>div:nth-of-type(8){min-height:79px}}.chapter-test .p_top .c_tb_r{width:calc(100% - 220px);display:flex;overflow-x:auto}.chapter-test .p_top .c_tb_r .col{width:192px;flex-shrink:0}.chapter-test .p_top .c_tb_r .col:not(:last-child){border-right:1px solid #bfbfbf}.chapter-test .p_top .c_tb_r .col>div{min-height:68px;padding:.625rem}.chapter-test .p_top .c_tb_r .col>div:nth-child(odd){background-color:#f2f3f4}.chapter-test .p_top .c_tb_r .col>div:nth-of-type(1){background-color:#282b5c;min-height:52px;z-index:3}.chapter-test .p_top .c_tb_r .col>div:nth-of-type(2){min-height:68px}.chapter-test .p_top .c_tb_r .col>div:nth-of-type(3){min-height:72px}@media screen and (max-width:768px){.chapter-test .p_top .c_tb_r .col>div:nth-of-type(7),.chapter-test .p_top .c_tb_r .col>div:nth-of-type(8){min-height:79px}.chapter-test .p_top .c_tb_r{width:calc(100% - 140px)}}.chapter-test .c_steps{text-align:center}.chapter-test .c_steps ul{display:inline-flex;position:relative}@media screen and (max-width:768px){.chapter-test .c_steps ul{width:346px;justify-content:space-between}}.chapter-test .c_steps ul li{transform:translateZ(0)}.chapter-test .c_steps ul li:not(:last-of-type):after{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);width:100%;height:0px;background:transparent;border:6px solid #282b5c;opacity:.2}@media screen and (max-width:768px){.chapter-test .c_steps ul li:not(:last-of-type):after{right:-20px}.chapter-test .c_steps ul li:nth-of-type(6):after{display:none}}.chapter-test .c_steps ul li a,.chapter-test .c_steps ul li span{background:#8e9aaf;width:40px;height:40px;position:relative;z-index:1;transition:all .3s ease}.chapter-test .c_steps ul li a:hover{background:#5259e5;color:#fff;opacity:1}.chapter-test .c_steps ul li.done a,.chapter-test .c_steps ul li.done span{text-indent:-9999px;background:#282b5c url(../img/build/ic_check-YB7rlO1S.png) center no-repeat;background-size:19px 14px}.chapter-test .c_steps ul li.active a,.chapter-test .c_steps ul li.active span{width:56px;height:56px;background:#5259e5;border:8px solid #e1e2f4;color:#fff}.chapter-test .p_check [type=radio]:checked{outline:none;background:#5259e5;--tw-shadow: none;border:7px solid #f2f3f4}.chapter-test .p_check .steps_ctn{position:relative}.chapter-test .p_check .steps_ctn:after{content:"";position:absolute;left:50%;top:0;transform:translate(-50%);width:0;height:0;border-left:24px solid transparent;border-right:24px solid transparent;border-top:24px solid #fff}.chapter-test .p_check .modal{opacity:0;transition:all .3s ease;pointer-events:none;background-color:#3e455280}.chapter-test .p_check .modal.open{opacity:1;pointer-events:auto}.chapter-test .p_report .accordion_head{position:relative}.chapter-test .p_report .accordion_head:after{content:"";position:absolute;top:50%;right:10px;transform:translateY(-50%);width:32px;height:32px;background-image:url(../img/build/accordion_head_ic01-DUjaeV4z.svg);background-repeat:no-repeat;background-size:100% 100%;transition:all .3s}@media screen and (max-width:768px){.chapter-test .p_report .accordion_head:after{width:24px;height:24px}}.chapter-test .p_report .accordion_head.is_active:after{background-image:url(../img/build/accordion_head_ic02-CMDSc36M.svg)}.chapter-test .p_report .accordion_head.is_active+div{max-height:100%}@media screen and (max-width:768px){.chapter-test .p_report .c-box-gray{width:calc(100% - 137px)}.chapter-test .p_report .c-box-gray .dlist{display:flex;justify-content:space-between}}.chapter-test .p_report .tooltip:after{content:"";position:absolute;left:50%;bottom:-6px;transform:translate(-50%);width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:6px solid #6956e7}.chapter-test .p_report [type=radio]:checked{outline:none;background:#5259e5;--tw-shadow: none;border:7px solid #fff}.message.select-receivers input[type=text]{border:1px solid #BFBFBF}.course-selection.modal.courses-modal .modal-content{width:590px;background-color:#2a2f38}.course-selection.modal.courses-modal .modal-content .modal-header{color:#fff}.course-selection.modal.courses-modal .modal-content .modal-header .close-button{background-color:#fff}.course-selection.modal.courses-modal .modal-content .model-body{color:#fff}.course-selection.modal.courses-modal .course-list{display:flex;flex-direction:column;gap:10px}.course-selection.modal.courses-modal .course-list .course-button{padding:12px 28px 12px 12px;display:flex;gap:12px;align-items:center;position:relative;background-color:#fff!important;border-radius:10px;color:#3e4552;text-align:initial;cursor:pointer}.course-selection.modal.courses-modal .course-list .course-button .course-image{flex-grow:0;flex-shrink:0}.course-selection.modal.courses-modal .course-list .course-button .course-image img{width:53px;height:53px;border:2px solid #fff;border-radius:10px}.course-selection.modal.courses-modal .course-list .course-button .course-info{display:flex;flex-direction:column;align-items:flex-start;flex-grow:1}.course-selection.modal.courses-modal .course-list .course-button .course-info .course-name{font-size:1.125rem;font-weight:700}@media not all and (min-width:800px){.course-selection.modal.courses-modal .course-list .course-button .course-info .course-name{font-size:.875rem}}.course-selection.modal.courses-modal .course-list .course-button .course-info .course-summary{margin-top:2px;font-size:.875rem}@media not all and (min-width:800px){.course-selection.modal.courses-modal .course-list .course-button .course-info .course-summary{font-size:.75rem}}.course-selection.modal.courses-modal .course-list .course-button:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:7px;height:12px;background-color:#3e4552;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.72429 6.13345L1.65871 11.199C1.4144 11.4433 1.01832 11.4433 0.77404 11.199L0.183225 10.6082C-0.0606658 10.3643 -0.0611351 9.96902 0.182182 9.72456L4.19674 5.6911L0.182182 1.65768C-0.0611351 1.41321 -0.0606658 1.01794 0.183225 0.774046L0.77404 0.18323C1.01835 -0.0610768 1.41443 -0.0610768 1.65871 0.18323L6.72426 5.24878C6.96857 5.49306 6.96857 5.88915 6.72429 6.13345Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.72429 6.13345L1.65871 11.199C1.4144 11.4433 1.01832 11.4433 0.77404 11.199L0.183225 10.6082C-0.0606658 10.3643 -0.0611351 9.96902 0.182182 9.72456L4.19674 5.6911L0.182182 1.65768C-0.0611351 1.41321 -0.0606658 1.01794 0.183225 0.774046L0.77404 0.18323C1.01835 -0.0610768 1.41443 -0.0610768 1.65871 0.18323L6.72426 5.24878C6.96857 5.49306 6.96857 5.88915 6.72429 6.13345Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.course-selection.modal.courses-modal .error{color:#b00020}.course-selection.course{overflow:hidden}.course-selection.course .course-header{width:100dvw;background:#fff;padding-top:18px}.course-selection.course .course-header .course-header-container{display:flex;gap:20px;align-items:center;justify-content:flex-start;padding-top:20px;padding-bottom:15px;position:relative}@media not all and (min-width:800px){.course-selection.course .course-header .course-header-container{padding-top:17px;padding-bottom:12px}}.course-selection.course .course-header .course-header-container .course-image{flex-grow:0;flex-shrink:0}.course-selection.course .course-header .course-header-container .course-image img{width:74px;height:74px;border:2px solid #fff;border-radius:10px}@media not all and (min-width:800px){.course-selection.course .course-header .course-header-container .course-image img{width:48px;height:48px}}.course-selection.course .course-header .course-header-container .course-info .course-name{font-size:2.25rem;font-weight:700;line-height:1}@media not all and (min-width:800px){.course-selection.course .course-header .course-header-container .course-info .course-name{font-size:1.375rem}}.course-selection.course .course-header .course-header-container .course-info .course-summary{margin-top:.25rem;font-size:.875rem}@media not all and (min-width:800px){.course-selection.course .course-header .course-header-container .course-info .course-summary{font-size:.75rem}}.course-selection.course .course-header .course-header-container .open-courses-modal-button{flex-grow:0;flex-shrink:0}@media not all and (min-width:800px){.course-selection.course .course-header .course-header-container .open-courses-modal-button{display:none}}.course-selection.course .course-body{padding-top:24px;padding-bottom:24px}@media not all and (min-width:800px){.course-selection.course .course-body{padding-top:10px;padding-bottom:80px}}.course-selection.course .course-body .part-tabs{margin-bottom:24px}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs{overflow-x:auto}.course-selection.course .course-body .part-tabs::-webkit-scrollbar{display:none}.course-selection.course .course-body .part-tabs{scrollbar-width:none;-ms-overflow-style:none}}.course-selection.course .course-body .part-tabs .part-tabs-list{display:flex;flex-wrap:wrap;gap:12px}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs .part-tabs-list{flex-wrap:nowrap;width:-moz-max-content;width:max-content;gap:8px}}.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab{position:relative;padding:12px 20px;background-color:#fff;border:4px solid #fff;border-radius:9999px;font-size:1.125rem;font-weight:700}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab{padding:5px 11px;font-size:.875rem;border-width:2px}}.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.active{color:#fff}.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.locked{padding-left:44px}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.locked{padding-left:30px}}.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.locked:before{content:"";position:absolute;left:10px;top:50%;width:28px;height:28px;transform:translateY(-50%);background:linear-gradient(180deg,#cdd4e2,#79869c);border-radius:50%;border:2px solid #fff;box-shadow:0 1px 2px #0006}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.locked:before{left:6px;width:20px;height:20px}}.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.locked:after{content:"";position:absolute;left:10px;top:50%;width:28px;height:28px;transform:translateY(-50%);background-image:url(../img/build/lock-1pixx0XV.svg);background-repeat:no-repeat;background-position:center center;background-size:37%}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.locked:after{left:6px;width:20px;height:20px}}.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.completed{padding-left:44px}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.completed{padding-left:30px}}.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.completed:before{content:"";position:absolute;left:10px;top:50%;width:28px;height:28px;transform:translateY(-50%);background-image:url(../img/build/icon-clear-Dqj-MoZV.png);background-repeat:no-repeat;background-position:center;background-size:cover}@media not all and (min-width:800px){.course-selection.course .course-body .part-tabs .part-tabs-list .part-tab.completed:before{left:6px;width:20px;height:20px}}.course-selection.course .course-body .part-panel{background-color:#fff;padding:30px 20px;border-radius:20px}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel{padding:20px 15px}}.course-selection.course .course-body .part-panel .part-info{padding-right:160px;padding-bottom:20px;position:relative}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .part-info{padding-right:0;padding-bottom:12px;border-bottom:1px solid #D9D9D9}}.course-selection.course .course-body .part-panel .part-info:after{content:"";position:absolute;bottom:0;right:0;width:140px;height:140px;background-image:url(../img/build/robo-Dw1bl-gA.png);background-repeat:no-repeat;background-position:center;background-size:contain}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .part-info:after{display:none}}.course-selection.course .course-body .part-panel .part-info .part-name{font-size:1.8125rem;font-weight:700;line-height:1}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .part-info .part-name{font-size:1.25rem}}.course-selection.course .course-body .part-panel .part-info .part-summary{margin-top:7px;font-size:.875rem}.course-selection.course .course-body .part-panel .chapters .chapters-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list{grid-template-columns:repeat(1,minmax(0,1fr));gap:10px}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button{padding:12px 10px 12px 12px;border:3px solid #E5E5E5;border-radius:10px;display:flex;gap:12px;justify-content:start;align-items:center;position:relative;width:100%;text-align:left}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button{padding:10px;gap:10px}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.locked{background-color:#eee}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.locked:before{content:"";position:absolute;left:-15px;top:7px;width:42px;height:42px;transform:translateY(-50%);background:linear-gradient(180deg,#cdd4e2,#79869c);border-radius:50%;border:3px solid #fff;box-shadow:0 1px 2px #0006;filter:drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff)}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.locked:before{width:36px;height:36px}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.locked:after{content:"";position:absolute;left:-15px;top:7px;width:42px;height:42px;transform:translateY(-50%);background-image:url(../img/build/lock-1pixx0XV.svg);background-repeat:no-repeat;background-position:center center;background-size:37%}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.locked:after{width:36px;height:36px}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.completed{border-color:#f4cb21;background-image:url(../img/build/bg-clear-D_OqLPxD.png),linear-gradient(180deg,#fff,#f5f1df);background-repeat:no-repeat;background-position:80% center;background-size:contain,cover}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.completed:after{content:"";position:absolute;left:-15px;top:7px;width:42px;height:42px;transform:translateY(-50%);background-image:url(../img/build/icon-clear-Dqj-MoZV.png);background-repeat:no-repeat;background-position:center center;background-size:cover;filter:drop-shadow(1px 1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px -1px 0 #fff)}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button.completed:after{width:36px;height:36px}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-image{flex-grow:0;flex-shrink:0}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-image img{width:86px;height:86px;border:2px solid #fff;border-radius:10px}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-image img{width:72px;height:72px}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-info{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;align-items:flex-start}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-info .chapter-number{font-size:.875rem;font-weight:700}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-info .chapter-number{font-size:.75rem}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-info .chapter-name{font-size:1rem;font-weight:700;line-height:1}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-info .chapter-name{font-size:.875rem}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-info .chapter-progress{display:inline-block;margin-top:3px;font-size:.75rem;font-weight:400}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .chapter-info .chapter-progress{margin-top:2px}}.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .icon-next{width:24px;height:24px;flex-grow:0;flex-shrink:0}@media not all and (min-width:800px){.course-selection.course .course-body .part-panel .chapters .chapters-list .chapter-button .icon-next{width:20px;height:20px}}.course-selection.course .course-footer{display:none}@media not all and (min-width:800px){.course-selection.course .course-footer{display:flex;justify-content:center;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:100}}.course-selection.course .course-footer .open-courses-modal-button{width:230px;max-width:80%;padding-left:44px}.course-selection.chapter .chapter-header{width:100dvw;background:#fff;padding-top:0}.course-selection.chapter .chapter-header .chapter-navigation{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between}.course-selection.chapter .chapter-header .chapter-navigation .part-name{font-size:.875;font-weight:700}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-navigation .part-name{font-size:.75rem}}.course-selection.chapter .chapter-header .chapter-navigation .chapter-navigation-buttons{display:flex;align-items:center;gap:16px}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-navigation .chapter-navigation-buttons{display:none}}.course-selection.chapter .chapter-header .chapter-navigation .chapter-navigation-buttons button{font-size:.875rem;font-weight:700}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-navigation .chapter-navigation-buttons button{font-size:.75rem}}.course-selection.chapter .chapter-header .chapter-header-container{padding-top:15px;padding-bottom:15px;position:relative}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-header-container{padding-bottom:12px}}.course-selection.chapter .chapter-header .chapter-header-container .chapter-header-grid{display:grid;grid-template-columns:1fr 155px;grid-template-rows:repeat(3,auto);grid-template-areas:"chapter-name chapter-name" "chapter-summary chapter-image" "chapter-status chapter-image";gap:12px 32px;padding-top:16px}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-header-container .chapter-header-grid{grid-template-columns:1fr 97px;grid-template-areas:"chapter-name chapter-name" "chapter-summary chapter-image" "chapter-status chapter-status";gap:8px 16px;padding-top:8px}}.course-selection.chapter .chapter-header .chapter-header-container .chapter-name{grid-area:chapter-name;font-size:2rem;font-weight:700;line-height:1}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-header-container .chapter-name{font-size:1.25rem}}.course-selection.chapter .chapter-header .chapter-header-container .chapter-summary{grid-area:chapter-summary;margin-top:.5rem;font-size:1rem}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-header-container .chapter-summary{font-size:.875rem}}.course-selection.chapter .chapter-header .chapter-header-container .chapter-image{grid-area:chapter-image;flex-grow:0;flex-shrink:0}.course-selection.chapter .chapter-header .chapter-header-container .chapter-image img{width:155px;height:155px;border:2px solid #fff;border-radius:10px}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-header-container .chapter-image img{width:97px;height:97px}}.course-selection.chapter .chapter-header .chapter-header-container .chapter-status{grid-area:chapter-status;display:flex;justify-content:space-between;align-items:self-end}.course-selection.chapter .chapter-header .chapter-header-container .chapter-status .chapter-progress{font-size:1.125rem;font-weight:700}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-header-container .chapter-status .chapter-progress{font-size:.875rem}}.course-selection.chapter .chapter-header .chapter-header-container .chapter-status .chapter-progress .completed-count{font-size:1.8125rem}@media not all and (min-width:800px){.course-selection.chapter .chapter-header .chapter-header-container .chapter-status .chapter-progress .completed-count{font-size:1.25rem}}.course-selection.chapter .chapter-body{padding-top:24px;padding-bottom:32px}@media not all and (min-width:800px){.course-selection.chapter .chapter-body{padding-top:10px;padding-bottom:100px}}.course-selection.chapter .chapter-body .time-list{display:flex;flex-direction:column;gap:25px}@media not all and (min-width:800px){.course-selection.chapter .chapter-body .time-list{gap:15px}}.course-selection.chapter .chapter-body .time-list .time-list-item{background-color:#fff;border-radius:12px;box-shadow:0 4px 3px #0000001a}.course-selection.chapter .chapter-body .time-button{flex-grow:0;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:14px 40px;border-radius:10px;box-shadow:0 4px 3px #0000001a;font-size:1.125rem;font-weight:700;color:#fff}@media not all and (min-width:800px){.course-selection.chapter .chapter-body .time-button{padding:11px 22px 11px 14px;font-size:.875rem}}.course-selection.chapter .chapter-body .time-button.btn-activity-submitted{background-color:#3e4552;letter-spacing:-.05em}.course-selection.chapter .chapter-body .time-button.btn-learn,.course-selection.chapter .chapter-body .time-button.btn-activity-submitted{position:relative}.course-selection.chapter .chapter-body .time-button.btn-learn:after,.course-selection.chapter .chapter-body .time-button.btn-activity-submitted:after{content:"";position:absolute;right:10px;top:50%;transform:translateY(-50%);width:7px;height:12px;background-color:#fff;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.72429 6.13345L1.65871 11.199C1.4144 11.4433 1.01832 11.4433 0.77404 11.199L0.183225 10.6082C-0.0606658 10.3643 -0.0611351 9.96902 0.182182 9.72456L4.19674 5.6911L0.182182 1.65768C-0.0611351 1.41321 -0.0606658 1.01794 0.183225 0.774046L0.77404 0.18323C1.01835 -0.0610768 1.41443 -0.0610768 1.65871 0.18323L6.72426 5.24878C6.96857 5.49306 6.96857 5.88915 6.72429 6.13345Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='7' height='12' viewBox='0 0 7 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.72429 6.13345L1.65871 11.199C1.4144 11.4433 1.01832 11.4433 0.77404 11.199L0.183225 10.6082C-0.0606658 10.3643 -0.0611351 9.96902 0.182182 9.72456L4.19674 5.6911L0.182182 1.65768C-0.0611351 1.41321 -0.0606658 1.01794 0.183225 0.774046L0.77404 0.18323C1.01835 -0.0610768 1.41443 -0.0610768 1.65871 0.18323L6.72426 5.24878C6.96857 5.49306 6.96857 5.88915 6.72429 6.13345Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.course-selection.chapter .chapter-footer{padding-bottom:32px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:12px}@media not all and (min-width:800px){.course-selection.chapter .chapter-footer{gap:10px;position:fixed;width:100dvw;background-color:#efefef;bottom:0;left:50%;transform:translate(-50%);padding:20px;z-index:5000}}.course-selection.chapter .chapter-footer button{width:230px;max-width:80%;padding-left:44px}@media not all and (min-width:800px){.course-selection.chapter .chapter-footer button{font-size:.875rem;width:130px;padding-left:26px}}.course-selection.chapter .time-not-active{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0009;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:3000}.course-selection.chapter .time-not-active .time-not-active-icon{width:-moz-fit-content;width:fit-content;padding:10px;margin-bottom:20px;background-color:#fff;border-radius:100%}.course-selection.chapter .time-not-active .time-not-active-content{color:#fff;padding:0 30px;font-size:1.125rem;font-weight:700;text-align:center}@media not all and (min-width:800px){.course-selection.chapter .time-not-active .time-not-active-content{font-size:.875rem}}.time-teaching{color:#3e4552;position:relative;overflow:hidden}.time-teaching .time-teaching-panel .time-teaching-panel-content{padding:20px}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content{padding:15px}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1{display:flex;align-items:flex-start;gap:20px}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1{gap:15px}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-image{flex-grow:0;flex-shrink:0}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-image img{width:108px;height:108px;border-radius:10px}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-image img{width:72px;height:72px}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-info{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;align-items:flex-start}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-info .time-code{font-size:.875rem;font-weight:700}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-info .time-code{font-size:.75rem}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-info .time-title{margin-top:4px;font-size:1.25rem;font-weight:700;line-height:1}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-info .time-title{font-size:1rem}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-info .time-summary{margin-top:14px;font-size:1rem}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-1 .time-info .time-summary{font-size:.875rem}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2{margin-top:18px;display:flex;gap:20px;font-size:.875rem}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2{flex-direction:column}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-required-item{flex-basis:50%;background-color:#f2f3f4;border-radius:12px;padding:16px}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-required-item{padding:14px}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-required-item p{margin-top:4px}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-progress{flex-basis:50%;background-color:#e7f5ef;border-radius:12px;padding:16px}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-progress{padding:14px}}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-progress span.step{font-weight:700}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-progress span.step .completed-count{font-size:1.25rem}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-progress .progress-bar-body{background-color:#ddd;border-radius:300px;position:relative;height:16px;border:2px solid #fff}.time-teaching .time-teaching-panel .time-teaching-panel-content .time-teaching-row-2 .time-progress .progress-bar-body .progress-bar{background:repeating-linear-gradient(135deg,#42afa5,#42afa5 5px,#3b9c94 5px,#3b9c94 10px);height:100%;border-radius:9999px}.time-teaching .time-teaching-panel .time-teaching-panel-footer{padding:12px 20px;border-top:1px solid #BFBFBF;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}@media not all and (min-width:800px){.time-teaching .time-teaching-panel .time-teaching-panel-footer{padding:10px 15px;gap:10px}}.time-chapter-test{color:#3e4552;position:relative;overflow:hidden}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content{padding:20px}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content{padding:15px}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1{display:flex;align-items:flex-start;gap:20px}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1{gap:15px}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1 .time-info{flex-grow:1;flex-shrink:1;display:flex;flex-direction:column;align-items:flex-start}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1 .time-info .time-code{font-size:.875rem;font-weight:700}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1 .time-info .time-code{font-size:.75rem}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1 .time-info .time-title{margin-top:4px;font-size:1.25rem;font-weight:700;line-height:1}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1 .time-info .time-title{font-size:1rem}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1 .time-info .time-description{margin-top:10px;font-size:1rem}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-1 .time-info .time-description{font-size:.875rem}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2{margin-top:18px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 .time-chapter-test-result-grid{display:grid;grid-template-columns:repeat(4,max-content);gap:20px;justify-content:center;align-items:center}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 .time-chapter-test-result-grid{grid-template-columns:repeat(2,max-content);gap:15px}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 label{background-color:#e7f5ef;border-radius:300px;padding:12px 18px;font-size:1rem;font-weight:700}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 label{padding:14px;font-size:.875rem}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 label p{margin-top:4px}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 .time-chapter-test-result{font-size:1.125rem}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 .time-chapter-test-result{font-size:1rem}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 .time-chapter-test-result .score{font-size:1.875rem;font-weight:700}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 .time-chapter-test-result .score{font-size:1.5rem}}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-content .time-chapter-test-row-2 .grade-image img{width:150px;height:150px}.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-footer{padding:12px 20px;border-top:1px solid #BFBFBF;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}@media not all and (min-width:800px){.time-chapter-test .time-chapter-test-panel .time-chapter-test-panel-footer{padding:10px 15px;gap:10px}}.course-selection{color:#3e4552}.course-selection.bg-course-selection{background-color:#efefef}.course-selection.modal .modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:rgb(from #3E4552 r g b/.5);display:flex;justify-content:center;align-items:center;z-index:1000}.course-selection.modal .modal-content{background-color:#fff;max-width:80dvw;max-height:80dvh;overflow:hidden;display:flex;flex-direction:column;border-radius:10px}.course-selection.modal .modal-content .modal-header{position:relative;padding:20px;display:flex;justify-content:center;align-items:center;font-size:1.5625rem;font-weight:700}@media not all and (min-width:800px){.course-selection.modal .modal-content .modal-header{font-size:1.125rem}}.course-selection.modal .modal-content .modal-header .close-button{position:absolute;top:12px;right:12px;width:20px;height:20px;background-color:#000;-webkit-mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 1.99987L18.0001 0L10 8.00014L1.99987 0L0 1.99987L8.00014 10L0 18.0001L1.99987 20L10 11.9999L18.0001 20L20 18.0001L11.9999 10L20 1.99987Z' fill='black'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 1.99987L18.0001 0L10 8.00014L1.99987 0L0 1.99987L8.00014 10L0 18.0001L1.99987 20L10 11.9999L18.0001 20L20 18.0001L11.9999 10L20 1.99987Z' fill='black'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;border:none;cursor:pointer}.course-selection.modal .modal-content .modal-header .close-button:hover{opacity:.8}.course-selection.modal .modal-content .modal-body{padding:20px;flex:1;min-height:0;overflow-y:auto}.course-selection.modal .modal-content .modal-header+.modal-body{padding-top:0}.course-selection .button-navigation{position:relative;background:#3e4552;border-radius:10px;font-size:1.125rem;font-weight:700;color:#fff;padding:.4em .8em;box-shadow:0 4px 3px #0003}@media not all and (min-width:800px){.course-selection .button-navigation{font-size:1rem}}.course-selection .button-navigation:hover{opacity:.9}.course-selection .button-navigation:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:1.1em;height:1.1em;background-color:#fff;-webkit-mask-image:url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.0024 20C4.48709 20 0 15.5137 0 10.0039C0 4.48828 4.48709 0 10.0024 0C15.5151 0 20 4.48828 20 10.0039C20 15.5137 15.5151 20 10.0024 20ZM8.50403 5.625C8.3685 5.625 8.23917 5.67969 8.1398 5.7793L7.65094 6.26367C7.45111 6.46484 7.45111 6.79102 7.65094 6.99219L10.9557 10.3164L7.65094 13.6367C7.55432 13.7324 7.50095 13.8594 7.50061 13.9961C7.50027 14.1348 7.55368 14.2656 7.65094 14.3633L8.1398 14.8477C8.23608 14.9434 8.36545 14.9961 8.50403 14.9961C8.64261 14.9961 8.77197 14.9434 8.86826 14.8477L13.0384 10.6777C13.135 10.582 13.1884 10.4531 13.1887 10.3164C13.189 10.1777 13.1357 10.0469 13.0384 9.94922L8.86826 5.7793C8.76895 5.67969 8.63959 5.625 8.50403 5.625Z" fill="black"/%3E%3C/svg%3E');mask-image:url('data:image/svg+xml,%3Csvg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath d="M10.0024 20C4.48709 20 0 15.5137 0 10.0039C0 4.48828 4.48709 0 10.0024 0C15.5151 0 20 4.48828 20 10.0039C20 15.5137 15.5151 20 10.0024 20ZM8.50403 5.625C8.3685 5.625 8.23917 5.67969 8.1398 5.7793L7.65094 6.26367C7.45111 6.46484 7.45111 6.79102 7.65094 6.99219L10.9557 10.3164L7.65094 13.6367C7.55432 13.7324 7.50095 13.8594 7.50061 13.9961C7.50027 14.1348 7.55368 14.2656 7.65094 14.3633L8.1398 14.8477C8.23608 14.9434 8.36545 14.9961 8.50403 14.9961C8.64261 14.9961 8.77197 14.9434 8.86826 14.8477L13.0384 10.6777C13.135 10.582 13.1884 10.4531 13.1887 10.3164C13.189 10.1777 13.1357 10.0469 13.0384 9.94922L8.86826 5.7793C8.76895 5.67969 8.63959 5.625 8.50403 5.625Z" fill="black"/%3E%3C/svg%3E');-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.course-selection .button-navigation.forward{padding-right:2.4em}.course-selection .button-navigation.forward:after{right:.62em}.course-selection .button-navigation.backward{padding-left:2.4em}.course-selection .button-navigation.backward:after{left:.62em;transform:translateY(-50%) scaleX(-1)}.course-selection .corner-ribbon{position:absolute;top:27px;left:-105px;width:300px;height:40px;display:flex;align-items:center;justify-content:center;gap:3px;transform:rotate(-45deg);transform-origin:center;text-decoration:none}@media not all and (min-width:800px){.course-selection .corner-ribbon{top:20px;left:-73px;width:200px;height:20px}}.course-selection .corner-ribbon.is-clear{background:repeating-linear-gradient(125deg,#ffd54a 0,#ffd54a 6px,#ffc928 6px,#ffc928 12px);box-shadow:0 0 0 2px #fff;z-index:10}.course-selection .corner-ribbon__icon,.course-selection .corner-ribbon__text{position:relative;z-index:30}.course-selection .corner-ribbon__icon{width:34px;height:34px;border-radius:50%;background:#fff;padding:2px;box-shadow:0 3px #0000001f;-o-object-fit:contain;object-fit:contain;position:relative}@media not all and (min-width:800px){.course-selection .corner-ribbon__icon{width:16px;height:16px}}.course-selection .corner-ribbon__text{font-weight:700;font-size:1.25rem;line-height:1;letter-spacing:0;color:#fff;text-transform:uppercase;text-shadow:0 2px 0 rgba(0,0,0,.15)}@media not all and (min-width:800px){.course-selection .corner-ribbon__text{font-size:.875rem}}.ad-carousel{position:relative}.ad-carousel .swiper-slide{width:560px;padding:0 10px}@media not all and (min-width:800px){.ad-carousel .swiper-slide{width:88dvw;padding:0 1.3dvw}}.ad-carousel .swiper-pagination{position:relative;margin-top:8px}.ad-carousel .swiper-pagination-bullet{width:6px;height:6px;margin:0 3px!important;background:#42afa5;opacity:.3}.ad-carousel .swiper-pagination-bullet-active{opacity:1}.student-dashboard{display:flex;flex-direction:column;position:relative}.student-dashboard .main-area{flex-grow:1;order:1}@media not all and (min-width:800px){.student-dashboard .main-area{flex-grow:0}}.student-dashboard .main-area .greeting-area{padding-top:18px;padding-bottom:18px;display:flex;flex-wrap:wrap;gap:0px 20px;justify-content:space-between;align-items:center}.student-dashboard .main-area .greeting-area .today{position:relative;font-size:clamp(1.25rem,3.8dvw,1.75rem);font-weight:700;line-height:1.2;display:flex;align-items:center}.student-dashboard .main-area .greeting-area .today:after{content:attr(data-day-of-week);height:1.25rem;width:1.25rem;margin-left:6px;display:flex;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;line-height:1;color:#fff;background-color:#3e4552;border-radius:50%}@media not all and (min-width:800px){.student-dashboard .main-area .greeting-area .today:after{height:4.8dvw;width:4.8dvw;margin-left:1.6dvw;font-size:2.6dvw}}.student-dashboard .main-area .greeting-area .hello{font-size:clamp(.75rem,2dvw,.875rem);line-height:1.2}.student-dashboard .main-area .ad-area{position:relative}.student-dashboard .main-area .ad-area .ad-fade{position:relative;max-width:1100px;margin:0 auto}@media not all and (min-width:800px){.student-dashboard .main-area .ad-area .ad-fade{max-width:800px}}@media not all and (min-width:450px){.student-dashboard .main-area .ad-area .ad-fade{width:100%}}.student-dashboard .main-area .ad-area .ad-fade:before,.student-dashboard .main-area .ad-area .ad-fade:after{content:"";position:absolute;top:0;width:180px;height:100%;pointer-events:none;z-index:10}@media not all and (min-width:800px){.student-dashboard .main-area .ad-area .ad-fade:before,.student-dashboard .main-area .ad-area .ad-fade:after{display:none}}.student-dashboard .main-area .ad-area .ad-fade:before{left:0;background:linear-gradient(to right,#dbede7,#dbede7 30%,#dfe9e500)}.student-dashboard .main-area .ad-area .ad-fade:after{right:0;background:linear-gradient(to left,#e0ecec,#e0ecec 30%,#dfe9e500)}.student-dashboard .main-area .next-interview-area{margin-top:16px}@media not all and (min-width:800px){.student-dashboard .main-area .next-interview-area{margin-top:8px}}.student-dashboard .main-area .next-interview-area .next-interview-message{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:8px 12px;min-height:40px;padding:7px 18px;color:#003a67;background-color:#ffffffdb;border:1px solid #84C4E0;border-radius:8px;font-size:clamp(.875rem,2.5dvw,1rem);font-weight:700;line-height:1.5;text-align:center;text-decoration:none}@media not all and (min-width:800px){.student-dashboard .main-area .next-interview-area .next-interview-message{min-height:36px;padding:6px 12px}}.student-dashboard .main-area .next-interview-area .next-interview-message:hover{border-color:#74b6d3}.student-dashboard .main-area .next-interview-area .next-interview-status{display:inline-flex;align-items:center;min-height:24px;padding:2px 10px;color:#fff;background-color:#0069bb;border-radius:999px;font-size:.75rem;line-height:1.3}.student-dashboard .main-area .next-interview-area.is-waiting .next-interview-message{border-color:#84c4e0}.student-dashboard .main-area .next-interview-area.is-waiting .next-interview-message:hover{border-color:#74b6d3}.student-dashboard .main-area .content-button-area{margin-top:28px;margin-bottom:60px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-areas:"btn-learn btn-interview btn-special-course btn-message " "btn-notice btn-notice btn-mypage btn-mypage";gap:20px}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area{margin-top:8px;margin-bottom:10px;grid-template-columns:repeat(2,1fr);grid-template-areas:"btn-learn btn-interview" "btn-special-course btn-message" "btn-notice btn-mypage";gap:12px}}.student-dashboard .main-area .content-button-area .content-button{display:flex;justify-content:center;align-items:center;border-radius:12px;position:relative}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button{border-radius:8px}}.student-dashboard .main-area .content-button-area .content-button .btn--text{font-size:clamp(1.125rem,3.5dvw,1.25rem);font-weight:700;white-space:nowrap;line-height:1;color:#fff;display:flex;align-items:center;justify-content:center}.student-dashboard .main-area .content-button-area .content-button.image-button{--btn-bg-color: #fff;--accent-shape-color: #fff;height:180px;background:var(--btn-bg-color)}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.image-button{height:100px}}.student-dashboard .main-area .content-button-area .content-button.image-button:before{content:"";position:absolute;top:0;right:0;width:300px;aspect-ratio:1/1;background-color:var(--accent-shape-color);pointer-events:none;-webkit-mask-image:url(../img/build/mask-corner-DkVpX2co.svg);mask-image:url(../img/build/mask-corner-DkVpX2co.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:right top;mask-position:right top;-webkit-mask-size:contain;mask-size:contain}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.image-button:before{width:200px}}.student-dashboard .main-area .content-button-area .content-button.image-button .btn--image{position:absolute;top:18%;left:50%;transform:translate(-50%);width:40%;height:40%;-o-object-fit:contain;object-fit:contain}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.image-button .btn--image{top:14%}}.student-dashboard .main-area .content-button-area .content-button.image-button .btn--text{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:inline-flex;align-items:center;justify-content:center;background-color:#fff;padding:6px 14px;color:var(--btn-bg-color);border-radius:3000px}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.image-button .btn--text{bottom:8px}}.student-dashboard .main-area .content-button-area .content-button.image-button .btn--text span{display:inline-block;transform:translateY(1px)}.student-dashboard .main-area .content-button-area .content-button.image-button.btn-learn{--btn-bg-color: #42AFA5;--accent-shape-color: #37a69d}.student-dashboard .main-area .content-button-area .content-button.image-button.btn-interview{--btn-bg-color: #84C4E0;--accent-shape-color: #74b6d3}.student-dashboard .main-area .content-button-area .content-button.image-button.btn-message{--btn-bg-color: #E26587;--accent-shape-color: #dd567b}.student-dashboard .main-area .content-button-area .content-button.image-button.btn-special-course{--btn-bg-color: #EDBA34;--accent-shape-color: #e2ad48}.student-dashboard .main-area .content-button-area .content-button.icon-button{display:flex;align-items:center;justify-content:center;gap:10px}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.icon-button{gap:6px}}.student-dashboard .main-area .content-button-area .content-button.icon-button .icon{width:1.75rem;aspect-ratio:1/1;flex-shrink:0;flex-grow:0}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.icon-button .icon{width:1.5rem}}.student-dashboard .main-area .content-button-area .content-button.icon-button .icon--notice{background-color:#fff;-webkit-mask-image:url(../img/build/icon_bell_mask-D3-QYtdD.svg);mask-image:url(../img/build/icon_bell_mask-D3-QYtdD.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}.student-dashboard .main-area .content-button-area .content-button.icon-button .icon--mypage{position:relative}.student-dashboard .main-area .content-button-area .content-button.icon-button .icon--mypage:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;background-color:#fff;border-radius:50%}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.icon-button .icon--mypage:before{top:0;right:0;bottom:0;left:0}}.student-dashboard .main-area .content-button-area .content-button.icon-button .icon--mypage:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:#003a67;-webkit-mask-image:url(../img/build/icon_user_mask-Bk0WnpvJ.svg);mask-image:url(../img/build/icon_user_mask-Bk0WnpvJ.svg);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.icon-button .icon--mypage:after{top:2px;right:2px;bottom:2px;left:2px}}.student-dashboard .main-area .content-button-area .content-button.btn-learn{grid-area:btn-learn}.student-dashboard .main-area .content-button-area .content-button.btn-interview{grid-area:btn-interview;position:relative}.student-dashboard .main-area .content-button-area .content-button.btn-interview .support-open{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);padding:4.5px 12px;font-size:clamp(.6875rem,2.5dvw,.875rem);font-weight:700;line-height:1;background-color:#ee6973;border-radius:14px;color:#fff;z-index:3;white-space:nowrap}.student-dashboard .main-area .content-button-area .content-button.btn-message{--notification-accent-color: #E26587;--notification-count-color: #D8486F;grid-area:btn-message;position:relative}.student-dashboard .main-area .content-button-area .content-button.btn-special-course{grid-area:btn-special-course}.student-dashboard .main-area .content-button-area .content-button.btn-notice{--notification-accent-color: #3A73BC;--notification-count-color: #2F5F9C;grid-area:btn-notice;background-color:#3a73bc;height:70px}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.btn-notice{height:50px}}.student-dashboard .main-area .content-button-area .content-button.btn-notice .btn--text{position:relative;padding-right:1em}.student-dashboard .main-area .content-button-area .content-button.btn-mypage{grid-area:btn-mypage;background-color:#003a67;height:70px}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.btn-mypage{height:50px}}.student-dashboard .main-area .content-button-area .content-button.btn-message .btn--text:not([data-count="0"]):after,.student-dashboard .main-area .content-button-area .content-button.btn-notice .btn--text:not([data-count="0"]):after{content:attr(data-count);position:absolute;top:0;right:0;transform:translate(50%,-50%);min-width:24px;height:24px;padding:1px 3px;background-color:#fff000;color:var(--notification-count-color);box-shadow:0 0 0 2px var(--notification-accent-color);font-size:.875rem;font-weight:700;line-height:1;border-radius:12px;display:flex;justify-content:center;align-items:center}@media not all and (min-width:800px){.student-dashboard .main-area .content-button-area .content-button.btn-message .btn--text:not([data-count="0"]):after,.student-dashboard .main-area .content-button-area .content-button.btn-notice .btn--text:not([data-count="0"]):after{font-size:.625rem}}.student-dashboard .simple-footer{order:3;padding-top:20px;padding-right:380px;padding-bottom:30px;display:flex;flex-wrap:wrap;gap:10px 30px;font-size:.9375rem}@media not all and (min-width:800px){.student-dashboard .simple-footer{padding-right:initial;justify-content:center;font-size:.75rem}}.student-dashboard .system-message-area{position:fixed;bottom:16px;right:auto;left:50%;transform:translate(calc(370px - 100%));z-index:1000;display:flex;gap:20px}@media(min-width:1100px){.student-dashboard .system-message-area{transform:translate(calc(550px - 100% - 4rem))}}@media not all and (min-width:800px){.student-dashboard .system-message-area{order:2;position:relative;bottom:initial;right:initial;left:initial;transform:initial;z-index:initial;padding:20px;flex-grow:1;justify-content:center;align-items:flex-start}}.student-dashboard .system-message-area .system-message{background-color:#fff;border-radius:16px;padding:20px;max-width:260px;font-size:.9375rem}@media not all and (min-width:800px){.student-dashboard .system-message-area .system-message{width:100%;padding:14px;font-size:.8125rem;border-radius:14px}}.student-dashboard .system-message-area .character{width:100px;height:auto;flex-grow:0;flex-shrink:0}@media not all and (min-width:800px){.student-dashboard .system-message-area .character{width:70px}}.student-dashboard .system-message-area .character img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}