.lp .process-comparison .comparison-side{display:block;width:100%;padding:13px 16px;margin:0 0 20px;background:#405c73;color:#fff;font-size:25px;font-weight:800;line-height:1.4;text-align:center}.lp .process-comparison>div:nth-child(2) .comparison-side{background:#0871b9;color:#fff}.lp .benefit-audience{display:inline-block;width:max-content;max-width:100%;padding:7px 16px;background:#0871b9;color:white!important;font-weight:800;font-size:16px;line-height:1.5;border-radius:5px;margin:14px 0 7px}.lp .scene-caption .source-benefit{grid-template-columns:1fr!important;gap:14px}.lp .scene-caption .source-benefit>div{padding:16px!important}.lp .scene-caption .source-benefit li{padding-left:40px!important;line-height:1.7}.lp .scene-caption .source-benefit li:before{left:9px!important}.lp .feature-flow{position:relative;display:grid;gap:30px}.lp .feature-flow-step{position:relative;border-top:3px solid #0871b9;padding-top:22px}.lp .feature-flow-step+.feature-flow-step:before{content:'↓';position:absolute;left:calc(50% - 22px);top:-34px;background:#fff;padding:0 8px;color:#0871b9;font-size:30px;font-weight:800}.lp .flow-step-title{display:flex;gap:20px;align-items:center;margin-bottom:18px}.lp .flow-step-title>span{font-size:44px;line-height:1;font-weight:800;color:#0871b9}.lp .flow-step-title h3{font-size:31px;line-height:1.4;margin:0 0 6px}.lp .flow-step-title p{font-size:16px;margin:0;color:#526f84}.lp .feature-flow .feature-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.lp .feature-flow .feature-item{display:grid;grid-template-columns:48px 1fr;gap:8px 14px;padding:20px 0;border-top:1px solid #d1e1eb;position:relative;align-content:start}.lp .feature-flow .feature-item>img{width:48px;height:48px;grid-row:1/3;margin:0}.lp .feature-flow .feature-number{position:static;grid-column:2;font-size:14px;color:#6b879b;line-height:1.3;margin:0}.lp .feature-flow .feature-item h3{grid-column:2;font-size:21px;line-height:1.5;margin:0}.lp .feature-flow .feature-item p{grid-column:1/-1;font-size:15px;line-height:1.8;margin:0}.lp .feature-flow .feature-sub{color:#0871b9;font-weight:700;padding-top:6px}.lp .learning-start{display:grid;grid-template-columns:55px 1fr 100px}.lp .learning-result{display:grid;grid-template-columns:55px 180px minmax(0,1fr);gap:22px;align-items:center}.lp .learning-result img{width:180px;height:180px;object-fit:contain;object-position:center;margin:0}.lp .learning-result h4{font-size:34px;text-wrap:balance}.lp .learning-result>div{min-width:0}.lp .learning-result p br{display:none}.lp .learning-input-visual{height:170px}.lp .learning-input-visual img{height:170px}.lp .learning-input-tags{gap:8px}.lp .learning-input-tags li{padding:8px 16px}.lp .journey-arrow{margin:13px 0}.lp .process-comparison .compare-illustration{height:auto;aspect-ratio:auto;max-height:350px;object-fit:contain;width:100%;margin:15px 0}.lp .process-comparison h3{font-size:25px;line-height:1.5}
@media(max-width:900px){.lp .feature-flow .feature-list{grid-template-columns:repeat(2,minmax(0,1fr))}.lp .learning-result{grid-template-columns:40px 125px minmax(0,1fr);gap:15px}.lp .learning-result img{width:125px;height:150px}.lp .learning-result h4{font-size:28px}.lp .learning-start{grid-template-columns:40px 1fr 85px}.lp .learning-start img{width:85px;margin:0}.lp .process-comparison .comparison-side{font-size:23px}}
@media(max-width:600px){.lp .feature-flow{gap:28px}.lp .flow-step-title{gap:12px;align-items:flex-start}.lp .flow-step-title>span{font-size:35px}.lp .flow-step-title h3{font-size:26px}.lp .flow-step-title p{font-size:15px;line-height:1.7}.lp .feature-flow .feature-list{grid-template-columns:1fr;gap:0}.lp .feature-flow .feature-item{padding:18px 0;grid-template-columns:42px 1fr;gap:8px 12px}.lp .feature-flow .feature-item>img{width:42px;height:42px}.lp .feature-flow .feature-item h3{font-size:21px}.lp .feature-flow .feature-item p{font-size:16px}.lp .learning-result{grid-template-columns:35px 1fr;padding:20px 14px;gap:12px}.lp .learning-result img{width:135px;height:135px;justify-self:center}.lp .learning-result>div{grid-column:1/-1;width:100%;text-align:center}.lp .learning-result h4{font-size:28px}.lp .learning-start{grid-template-columns:35px minmax(0,1fr)}.lp .learning-start img{grid-column:1/-1;justify-self:center;margin:0}.lp .learning-input-copy h4{font-size:24px}.lp .learning-input-tags li{font-size:14px;padding:7px 11px}.lp .learning-input-visual{height:135px}.lp .learning-input-visual img{height:135px}.lp .benefit-audience{font-size:15px}.lp .process-comparison .comparison-side{font-size:24px}}