@charset "UTF-8";.hidden{display:none!important}.loading-container{min-height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-light)}.loading-container .spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid var(--accent-blue, #3498db);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ttl-h1{font-size:1rem;font-family:var(--ttl);color:var(--text-light)}@media only screen and (min-width:1024px){.ttl-h1{font-size:1.25rem}}.dashboard-container{display:flex;flex-direction:column;row-gap:1.5em}@media only screen and (min-width:1024px){.dashboard-container{display:grid;grid-template-columns:auto;grid-template-rows:auto;grid-column-gap:1.5em;grid-row-gap:1.5em}.dashboard-container .dashboard-header{grid-area:1/1/2/4}.dashboard-container .ttl-h1{grid-area:2/1/3/4}.dashboard-container .charts-grid{grid-area:3/1/4/4}.dashboard-container .goal-section-grid{grid-area:4/1/5/3}.dashboard-container .stats-grid{grid-area:5/1/6/3}.dashboard-container .ranking-section{grid-area:4/3/6/4}}.dashboard-header{display:flex;flex-direction:column;gap:1.142em;color:var(--text-light);font-size:.875rem}@media only screen and (min-width:768px){.dashboard-header{padding-bottom:1.5em;flex-direction:row;justify-content:space-between;align-items:center}}.dashboard-header .dashboard-left-contents{display:flex;flex-direction:column;row-gap:.5em}@media only screen and (min-width:1024px){.dashboard-header .dashboard-left-contents{row-gap:1em;flex:1 1 auto}}.dashboard-header .dashboard-user-icon{width:48px;height:48px;border-radius:50%;object-fit:cover;border:2px solid #fff;box-shadow:0 2px 4px #0000001a}.dashboard-header p{margin:0;font-size:.75rem}@media only screen and (min-width:768px){.dashboard-header p{font-size:.875rem}}.dashboard-header .app-list-wrap p{margin-bottom:.5em;font-size:1rem;font-family:var(--ttl);font-weight:700}@media only screen and (min-width:768px){.dashboard-header .app-list-wrap p{font-size:.875rem;text-align:right}}@media only screen and (min-width:1024px){.dashboard-header .app-list-wrap{display:none}}.dashboard-header .app-list{display:flex;column-gap:1em}.dashboard-header .app-list>li a{position:relative;display:flex;row-gap:.5em;flex-direction:column;align-items:center;color:var(--clr-blue);font-size:.6875rem;height:100%;text-align:center;line-height:1.2}.dashboard-header .app-list>li a:hover:before{background-color:var(--clr-blue)}.dashboard-header .app-list>li a:hover:after{color:#fff}.dashboard-header .app-list>li a:before{position:relative;content:"";background-color:#fff;border-radius:50%;width:6em;height:6em;box-shadow:0 1px 3px #0000000d;transition:var(--anm-hover)}@media only screen and (min-width:768px){.dashboard-header .app-list>li a:before{width:5em;height:5em}}.dashboard-header .app-list>li a:after{z-index:1;color:var(--clr-blue);position:absolute;font-family:var(--icon);line-height:1;font-weight:300;transition:var(--anm-hover)}.dashboard-header .app-list>li a.is-exam-btn:after{content:"mode_heat";font-size:2.25rem;top:.416em;left:.416em}@media only screen and (min-width:768px){.dashboard-header .app-list>li a.is-exam-btn:after{font-size:1.75rem;top:.5em;left:.5em}}.dashboard-header .app-list>li a.is-ox-btn:after{top:.6em;left:.6em;font-size:1.875rem;content:"task_alt"}@media only screen and (min-width:768px){.dashboard-header .app-list>li a.is-ox-btn:after{font-size:1.375rem;top:.727em;left:.727em}}.dashboard-header .app-list>li a.is-flashcard-btn:after{top:.531em;left:.531em;font-size:2rem;content:"cards_stack"}@media only screen and (min-width:768px){.dashboard-header .app-list>li a.is-flashcard-btn:after{font-size:1.5rem;top:.625em;left:.625em}}.goal-section-grid{display:flex;flex-direction:column;row-gap:1.5em}.card{background:var(--bg-white);border-radius:8px;padding:20px;box-shadow:0 1px 3px #0000000d}@media only screen and (min-width:768px){.card{padding:24px}}.card h2{font-size:13px;color:var(--text-light);margin-bottom:16px;font-weight:400}.stats-grid{display:flex;flex-direction:column;row-gap:1.5em}@media only screen and (min-width:1024px){.stats-grid{column-gap:1.5em;flex-direction:row}}.stats-grid .stats-card{display:flex;flex-direction:column;width:100%}.stats-grid .stats-card .disp-streak-wrap{display:flex;align-items:baseline}.stats-grid .stats-card .stats-value-large{display:flex;align-items:center;justify-content:center;font-size:1.25rem;font-weight:400;line-height:1;height:100%;font-family:var(--num);text-align:center}.stats-grid .stats-card .stats-value-large #disp-streak{font-size:2.5rem}@media only screen and (min-width:1024px){.stats-grid .stats-card .stats-value-large{font-size:2rem}.stats-grid .stats-card .stats-value-large #disp-streak{font-size:3.5rem}}.stats-grid .stats-card .stats-row{display:flex;gap:32px}@media only screen and (min-width:1024px){.stats-grid .stats-card .stats-row{gap:0}.stats-grid .stats-card .stats-row .stats-item{padding-bottom:calc(1.5em + 12px)}.stats-grid .stats-card .stats-row .stats-item:nth-child(2){padding-top:calc(1.5em + 12px);border-top:1px solid var(--border-color)}.stats-grid .stats-card .stats-row{flex-direction:column}}.stats-grid .stats-card .stats-item{flex:1 1 auto;display:flex;flex-direction:column}@media only screen and (min-width:768px){.stats-grid .stats-card .stats-item{flex-direction:row;align-items:flex-end;column-gap:.5em}}.stats-grid .stats-card .stats-item .label{font-size:.625rem;color:var(--text-light)}@media only screen and (min-width:768px){.stats-grid .stats-card .stats-item .label{font-size:.75rem}}.stats-grid .stats-card .stats-item .value{font-family:var(--num);font-size:2.5rem;font-weight:400;line-height:1}@media only screen and (min-width:1024px){.stats-grid .stats-card .stats-item .value{font-size:3.5rem}}.stats-grid .stats-card:nth-child(1){grid-area:1/1/3/2}.stats-grid .stats-card:nth-child(2){grid-area:1/2/2/3}.charts-grid{display:grid;grid-template-columns:1fr;gap:1.5em}@media only screen and (min-width:768px){.charts-grid{grid-template-rows:1fr 1fr}}@media only screen and (min-width:1024px){.charts-grid{grid-template-columns:1fr 1fr 20%;grid-template-rows:1fr}}.ranking-section .section-header{margin-bottom:1em}.ranking-section .section-header h2{font-size:.875rem;color:var(--text-light);margin:0}.ranking-section .section-header p{margin-top:.5em;font-size:.75rem;color:var(--text-light)}.ranking-list{display:flex;flex-direction:column;gap:8px}.ranking-item{display:flex;align-items:center;padding:12px 16px;border-radius:6px;background-color:#f8fafc;transition:background .2s}.ranking-item.is-me{background-color:#fffde7}.ranking-item.is-me .user-name{font-weight:700}.ranking-item .rank-badge{width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-weight:700;font-size:12px;margin-right:12px;background-color:#cbd5e1;color:#fff}.ranking-item.rank-1 .rank-badge{background-color:#f59e0b;box-shadow:0 2px 4px #f59e0b4d}.ranking-item.rank-2 .rank-badge{background-color:#94a3b8}.ranking-item.rank-3 .rank-badge{background-color:#b45309}.ranking-item .user-info{flex:1;display:flex;align-items:center;gap:8px}.ranking-item .user-info .user-name{font-size:14px}.ranking-item .user-info .me-badge{font-size:.6875rem;background:var(--clr-blue70);color:#fff;padding:2px 6px;border-radius:4px;font-weight:500}.ranking-item .score{text-align:right}.ranking-item .score .count{font-size:16px;font-weight:700;margin-right:2px}.ranking-item .score .unit{font-size:10px;color:var(--text-light)}.guest-container{min-height:60vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 1em;font-family:Noto Sans JP,sans-serif}.guest-container .hero-content{display:flex;flex-direction:column;row-gap:2em}.guest-container .hero-title{margin-top:1.2em;font-size:1.25rem;line-height:1.5;color:var(--primary-color)}@media only screen and (min-width:768px){.guest-container .hero-title{font-size:2rem}}.guest-container .hero-desc{font-size:.875rem;line-height:1.8;color:var(--text-light)}@media only screen and (min-width:768px){.guest-container .hero-desc{font-size:1rem}}.guest-container .hero-actions{display:flex;flex-direction:column;gap:1em;justify-content:center;align-items:center}.guest-container .btn{padding:.75em 2em;border-radius:99px;font-size:.875rem;font-weight:700;text-align:center;text-decoration:none;cursor:pointer;border:1px solid transparent;width:16em;display:block;letter-spacing:1px}.guest-container .btn-primary{background-color:var(--primary-color);color:#fff}.guest-container .btn-primary:hover{background-color:var(--clr-red)}.guest-container .btn-secondary{background-color:#fff;color:var(--primary-color);border-color:rgb(from var(--primary-color) r g b/.5)}@media only screen and (min-width:768px){.guest-container .btn{padding:1em 2em}}.guest-container .btn-text{text-decoration:underline;color:var(--text-light);font-size:.9rem;margin-top:.5em;cursor:pointer}.goal-section .section-header{display:flex;width:100%;justify-content:space-between}@media only screen and (min-width:1024px){.goal-section{height:100%}}.goal-content{display:flex;align-items:center;justify-content:center;gap:40px;padding:10px;height:100%}.chart-wrapper{position:relative;width:160px;height:160px}.chart-center-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;display:flex;flex-direction:column;justify-content:center}.chart-center-text .num-wrap{display:flex;align-items:baseline}.chart-center-text .num{font-size:1.75rem;font-weight:500;color:var(--primary-color);line-height:1;font-family:var(--num)}.chart-center-text .num .label{font-size:11px;color:#94a3b8;margin-top:4px}.chart-card{display:flex;flex-direction:column}.chart-card .chart-container{position:relative;align-self:center;justify-self:center;height:15em;width:100%}@media only screen and (min-width:1024px){.chart-card .chart-container{height:100%}}.goal-info{flex:1;max-width:300px}.status-text{font-size:15px;color:var(--text-main);line-height:1.6;margin-bottom:8px}.current-num,.target-num{font-size:1.5rem;font-weight:400;font-family:var(--num);color:var(--clr-darkgreen)}.target-num{color:var(--text-main)}#totalGoalCurrentNum{color:var(--text-main);font-size:.9375rem}#totalGoalCurrentNum span{font-size:1.5rem;font-weight:400;font-family:var(--num);color:var(--clr-darkgreen)}.cheer-message{font-size:14px;font-weight:700;color:var(--clr-darkgreen);background:var(--clr-darkgreen5);padding:8px 12px;border-radius:6px;display:inline-block}.settings-link{font-size:.75rem;color:var(--clr-link);text-decoration:underline;transition:var(--anm-hover)}.settings-link:hover{color:var(--clr-red)}.goal-section-empty{margin-bottom:24px;padding:30px;text-align:center;background:#f8fafc;border:2px dashed #e2e8f0}.empty-content p{margin-bottom:16px;color:#64748b;font-size:14px}@media(max-width:600px){.goal-content{flex-direction:column;text-align:center;gap:20px}.goal-info{max-width:100%}}.stats-list-container{display:flex;flex-direction:column;gap:1rem;justify-content:space-between;margin-top:.5rem;text-align:left}.stats-col{flex:1}.stats-col h3{padding:.25em .5em;font-size:.875rem;color:#fff;font-weight:400;margin-bottom:8px;background-color:var(--text-light)}.stats-col p{text-align:right;font-size:.6875rem;border-top:1px solid var(--border-color);color:var(--text-light)}.stats-col p span{margin-right:2px;font-size:1rem;font-family:var(--num)}.cat-list{list-style:none;padding:0;margin:0;font-size:.8rem}.cat-list li{display:flex;justify-content:space-between;margin-bottom:4px;color:var(--text-light)}.cat-list li .num{font-weight:700;color:var(--text-light)}.stats-card-text{font-size:.6875rem;color:var(--text-light)}.rank-split{display:flex;flex-direction:row;row-gap:1em;justify-content:space-around;align-items:center;justify-self:center;margin-top:10px;height:100%}.rank-box{text-align:center}.rank-box .label{font-size:.8rem;color:var(--text-light);display:block;margin-bottom:2px}.rank-box .value{font-size:2.5rem;font-weight:400;color:var(--text-main);line-height:1.2;font-family:var(--num)}@media only screen and (min-width:1024px){.rank-box .value{font-size:3.5rem}}.rank-box .unit{font-size:1.25rem;color:var(--text-main)}@media only screen and (min-width:1024px){.rank-box .unit{font-size:2rem}}.ranking-tabs{display:flex;gap:10px;margin-bottom:15px;justify-content:center}.rank-tab-btn{padding:6px 16px;border-radius:20px;border:1px solid var(--border-color);background:#fff;color:var(--text-light);font-size:.9rem;cursor:pointer;transition:all .2s}.rank-tab-btn.active{background:var(--clr-blue);color:#fff;border-color:var(--clr-blue);font-weight:700}.resume-notification{position:relative;background:#fff;border-radius:.5em;padding:1em;margin-bottom:1em;display:flex;column-gap:1em;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000d;transition:var(--anm-hover)}.resume-notification:after{content:"arrow_forward_ios";font-family:var(--icon);color:var(--clr-blue)}@media only screen and (min-width:768px){.resume-notification{padding:1em 1.5em;min-width:30em;width:100%}}.resume-notification:hover{background-color:var(--clr-gray2)}.resume-info{flex:1;display:flex;flex-direction:column;row-gap:.25em}.resume-info .resume-label{font-size:.875rem;color:var(--clr-blue);font-weight:500;display:block}.resume-info .resume-text{font-size:.6875rem;color:var(--text-light);margin:0}@media only screen and (min-width:1024px){.resume-info{flex-direction:row;column-gap:1em;align-items:center}.resume-info .resume-label{font-size:.875rem}.resume-info .resume-text{font-size:.75rem}}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}:root{--clr-black: #1F2937;--clr-red: #E84646;--clr-red5: #FEF6F6;--clr-red10: #FCE4E4;--clr-blue: #264394;--clr-blue5: #F4F6FA;--clr-blue70: #677BB4;--clr-blue10: #DFE4F0;--clr-darkgreen: #149089;--clr-darkgreen5: #F3F9F9;--clr-darkgreen10: #DDEFEE;--clr-link:#0083D4;--clr-gray1:#EDF2F7;--clr-gray2:#F9FAFB;--clr-black50: #8F949B;--clr-black20: #BCBFC3;--clr-black10: #E3E5E7;--sec-max-width: 100%;--article-max-width:100%;--sec-padding: 5.6em;--sec-m-side:1em;--round32: 32px;--round16: 16px;--round8: 8px;--icon:"Material Symbols Outlined";--ttl:"Zen Kaku Gothic New", sans-serif;--num:"Oswald", sans-serif;--anm-hover: all .3s ease-in-out;--header-height: 86px}@media only screen and (min-width:768px){:root{--sec-m-side: 2em;--sec-max-width: 1664px;--article-max-width: 1264px;--header-height: 121px}}@media only screen and (min-width:1024px){:root{--sec-padding: 10.4em}}@media only screen and (min-width:1024px){body:has(.sidebar.is-collapsed) .main-content{padding-left:calc(90px + 5%)}}.main-content.is-guest{padding:0}@media only screen and (min-width:1024px){body:has(.sidebar.is-collapsed) .main-content.is-guest{padding-left:5%}.main-content.is-guest{padding-left:300px}}.guest-hero{background:#c9edec;padding:1.875em}.guest-hero .logo{display:none}.guest-hero-title{font-size:1.5rem}.guest-hero-inner{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.875em;margin-bottom:1.875em}@media only screen and (min-width:768px){.guest-hero{flex-direction:row;flex-wrap:wrap;padding:0}.guest-hero-inner{padding:1.875em;flex-direction:row}.guest-hero figure{max-width:31.25em;height:auto;padding:1.875em 0 0;width:calc(50% - 80px)}.guest-hero figure img{width:100%;height:auto}.guest-hero .logo{display:block;width:12.5em;height:auto;margin-bottom:3.125em}}@media only screen and (min-width:1024px){.guest-hero-inner{padding:3.125em;margin-bottom:0;container-type:inline-size;container-name:hero}.guest-hero-title{font-size:clamp(24px,2.6vw,32px)}}.guest-hero-actions{display:flex;flex-direction:column;gap:1.25em;text-align:center;margin-inline:auto;max-width:15.625em}@media only screen and (min-width:768px){.guest-hero-actions{background:#6dc9c4;width:100%;max-width:100%!important;padding:1.875em;flex-direction:row!important;align-items:center;justify-content:center}.guest-hero-actions a{min-width:15.625em}}.guest-container{flex-direction:column}.guest-intro{counter-reset:number 0;display:flex;flex-direction:column;align-items:center;gap:1.875em;padding:1.875em 1.25em;container-type:inline-size;container-name:intro}.guest-intro h2{text-align:center}@media only screen and (min-width:768px){.guest-intro{gap:3.125em;margin-inline:auto;padding:3.125em}}@media only screen and (min-width:1024px){.guest-intro{max-width:75em;margin-inline:auto;gap:5em;padding:5em 3.125em}.guest-intro h2{font-size:2rem;font-size:clamp(24px,2.6vw,32px)}}.guest-intro .sp-br{display:block}@media only screen and (min-width:768px){.guest-intro .sp-br{display:none}}.guest-intro-box{background:#fff;padding:2em;font-size:.8125rem;line-height:1.8;border-radius:var(--round8);box-shadow:0 4px 6px #0000001a;margin:0 auto;display:flex;flex-direction:column;align-items:center;width:100%;gap:1.25em;box-sizing:border-box}.guest-intro-box figure{max-width:75%}@media only screen and (min-width:768px){.guest-intro-box{flex-direction:row}.guest-intro-box p{font-size:.875rem}}@media only screen and (min-width:1024px){.guest-intro-box{width:80%;max-width:880px;gap:1.875em;padding:3.125em;position:relative;font-size:1rem;line-height:1.8}.guest-intro-box p{font-size:1rem}.guest-intro-box:nth-last-of-type(odd){margin-left:0;padding-right:20%}.guest-intro-box:nth-last-of-type(odd) figure{position:absolute;right:-120px;bottom:-40px;width:320px;max-width:50%}.guest-intro-box:nth-last-of-type(odd) figure img{width:100%;height:auto}.guest-intro-box:nth-last-of-type(2n){margin-right:0;padding-left:20%}.guest-intro-box:nth-last-of-type(2n) figure{position:absolute;left:-150px;bottom:30px;width:320px;max-width:45%}.guest-intro-box:nth-last-of-type(2n) figure img{width:100%;height:auto}}.guest-intro-box h3{position:relative;font-size:1.5rem;color:var(--clr-blue);text-align:center;margin-bottom:.5em}.guest-intro-box h3:before{display:block;background:var(--clr-link);border-radius:var(--round32);margin-inline:auto;font-size:.75rem;padding:.1em .75em;color:#fff;width:fit-content;font-weight:400;content:"ポイント";counter-increment:number 1;content:"ポイント" counter(number)}@media only screen and (min-width:768px){.guest-intro-box h3{text-align:left}.guest-intro-box h3:before{margin-left:0}}@media only screen and (min-width:1024px){.guest-intro-box h3{font-size:2rem}}@media only screen and (min-width:768px){.guest-intro-inner{width:65%;margin-right:5%}.guest-intro-inner figure{width:30%;min-width:200px}.guest-intro-inner figure img{width:100%;height:auto}}@media only screen and (min-width:1024px){.guest-intro-inner{width:auto}}.btn-primary{background:var(--clr-red);transition:opacity .2s}.btn-primary:hover{background:var(--clr-red);opacity:.9}.btn-secondary{border-color:var(--clr-black);color:var(--clr-black);transition:background .2s}.btn-secondary:hover{border-color:var(--clr-black);color:var(--clr-black);background:#f5f5f5}.guest-app{display:flex;align-items:center;position:relative;flex-direction:column;gap:1.875em;padding:1.875em 1.25em;background:#fff;container-type:inline-size;container-name:app}@media only screen and (min-width:768px){.guest-app{padding:3.125em;gap:3.125em}}@media only screen and (min-width:1024px){.guest-app{padding:6.25em 3.125em}.guest-app h2{font-size:2rem;font-size:clamp(24px,2.6vw,32px)}}.guest-app-list{display:flex;flex-direction:column;gap:1.875em}@media only screen and (min-width:768px){.guest-app-list{flex-wrap:wrap;flex-direction:row}}@media only screen and (min-width:1024px){.guest-app-list{flex-direction:row;max-width:75em;gap:2.5em;margin-inline:auto}}.guest-app-box{background:#fff;padding:1.25em;font-size:.8125rem;line-height:1.8;border-radius:var(--round8);box-shadow:0 4px 6px #0000001a;display:flex;border:1px solid var(--clr-black10);flex-direction:column;align-items:center;gap:1.25em}@media only screen and (min-width:768px){.guest-app-box{width:calc(50% - 15px)}}@media only screen and (min-width:1024px){.guest-app-box{padding:1.875em;width:calc(50% - 20px);font-size:1rem}}.guest-app-box h3{color:var(--clr-blue)}.guest-app .btn{margin-inline:auto}.guest-closing{padding:3.125em 0;text-align:center}