/* Schooの学習情報の文字組を参照。既存の白・墨・青・黄を継承。 */
.lh-addition{box-sizing:border-box;padding:64px 24px;background:#f5f9ff;color:#202124;text-align:left;font-family:"Noto Sans JP",sans-serif;line-height:1.8;letter-spacing:.04em;line-break:strict;overflow-wrap:anywhere;word-break:normal}
.lh-addition *{box-sizing:border-box}
.lh-addition__inner{max-width:960px;margin:0 auto}
.lh-addition .lh-addition__label{display:inline-block;margin:0 0 16px;padding:3px 12px;background:#ffda44;font-size:14px;font-weight:700;color:#202124}
.lh-addition h2{margin:0 0 24px;font-size:clamp(24px,3vw,36px);line-height:1.6;letter-spacing:.04em;text-align:left;color:#202124}
.lh-addition p{margin:0 0 20px;font-size:16px;line-height:1.8}
.lh-addition .lh-addition__flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;list-style:none;padding:0;margin:28px 0}
.lh-addition__flow li{position:relative;display:flex;flex-direction:column;justify-content:center;padding:20px 16px;background:#fff;border-top:3px solid #2164ce;min-width:0}
.lh-addition__flow li:not(:last-child)::after{content:"→";position:absolute;right:-28px;top:50%;transform:translateY(-50%);font-size:24px;color:#2164ce}
.lh-addition__flow b{font-size:17px}.lh-addition__flow span{font-size:14px;margin-top:6px}
.lh-addition .lh-addition__example{border-left:3px solid #2164ce;padding-left:16px}
.lh-addition .lh-addition__note{font-size:14px;color:#535b67;margin-bottom:0}
@media(max-width:640px){.lh-addition{padding:40px 20px}.lh-addition .lh-addition__flow{grid-template-columns:1fr;gap:28px}.lh-addition__flow li:not(:last-child)::after{content:"↓";right:50%;top:auto;bottom:-31px;transform:translateX(50%)}.lh-addition h2{font-size:24px}}

.lh-intro{box-sizing:border-box;max-width:820px;margin:24px auto;padding:18px 24px;background:#f5f9ff;border-left:4px solid #2164ce;text-align:left;color:#202124;font-family:"Noto Sans JP",sans-serif;line-height:1.8;letter-spacing:.04em;word-break:normal;line-break:strict;overflow-wrap:anywhere}
.lh-intro__badge{display:inline-block;padding:2px 10px;margin:0 0 8px;background:#ffda44;color:#202124;font-size:12px;font-weight:700}
.lh-intro strong{display:block;font-size:clamp(18px,2vw,23px);line-height:1.6}
.lh-intro p{margin:8px 0!important;font-size:15px!important;line-height:1.8!important;color:#202124!important}
.lh-intro a{font-size:14px;color:#1756b4;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.lh-addition{scroll-margin-top:90px}
@media(max-width:640px){.lh-intro{margin:20px auto;padding:16px}.lh-intro strong{font-size:18px}.lh-intro p{font-size:14px!important}}

/* 2026-09-16：依頼例 → 任せる作業 → 得られる変化を読み進める構成。 */
.lh-mobile-br{display:none}
.lh-intro .lh-phrase,.lh-addition .lh-phrase{display:inline-block;max-width:100%}
.lh-addition .lh-addition__label{font-size:13px}
.lh-addition h2{font-size:clamp(26px,3.2vw,38px);line-height:1.5}
.lh-addition .lh-addition__note{margin:24px 0 0;line-height:1.8}
.lh-examples{margin:38px 0 0;border-top:1px solid #cad6e6}
.lh-example{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.25fr);gap:52px;padding:28px 0;border-bottom:1px solid #cad6e6}
.lh-example__request{position:relative;min-width:0}
.lh-example__request::after{content:"→";position:absolute;right:-38px;top:50%;font-size:24px;color:#2164ce}
.lh-addition .lh-example h3{font-size:14px;color:#1756b4;line-height:1.7;letter-spacing:.04em;margin:0 0 12px}
.lh-addition .lh-example__request p{font-size:19px;font-weight:700;line-height:1.8;margin:0}
.lh-example__result{min-width:0}
.lh-addition .lh-example__result p{font-size:15px;margin:0 0 14px}
.lh-addition .lh-example__result .lh-example__benefit{margin:0;font-size:16px}
.lh-example__benefit strong{text-decoration:underline;text-decoration-color:#ffda44;text-decoration-thickness:3px;text-underline-offset:5px}
.lh-webinar{margin-top:48px;padding-top:32px;border-top:3px solid #2164ce}
.lh-addition .lh-webinar h3{font-size:clamp(22px,2.6vw,28px);line-height:1.6;margin:0 0 20px;letter-spacing:.04em}
.lh-decision{margin-top:36px;padding:28px 0 0;border-top:1px solid #cad6e6}
.lh-addition .lh-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;max-width:100%;min-height:48px;background:#202124;color:#fff;text-decoration:none;font-size:16px;font-weight:700;padding:13px 22px;border-radius:999px;line-height:1.6;text-align:center}
.lh-addition .lh-cta:hover{background:#1756b4}
.lh-cta:focus-visible{outline:3px solid #2164ce;outline-offset:4px}
@media(max-width:640px){
 .lh-mobile-br{display:inline}
 .lh-example{grid-template-columns:1fr;gap:30px;padding:26px 0}
 .lh-example__request::after{content:"↓";right:auto;left:2px;top:auto;bottom:-30px;font-size:22px}
 .lh-addition .lh-example__request p{font-size:18px}
 .lh-addition .lh-example__result p{font-size:15px}
 .lh-addition .lh-example__benefit{font-size:15px}
 .lh-addition .lh-cta{font-size:15px;width:100%;padding:13px 16px}
}

/* 既存ページの強調装飾を引き継がず、追加内容は青と黄色で統一。 */
.lh-intro>strong,.lh-addition strong{background:none}
.lh-intro,.lh-addition{word-break:auto-phrase;text-wrap:pretty}
@media(max-width:640px){.lh-intro strong{font-size:clamp(16px,4.6vw,18px)}}

.lh-addition :is(p,li,h1,h2,h3),.lh-intro p{word-break:auto-phrase;text-wrap:pretty}
@media(max-width:640px){.watch-page .lh-addition{margin-left:-16px;margin-right:-16px}}

/* 既存ショーケースのsection指定より優先し、スマホでも左右の余白を残す。 */
.showcase-site .lh-addition{padding:64px 24px}
@media(max-width:767px){.showcase-site .lh-addition{padding:40px 20px}.sc-program .sc-hero__lead{font-size:15px}}
/* 短い意味のまとまりを並べ、スマホ既定のblock指定による空行を防ぐ。 */
.sc-program .sc-hero__lead .phrase{display:inline-block}