.kn-s3,.kn-s3 *,.kn-s3 :after,.kn-s3 :before{box-sizing:border-box}.kn-s3{align-items:center;background:var(--colors-bg-white);font-family:Noto Sans JP,sans-serif;font-feature-settings:"palt" 1;gap:var(--spacing-8);padding:var(--spacing-40) var(--spacing-24) 0}.kn-s3,.kn-s3__column{display:flex;flex-direction:column}.kn-s3__column{gap:var(--spacing-32);max-width:800px;width:100%}.kn-s3__heading{flex-direction:column;gap:var(--spacing-8)}.kn-s3__heading,.kn-s3__number{align-items:center;display:flex}.kn-s3__number{background:var(--colors-bg-accent-blue);border-radius:var(--radii-1000);box-sizing:border-box;color:var(--colors-text-inverse);font-size:var(--font-sizes-24);font-weight:700;height:40px;justify-content:center;line-height:1;padding-bottom:2px;width:40px}.kn-s3__title{color:var(--colors-text-bold);font-size:var(--font-sizes-28);font-weight:700;letter-spacing:.08em;line-height:1.45;margin:0;text-align:center}.kn-s3__intro-block{display:flex;flex-direction:column;gap:var(--spacing-32)}.kn-s3__body p{color:var(--colors-text-bold);font-size:var(--font-sizes-16);letter-spacing:.1em;line-height:1.7;margin:0}.kn-s3__body .kn-marker{background:linear-gradient(transparent 62%,var(--colors-bg-accent-yellow) 62%,var(--colors-bg-accent-yellow) 100%)}.kn-s3__roles{align-items:stretch}.kn-s3__role,.kn-s3__roles{display:flex;gap:var(--spacing-8)}.kn-s3__role{border-radius:var(--radii-8);flex:1;flex-direction:column;min-width:0;padding:var(--spacing-8)}.kn-s3__role--grow{background:var(--colors-bg-accent-light-blue-subtlest)}.kn-s3__role--guard{background:var(--colors-bg-gray-subtle)}.kn-s3__role-label{font-size:var(--font-sizes-16);font-weight:700;letter-spacing:.08em;line-height:1;margin:0;text-align:center}.kn-s3__role-label--grow{color:var(--colors-text-accent-blue)}.kn-s3__role-label--guard{color:var(--colors-text-subtle)}.kn-s3__card{background:var(--colors-bg-surface);border-radius:var(--radii-8);display:flex;flex-direction:column;gap:var(--spacing-8);padding:var(--spacing-12) var(--spacing-16)}.kn-s3__card-title{color:var(--colors-text-bold);font-size:var(--font-sizes-18);font-weight:700;letter-spacing:.08em;line-height:1.45;margin:0;text-align:center}.kn-s3__card-title p{margin:0}.kn-s3__card-desc{color:var(--colors-text-subtle);font-size:var(--font-sizes-14);letter-spacing:.1em;line-height:1.45;margin:0}.kn-s3__chart-block{display:flex;flex-direction:column;gap:var(--spacing-24)}.kn-s3__chart-heading{color:var(--colors-text-bold);font-size:var(--font-sizes-20);font-weight:700;letter-spacing:.08em;line-height:1.45;margin:0}.kn-s3__chart{height:auto;max-width:640px;width:100%}.kn-s3__note{color:var(--colors-text-subtle);font-size:var(--font-sizes-12);letter-spacing:.04em;line-height:1.55;margin:0}.kn-s3__conclusion{background:var(--colors-bg-accent-light-blue-subtlest);border-radius:var(--radii-16);padding:var(--spacing-16) var(--spacing-20)}.kn-s3__conclusion p{color:var(--colors-text-bold);font-size:var(--font-sizes-18);font-weight:700;letter-spacing:.08em;line-height:1.45;margin:0}.kn-s3__illust{height:80px;width:80px}.kn-s3__title p{margin:0}@media (min-width:768px){.kn-s3{padding-top:var(--spacing-64)}.kn-s3__column{gap:var(--spacing-48)}.kn-s3__title{font-size:var(--font-sizes-42)}.kn-s3__chart-heading,.kn-s3__title{letter-spacing:.08em;line-height:1.45}.kn-s3__chart-heading{font-size:var(--font-sizes-24);text-align:center}.kn-s3__card-title{font-size:var(--font-sizes-20);letter-spacing:.08em;line-height:1.45}.kn-s3__card-title br{display:none}.kn-s3__card-desc{text-align:center}.kn-s3__chart{margin-inline:auto}.kn-s3__conclusion p{font-size:var(--font-sizes-20);letter-spacing:.08em;line-height:1.45;text-align:center}.kn-s3__title .kn-br-sp{display:none}.kn-s3__intro p{text-align:center}}