.tpl12b-sample{color:red}@media print,screen and (min-width:641px){.tpl12b-sample{color:green}}.theme-dark .tpl12b-sample{color:#fff}.tpl12-flow{display:flex;align-items:center;justify-content:center;width:100%;background:#fff9e5;padding:calc(var(--vw)*0.01333)}@media print,screen and (min-width:641px){.tpl12-flow{padding:10px}}.theme-dark .tpl12-flow{background:#3b3d43}.tpl12-flow__img{border:calc(var(--vw)*0.00533) solid #ccc;width:calc(var(--vw)*0.13067);border-radius:calc(var(--vw)*0.02667);overflow:hidden}.tpl12-flow__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}.tpl12-flow__img.-is-current{border:calc(var(--vw)*0.00533) solid #f2602b}.tpl12-flow__img:nth-child(n+2){margin-left:calc(var(--vw)*0.05333)}@media print,screen and (min-width:641px){.tpl12-flow__img{width:100px;border-radius:20px;border-width:4px}.tpl12-flow__img.-is-current{border-width:4px}.tpl12-flow__img:nth-child(n+2){margin-left:40px}}.tpl12-tools{display:flex;align-items:center;justify-content:space-between;width:100%;margin:0 auto}.tpl12-tools .tpl12-practice__audio{margin-left:calc(var(--vw)*0.20667)}.tpl12-tools .tpl12-practice__audio .g-ui-audio{width:calc(var(--vw)*0.10667);height:calc(var(--vw)*0.10667)}@media print,screen and (min-width:641px){.tpl12-tools .tpl12-practice__audio{margin-left:160px}.tpl12-tools .tpl12-practice__audio .g-ui-audio{width:80px;height:80px}}.tpl12-tools .tpl12-translate-inner{display:flex;align-items:center;padding:calc(var(--vw)*0.00667);padding-left:calc(var(--vw)*0.03333);border-radius:calc(var(--vw)*0.08);background:#f0f2f2}@media print,screen and (min-width:641px){.tpl12-tools .tpl12-translate-inner{padding:5px 5px 5px 25px;border-radius:60px}}.theme-dark .tpl12-tools .tpl12-translate-inner{background:#3b3d43}.tpl12-tools .tpl12-translate-inner .trans-label{margin-right:calc(var(--vw)*0.01333)}@media print,screen and (min-width:641px){.tpl12-tools .tpl12-translate-inner .trans-label{margin-right:15px}}.tpl12-tools .tpl12-translate-inner .g-ui-toggle{font-size:calc(var(--vw)*0.03733)}@media print,screen and (min-width:641px){.tpl12-tools .tpl12-translate-inner .g-ui-toggle{font-size:28px;--switch-width:120px;--circle-size:40px}.tpl12-tools .tpl12-translate-inner .g-ui-toggle input[type=checkbox]+span{height:50px}.tpl12-tools .tpl12-translate-inner .g-ui-toggle input[type=checkbox]+span:before{margin-left:5px}.tpl12-tools .tpl12-translate-inner .g-ui-toggle input[type=checkbox]:checked+span:before{margin-left:calc(100% - var(--circle-size) - 5px)}}.tpl12-conversation{display:none}.tpl12-conversation.-is-current-flow{display:block}.tpl12-conversation--half{display:flex;align-items:flex-start;justify-content:space-between}.tpl12-conversation--half .tpl12-conversation__detail,.tpl12-conversation--half .tpl12-conversation__detail--reverse{width:48%}.tpl12-conversation__detail,.tpl12-conversation__detail--reverse{display:flex;align-items:flex-start;justify-content:space-between;margin:calc(var(--vw)*0.02667) 0}.tpl12-conversation__detail--reverse{flex-direction:row-reverse}.-is-select-reply.tpl12-conversation__detail--reverse,.tpl12-conversation__detail.-is-select-reply{flex-wrap:wrap}@media print,screen and (min-width:641px){.tpl12-conversation__detail,.tpl12-conversation__detail--reverse{margin:20px 0}}@media print,screen and (min-width:641px){.tpl12-conversation{margin:30px auto}}.tpl12-conversation .tpl12-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){.tpl12-conversation .tpl12-dashedline{border-top-width:2px;margin:30px 0}}.tpl12-conversation__img{width:calc(var(--vw)*0.13333);border-radius:50%;overflow:hidden}.tpl12-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){.tpl12-conversation__img{width:100px}}.tpl12-conversation__sentence{display:block;position:relative;z-index:0;width:calc(var(--vw)*0.69333);padding:10px 20px;background:#f4f6f6;border-radius:calc(var(--vw)*0.02667)}@media print,screen and (min-width:641px){.tpl12-conversation__sentence{width:520px;border-radius:20px}}.theme-dark .tpl12-conversation__sentence{background:#3b3d43}.tpl12-conversation--half .tpl12-conversation__sentence{width:calc(var(--vw)*0.24)}@media print,screen and (min-width:641px){.tpl12-conversation--half .tpl12-conversation__sentence{width:180px}}.tpl12-conversation__sentence .text-ja{margin-bottom:calc(var(--vw)*0);font-size:calc(var(--vw)*0.04)}.tpl12-conversation__sentence .text-ja.sub-text{margin-top:calc(var(--vw)*0.02667);padding-top:calc(var(--vw)*0.04);border-color:currentcolor #ccc #ccc;border-top:2px solid #ccc}@media print,screen and (min-width:641px){.tpl12-conversation__sentence .text-ja{margin-bottom:0;font-size:30px}.tpl12-conversation__sentence .text-ja.sub-text{margin-top:10px;padding-top:20px}}.theme-dark .tpl12-conversation__sentence .text-ja.sub-text{border-color:#27282f}.tpl12-conversation__sentence .text-translate{margin-bottom:0;font-size:calc(var(--vw)*0.032);visibility:hidden}.tpl12-conversation__sentence .text-translate.-is-disclose-trans{visibility:inherit}@media print,screen and (min-width:641px){.tpl12-conversation__sentence .text-translate{font-size:24px}}.tpl12-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}.tpl12-conversation__detail--reverse .tpl12-conversation__sentence:before{right:-15px;left:auto;transform:rotate(180deg)}.theme-dark .tpl12-conversation__sentence:before{border-color:transparent #3b3d43 transparent transparent}@media print,screen and (min-width:641px){.tpl12-conversation__sentence:before{top:40px;left:-30px;border-width:10px 30px 10px 0}.tpl12-conversation__detail--reverse .tpl12-conversation__sentence:before{right:-30px}}.tpl12-conversation__sentence.-is-selected-patternA,.tpl12-conversation__sentence.-is-selected-patternB{display:none}.tpl12-conversation__sentence.-is-current-conversation{border:2px solid #f2602b}.tpl12-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}.tpl12-conversation__detail--reverse .tpl12-conversation__sentence.-is-current-conversation:after{right:-19px;left:auto;transform:rotate(-180deg)}@media print,screen and (min-width:641px){.tpl12-conversation__sentence.-is-current-conversation{border-width:4px}.tpl12-conversation__sentence.-is-current-conversation:after{top:36px;left:-42px;border-width:14px 38px 14px 0}.tpl12-conversation__detail--reverse .tpl12-conversation__sentence.-is-current-conversation:after{right:-42px}}.tpl12-conversation__select{display:block;width:100%;margin-top:calc(var(--vw)*0.01333)}@media print,screen and (min-width:641px){.tpl12-conversation__select{margin-top:10px}}.tpl12-conversation__select .border--vertical{display:block;width:calc(var(--vw)*0.008);height:calc(var(--vw)*0.05333);margin:auto;background:#f4f6f6}.tpl12-conversation__select .border--horizontal{display:block;width:calc(var(--vw)*0.53333);height:calc(var(--vw)*0.008);margin:auto;background:#f4f6f6}.theme-dark .tpl12-conversation__select .border--horizontal,.theme-dark .tpl12-conversation__select .border--vertical{background:#3b3d43}@media print,screen and (min-width:641px){.tpl12-conversation__select .border--vertical{width:6px;height:40px}.tpl12-conversation__select .border--horizontal{width:400px;height:6px}}.tpl12-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){.tpl12-conversation__select__box{width:474px}}.tpl12-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}.tpl12-conversation__select__btn.-is-select-btn{color:#fff;background:#f2602b}@media print,screen and (min-width:641px){.tpl12-conversation__select__btn{width:80px;height:80px;border-width:4px;transition:border-color .25s ease}.tpl12-conversation__select__btn:hover{border-color:#f2602b}}.theme-dark .tpl12-conversation__select__btn{color:#f2602b;background:#3b3d43}.theme-dark .tpl12-conversation__select__btn.-is-select-btn{color:#27282f;background:#f2602b}