.learn-manga{max-width:640px;margin:0 auto 24px}.learn-manga-page{position:relative;container-type:inline-size}.learn-manga-art{display:block;width:100%;height:auto}.learn-manga-bubble{position:absolute;box-sizing:border-box;padding:2cqw 2.6cqw;border:max(1.5px,.35cqw) solid #283e42;border-radius:5cqw;background:#fffffff2;box-shadow:0 .5cqw 0 #283e4222;overflow:hidden}.learn-manga-bubble p{margin:0}.is-jp .learn-manga-bubble{font-size:max(11px,3.1cqw);line-height:1.45;word-break:keep-all;overflow-wrap:anywhere}.is-jp .learn-manga-bubble .font-kana{font-size:inherit}.learn-manga-bubble.is-vertical{writing-mode:vertical-rl;letter-spacing:.04em}.learn-manga-small{font-size:.8em}.learn-manga-col{display:block;white-space:nowrap}.is-en .learn-manga-bubble{font-size:max(13px,3cqw);line-height:1.3}.learn-manga-preview{margin:8px 0 32px}.learn-manga-guide{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;margin:0 0 10px;padding:14px 18px;border:2px solid #283e42;border-radius:6px;background:#fffdf6}.learn-manga-guide-art{position:absolute;left:-60px;bottom:-34px;width:58px;height:auto}.learn-manga-guide-say{margin:0;font-size:1.25rem;line-height:1.65;color:#394e50}.learn-manga-guide-say b{color:#21574f}.learn-manga-guide-sample{position:relative;margin:0 0 26px 62px;display:flex;flex-direction:row-reverse;gap:6px;padding:10px 12px;border:2px solid #283e42;border-radius:18px;background:#fff}.learn-manga-guide-col{display:flex;flex-direction:column;align-items:center;gap:4px}.learn-manga-guide-n{display:grid;place-items:center;width:1.5em;height:1.5em;border-radius:50%;background:#c0392b;color:#fff;font-size:.75rem;font-weight:700}.learn-manga-guide-text{writing-mode:vertical-rl;font-size:1.25rem;letter-spacing:.06em}.learn-manga-guide-arrow{color:#c0392b;font-weight:700}@media(max-width:520px){.learn-manga-guide{grid-template-columns:minmax(0,1fr)}.learn-manga-guide-say{font-size:1.125rem}.learn-manga-guide-sample{justify-self:center}}.learn-manga-bubble{overflow:visible}.learn-manga-bubble:after{content:"";position:absolute;top:50%;width:5cqw;height:5cqw;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M0 2Q9 7 19 18Q7 15 0 15Z' fill='%23fff'/%3E%3Cpath d='M0 2Q9 7 19 18Q7 15 0 15' fill='none' stroke='%23283e42' stroke-width='1.7' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat 50%/100% 100%}.learn-manga-bubble.is-left:after{right:-5cqw}.learn-manga-bubble.is-right:after{left:-5cqw;transform:scaleX(-1)}.learn-manga-bubble.is-left.is-tail-left:after{right:auto;left:-5cqw;transform:scaleX(-1)}.learn-manga-bubble.is-right.is-tail-right:after{left:auto;right:-5cqw;transform:none}.is-en .learn-manga-bubble.is-left:after{top:auto;bottom:-5cqw;left:auto;right:18%;transform:scaleX(-1) rotate(90deg)}.is-en .learn-manga-bubble.is-right:after{top:auto;bottom:-5cqw}.is-en .learn-manga-bubble.is-left.is-tail-left:after,.is-en .learn-manga-bubble.is-right:after{right:auto;left:18%;transform:rotate(90deg)}.is-en .learn-manga-bubble.is-right.is-tail-right:after{left:auto;right:18%;transform:scaleX(-1) rotate(90deg)}.learn-manga-guide-sample:after{content:"";position:absolute;left:10px;bottom:-9px;width:16px;height:16px;background:#fff;border-right:2px solid #283e42;border-bottom:2px solid #283e42;transform:rotate(45deg)}.learn-manga-one{position:relative;overflow:hidden;margin:0;border:2px solid #283e42;border-radius:6px;background:#fff}.learn-manga-one .learn-manga-bubble.is-right[style*="right: -"]{right:1.5%!important}.learn-manga-one .learn-manga-bubble.is-left[style*="left: -"]{left:1.5%!important}.learn-manga-line{position:absolute;left:0;right:0;height:max(2px,.45cqw);margin-top:calc(max(2px,.45cqw) / -2);background:#283e42;pointer-events:none}.learn-manga:not(.learn-manga-one)>.learn-manga-page{outline:max(2px,.45cqw) solid #283e42;outline-offset:calc(max(2px,.45cqw) * -1)}