.tpl22c-sample{color:red}@media print,screen and (min-width:641px){.tpl22c-sample{color:green}}.theme-dark .tpl22c-sample{color:#fff}.tpl22-tools{display:block;position:relative;z-index:1;width:100%;margin:auto}.tpl22-tools .tpl22-tools__inner{display:flex;align-items:flex-start;justify-content:flex-end;width:100%;max-width:670px;margin:0 auto;padding:calc(var(--vw)*0.04) 0;background:#fff}.tpl22-tools .tpl22-tools__inner.-is-fixed{padding-top:calc(var(--vw)*0.01333)}@media print,screen and (min-width:641px){.tpl22-tools .tpl22-tools__inner{padding:30px 0}.tpl22-tools .tpl22-tools__inner.-is-fixed{padding-top:10px}}.theme-dark .tpl22-tools .tpl22-tools__inner{background:#27282f}.tpl22-tools .tpl22-practice__audio{display:flex;align-items:center;position:relative;z-index:1;margin-right:calc(var(--vw)*-0.03333);height:calc(var(--vw)*0.13333)}.tpl22-tools .tpl22-practice__audio .g-ui-audio{width:calc(var(--vw)*0.10667);height:calc(var(--vw)*0.10667);cursor:pointer}@media print,screen and (min-width:641px){.tpl22-tools .tpl22-practice__audio{margin-right:-25px;height:100px}.tpl22-tools .tpl22-practice__audio .g-ui-audio{width:80px;height:80px}}.tpl22-tools .tpl22-tools-mode{position:relative;z-index:0}.tpl22-tools .tpl22-tools-mode__inner{display:flex;padding:0}@media print,screen and (min-width:641px){.tpl22-tools .tpl22-tools-mode__inner{border-radius:60px}}.tpl22-tools .tpl22-tools__box{width:calc(var(--vw)*0.18667);margin-left:calc(var(--vw)*0.02667)}@media print,screen and (min-width:641px){.tpl22-tools .tpl22-tools__box{width:140px;margin-left:30px}}.tpl22-tools .tpl22-tools__label{padding-top:calc(var(--vw)*0.13333)}.tpl22-tools .tpl22-tools__label .label{display:block;margin-top:calc(var(--vw)*0.04);font-size:calc(var(--vw)*0.032);font-weight:700;text-align:right;line-height:calc(var(--vw)*0.08)}@media print,screen and (min-width:641px){.tpl22-tools .tpl22-tools__label{padding-top:100px;margin-left:0}.tpl22-tools .tpl22-tools__label .label{margin-top:30px;font-size:24px;line-height:60px}}.tpl22-tools .tpl22-tools__img{width:calc(var(--vw)*0.13333);margin:auto;border-radius:50%;overflow:hidden}.tpl22-tools .tpl22-tools__img img{width:100%;height:100%;-o-object-fit:cover;font-family:"object-fit:cover;object-position:center";object-fit:cover;-o-object-position:center;object-position:center}@media print,screen and (min-width:641px){.tpl22-tools .tpl22-tools__img{width:100px}}.tpl22-tools .tpl22-tools__box{text-align:center}.tpl22-tools .g-ui-toggle{margin-top:calc(var(--vw)*0.04);font-size:calc(var(--vw)*0.03733);border:calc(var(--vw)*0.00667) solid #f0f2f2;border-radius:calc(var(--vw)*0.05333)}@media print,screen and (min-width:641px){.tpl22-tools .g-ui-toggle{font-size:28px;margin-top:30px;--switch-width:120px;--circle-size:40px;border-width:5px;border-radius:40px}.tpl22-tools .g-ui-toggle input[type=checkbox]+span{height:50px}.tpl22-tools .g-ui-toggle input[type=checkbox]+span:before{margin-left:5px}.tpl22-tools .g-ui-toggle input[type=checkbox]:checked+span:before{margin-left:calc(100% - var(--circle-size) - 5px)}}.theme-dark .tpl22-tools .g-ui-toggle{border-color:#3b3d43}.tpl22-conversation .dashedline{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;border:0;border-top:calc(var(--vw)*0.00267) dashed #ccc;margin:calc(var(--vw)*0.04) 0}@media print,screen and (min-width:641px){.tpl22-conversation .dashedline{border-top-width:2px;margin:30px 0}}.tpl22-conversation--half{display:flex;align-items:flex-start;justify-content:space-between}.tpl22-conversation--half .tpl22-conversation__detail,.tpl22-conversation--half .tpl22-conversation__detail--reverse{width:48%}.tpl22-conversation__detail,.tpl22-conversation__detail--reverse{display:flex;align-items:flex-start;justify-content:space-between;margin:calc(var(--vw)*0.04) 0}.tpl22-conversation__detail--reverse{flex-direction:row-reverse}.-is-select-reply.tpl22-conversation__detail--reverse,.tpl22-conversation__detail.-is-select-reply{flex-wrap:wrap}@media print,screen and (min-width:641px){.tpl22-conversation__detail,.tpl22-conversation__detail--reverse{margin:35px 0}}@media print,screen and (min-width:641px){.tpl22-conversation{margin:30px auto}}.tpl22-conversation__img{width:calc(var(--vw)*0.13333);border-radius:50%;overflow:hidden}.tpl22-conversation__img img{width:100%;height:100%;-o-object-fit:cover;font-family:"object-fit:cover;object-position:center";object-fit:cover;-o-object-position:center;object-position:center}@media print,screen and (min-width:641px){.tpl22-conversation__img{width:100px}}.tpl22-conversation__sentence{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:0;width:calc(var(--vw)*0.69333);padding:calc(var(--vw)*0.02667);background:#f4f6f6;border-radius:calc(var(--vw)*0.04)}@media print,screen and (min-width:641px){.tpl22-conversation__sentence{width:520px;padding:20px;border-radius:30px}}.theme-dark .tpl22-conversation__sentence{background:#3b3d43}.tpl22-conversation--half .tpl22-conversation__sentence{width:calc(var(--vw)*0.24)}.tpl22-conversation__sentence .g-ui-audio-small2{width:calc(var(--vw)*0.09067);height:calc(var(--vw)*0.064);cursor:pointer}.tpl22-conversation__sentence .g-ui-audio-small2.-is-audio-not{opacity:.5;pointer-events:none}@media print,screen and (min-width:641px){.tpl22-conversation__sentence .g-ui-audio-small2{width:68px;height:48px}}.tpl22-conversation__sentence .text__box{width:calc(var(--vw)*0.54933);padding-left:calc(var(--vw)*0.02667);visibility:inherit}.tpl22-conversation__sentence .text__box.-is-disclose-text{visibility:hidden}.tpl22-conversation--half .tpl22-conversation__sentence .text__box{width:calc(var(--vw)*0.24)}@media print,screen and (min-width:641px){.tpl22-conversation__sentence .text__box{width:412px;padding-left:20px}}.tpl22-conversation__sentence .text-ja{margin-bottom:calc(var(--vw)*0.02667);font-size:calc(var(--vw)*0.04);line-height:calc(var(--vw)*0.064)}.tpl22-conversation__sentence .text-ja.sub-text{margin-top:calc(var(--vw)*0.02667);padding-top:calc(var(--vw)*0.02667);border-color:currentcolor #ccc #ccc;border-top:2px solid #ccc}@media print,screen and (min-width:641px){.tpl22-conversation__sentence .text-ja{margin-bottom:5px;font-size:30px;line-height:48px}.tpl22-conversation__sentence .text-ja.sub-text{margin-top:20px;padding-top:20px}}.theme-dark .tpl22-conversation__sentence .text-ja.sub-text{border-color:#27282f}.tpl22-conversation__sentence .text-translate{margin-bottom:0;font-size:calc(var(--vw)*0.032);word-break:break-all}.tpl22-conversation__sentence .text-translate.-is-disclose-trans{visibility:inherit}@media print,screen and (min-width:641px){.tpl22-conversation__sentence .text-translate{font-size:24px}}.tpl22-conversation__sentence:before{content:"";display:block;position:absolute;z-index:1;top:20px;left:-15px;width:0;height:0;border-color:transparent #f4f6f6 transparent transparent;border-style:solid;border-width:5px 15px 5px 0}.tpl22-conversation__detail--reverse .tpl22-conversation__sentence:before{right:-15px;left:auto;transform:rotate(180deg)}.theme-dark .tpl22-conversation__sentence:before{border-color:transparent #3b3d43 transparent transparent}@media print,screen and (min-width:641px){.tpl22-conversation__sentence:before{top:40px;left:-30px;border-width:10px 30px 10px 0}.tpl22-conversation__detail--reverse .tpl22-conversation__sentence:before{right:-30px}}.tpl22-conversation__sentence.-is-selected-patternA,.tpl22-conversation__sentence.-is-selected-patternB{display:none}.tpl22-conversation__sentence.-is-current-conversation{border:calc(var(--vw)*0.00533) solid #f2602b}.tpl22-conversation__sentence.-is-current-conversation:after{content:"";display:block;position:absolute;z-index:-1;top:18px;left:-19px;width:0;height:0;border-color:transparent #f2602b transparent transparent;border-style:solid;border-width:7px 19px 7px 0}.tpl22-conversation__detail--reverse .tpl22-conversation__sentence.-is-current-conversation:after{right:-19px;left:auto;transform:rotate(180deg)}@media print,screen and (min-width:641px){.tpl22-conversation__sentence.-is-current-conversation{border-width:4px}.tpl22-conversation__sentence.-is-current-conversation:after{top:36px;left:-42px;border-width:14px 38px 14px 0}.tpl22-conversation__detail--reverse .tpl22-conversation__sentence.-is-current-conversation:after{right:-42px}}.tpl22-conversation__select{display:block;width:100%;margin-top:calc(var(--vw)*0.01333)}@media print,screen and (min-width:641px){.tpl22-conversation__select{margin-top:10px}}.tpl22-conversation__select .border--vertical{display:block;width:calc(var(--vw)*0.008);height:calc(var(--vw)*0.05333);margin:auto;background:#f4f6f6}.tpl22-conversation__select .border--horizontal{display:block;width:calc(var(--vw)*0.53333);height:calc(var(--vw)*0.008);margin:auto;background:#f4f6f6}.theme-dark .tpl22-conversation__select .border--horizontal,.theme-dark .tpl22-conversation__select .border--vertical{background:#3b3d43}@media print,screen and (min-width:641px){.tpl22-conversation__select .border--vertical{width:6px;height:40px}.tpl22-conversation__select .border--horizontal{width:400px;height:6px}}.tpl22-conversation__select__box{display:flex;align-items:center;justify-content:space-between;width:calc(var(--vw)*0.632);margin:auto}@media print,screen and (min-width:641px){.tpl22-conversation__select__box{width:474px}}.tpl22-conversation__select__btn{width:calc(var(--vw)*0.10667);height:calc(var(--vw)*0.10667);border-radius:50%;border:calc(var(--vw)*0.00533) solid transparent}.tpl22-conversation__select__btn.-is-select-btn{color:#fff;background:#f2602b}@media print,screen and (min-width:641px){.tpl22-conversation__select__btn{width:80px;height:80px;border-width:4px;transition:border-color .25s ease}.tpl22-conversation__select__btn:hover{border-color:#f2602b}}.theme-dark .tpl22-conversation__select__btn{color:#f2602b;background:#3b3d43}.theme-dark .tpl22-conversation__select__btn.-is-select-btn{color:#27282f;background:#f2602b}