.voices-flow[data-v-942d6708]{width:35.78rem;max-width:96%;display:flex;flex-direction:row;flex-wrap:wrap;margin:.871rem auto 1.743rem;padding-left:0}.flow-item[data-v-942d6708]{display:flex;flex-direction:column;background-color:rgba(22,115,230,.86);border-radius:var(--radius);width:6.88rem;height:6.651rem;margin-right:2.752rem;position:relative}.flow-item div[data-v-942d6708]{border-radius:50%;background-color:#fffcfc;border:1px solid #fff;box-shadow:0 .367rem .367rem 0 rgba(0,0,0,.25);margin:auto auto .46rem;width:2.752rem;height:2.752rem}.flow-item div img[data-v-942d6708]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:50%}.flow-item span[data-v-942d6708]{color:#fff;font-size:.55rem;line-height:.66rem;font-weight:600;text-align:center;margin:.46rem auto auto;text-transform:uppercase;max-width:95%}.flow-item[data-v-942d6708]:before{content:"";width:1.284rem;height:2.11rem;background:url(/image/left.png) no-repeat 50%;background-size:100% 100%;position:absolute;top:50%;right:0;transform:translateX(2.018rem) translateY(-50%)}@media(max-width:600px){.flow-item[data-v-942d6708]{margin-right:auto!important;margin-left:auto;margin-bottom:15px;width:42%}.flow-item[data-v-942d6708]:before{display:none}}.flow-item[data-v-942d6708]:last-child{margin-right:0}.flow-item[data-v-942d6708]:last-child:before{display:none}.voices-main[data-v-942d6708]{position:relative;background-color:#fff;border-radius:var(--radius);width:37rem;max-width:96%;margin-left:auto;margin-right:auto;margin-bottom:.688rem;border:1px solid rgba(0,0,0,.25);border-top:none}.type-list[data-v-942d6708]{border-radius:var(--radius);border:1px solid rgba(0,0,0,.25);width:100%;flex-wrap:wrap;background-color:#e5e5e5;padding-left:0}.type-item[data-v-942d6708],.type-list[data-v-942d6708]{display:flex;flex-direction:row}.type-item[data-v-942d6708]{align-items:center;justify-content:space-evenly;border-right:1px solid rgba(0,0,0,.25);height:2rem;width:16.66667%;cursor:pointer}.type-item span[data-v-942d6708]{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;word-break:break-all;max-width:80%}.type-item[data-v-942d6708]:last-child{border-right:none}.help-box[data-v-942d6708]{background-color:var(--bkg-1);display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:7.11rem}.audio-box[data-v-942d6708],.help-box[data-v-942d6708]{border-radius:var(--radius)}.audio-box[data-v-942d6708]{background-color:hsla(0,0%,89.8%,.85882);padding:.55rem 1.743rem}.audio-list[data-v-942d6708]{list-style:disc;display:flex;flex-direction:column;flex-wrap:wrap;overflow-x:auto;overflow-y:hidden}@media(max-width:600px){.audio-list[data-v-942d6708]{width:100%!important}}.audio-item[data-v-942d6708]{font-size:.5rem;line-height:1.3rem;min-width:8.027rem;text-decoration:underline;text-underline-offset:5px;color:#000;cursor:pointer}@media(max-width:600px){.audio-item[data-v-942d6708]{min-width:9.027rem}}.loading-box[data-v-942d6708]{position:absolute;background-color:rgba(32,32,32,.62);top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.loading-box img[data-v-942d6708]{max-width:100%;max-height:100%}.total[data-v-942d6708]{position:absolute;bottom:0;right:0;transform:translateY(130%);opacity:.6}#home-banner[data-v-70a30cf9]{position:relative;display:flex;align-content:center;justify-content:center;place-content:center;align-items:center;height:calc(100vh - 66px)}.banner-img[data-v-70a30cf9]{width:100%;display:block;height:100%;-o-object-fit:cover;object-fit:cover}.banner-box[data-v-70a30cf9]{position:absolute;border-radius:var(--radius);background-color:rgba(22,115,230,.6);max-width:14rem;display:flex;flex-direction:column;justify-content:space-between;height:10rem;min-height:110px;padding:.5rem 1rem}.banner-text-1[data-v-70a30cf9]{font-size:1.1rem;line-height:1.31rem;text-align:center;display:block;color:var(--bkg-2);margin:auto}.m-img[data-v-70a30cf9]{display:none}@media(max-width:500px){.pc-img[data-v-70a30cf9]{display:none}.m-img[data-v-70a30cf9]{display:inline-block}}.voices-list[data-v-1d3a7045]{display:flex;flex-direction:column;width:100%;padding-left:0}.voices-item[data-v-1d3a7045]{display:flex;flex-direction:row;flex-wrap:nowrap;border-bottom:1px solid rgba(0,0,0,.25);width:100%}.voices-item>div[data-v-1d3a7045]{display:flex;align-items:center}.voices-item[data-v-1d3a7045]:last-child{border-bottom:none}.voices-item .teacher-nickname[data-v-1d3a7045]{color:#000;border-bottom:1px solid;padding-bottom:0;line-height:1.2;margin-bottom:6px}.voices-item .teacher-nickname a[data-v-1d3a7045]{color:#000}.box-01[data-v-1d3a7045]{width:8.073rem}.box-01 .dian[data-v-1d3a7045]{width:.78rem;height:.825rem;border:1px solid #fff;box-sizing:border-box;border-radius:50%;margin-right:.78rem;margin-left:.78rem}.box-01 .dian-color01[data-v-1d3a7045]{background:#f49ff1}.box-01 .dian-color02[data-v-1d3a7045]{background:rgba(22,115,230,.56)}.box-01 div[data-v-1d3a7045]:nth-child(2){display:flex;flex-direction:column;align-items:flex-start}.box-01 div:nth-child(2) span[data-v-1d3a7045]:first-child{text-transform:uppercase;margin-bottom:.137rem}.box-02[data-v-1d3a7045]{width:6.88rem;border-left:1px solid rgba(0,0,0,.25);border-right:1px solid rgba(0,0,0,.25);padding-top:.6rem;padding-bottom:.6rem}@media(max-width:600px){.box-01[data-v-1d3a7045]{flex-grow:1}.box-02[data-v-1d3a7045]{width:5.5rem}}.box-03[data-v-1d3a7045]{flex-grow:1}.box-03 .icon-list[data-v-1d3a7045]{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto}.box-03 .icon-list img[data-v-1d3a7045]{width:1.2rem;height:auto;margin-left:.183rem;cursor:pointer}@media(max-width:600px){.box-03 div[data-v-1d3a7045]:first-child,.box-03 div[data-v-1d3a7045]:nth-child(2),.icon-pc[data-v-1d3a7045]{display:none}.icon-m[data-v-1d3a7045]{display:block}}.btn-title[data-v-fa915a8e]{border-radius:var(--radius);margin-left:auto;margin-right:auto;font-size:.55rem;text-align:center;top:0;text-transform:uppercase;font-weight:500;letter-spacing:-.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;min-width:0!important}.absolute[data-v-fa915a8e]{position:absolute!important;left:50%;transform:translateY(-50%) translateX(-50%)}