.ai-service-banner{background:#fff;color:#28282d;padding:32px;font-family:"Noto Sans JP",sans-serif;letter-spacing:0}
.ai-service-banner *{box-sizing:border-box;letter-spacing:0}
.ai-service-layout{max-width:1100px;margin:auto;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:28px 32px;align-items:center;background:#f4f4f3;border:1px solid #d5d5d6;padding:32px}
.ai-service-banner .ai-service-eyebrow{font-size:12px;font-weight:500;color:#656569;margin:0 0 16px;line-height:1.7}
.ai-service-banner h2{font-size:28px;font-weight:700;line-height:1.65;margin:0 0 16px;padding:0;border:0;background:none}
.ai-service-banner h2 span{display:block;text-wrap:pretty}
.ai-service-mobile-break{display:none}
.ai-service-banner .ai-service-name{font-size:17px;line-height:1.8;font-weight:700;margin:0}
.ai-service-banner .ai-service-description{font-size:14px;line-height:1.95;margin:0;color:#55555a}
.ai-service-banner .ai-service-description{text-wrap:pretty}
.ai-service-banner .ai-service-visual{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-self:center}
.ai-service-visual li{display:flex;flex-direction:column;align-items:center;gap:18px;padding:20px 0;position:relative;font-size:14px;font-weight:700;line-height:1.5;white-space:nowrap}
.ai-service-visual li:not(:last-child):after{content:"→";position:absolute;top:32px;right:-17px;font-size:17px;font-weight:400;color:#85858a}
.ai-service-number{font-family:Arial,sans-serif;font-size:44px;font-weight:400;color:#949499;line-height:1}
.ai-service-action{grid-column:1 / -1;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid #d5d5d6;padding-top:22px}
.ai-service-banner .ai-service-link{display:flex;justify-content:space-between;gap:28px;align-items:center;background:#28282d;color:#fff;text-decoration:none;min-height:56px;padding:15px 24px;font-size:14px;font-weight:700;line-height:1.7;max-width:100%;border:1px solid #28282d;transition:background .15s}
.ai-service-link span{font-size:24px;font-weight:400;line-height:1}
.ai-service-banner .ai-service-link:hover{background:#45454a}
.ai-service-banner .ai-service-link:focus-visible{outline:3px solid #28282d;outline-offset:5px}
@media(max-width:600px){.ai-service-mobile-break{display:initial}}
@media(max-width:1000px){.ai-service-layout{grid-template-columns:minmax(0,1fr);gap:20px}.ai-service-banner h2{font-size:26px}.ai-service-banner .ai-service-visual{max-width:440px;width:100%;justify-self:center}.ai-service-visual li{padding:8px 0}.ai-service-visual li:not(:last-child):after{top:20px}.ai-service-action{gap:16px}.ai-service-banner .ai-service-name{font-size:15px}}
@media(max-width:600px){.ai-service-banner{padding:24px 16px}.ai-service-layout{padding:24px 20px;gap:22px}.ai-service-banner h2{font-size:23px;line-height:1.6;margin-bottom:16px}.ai-service-banner .ai-service-eyebrow{font-size:11px;margin-bottom:12px}.ai-service-banner .ai-service-description{font-size:14px;line-height:1.9}.ai-service-banner .ai-service-visual{gap:18px}.ai-service-visual li{font-size:12px;gap:12px}.ai-service-number{font-size:34px}.ai-service-visual li:not(:last-child):after{top:16px;right:-16px;font-size:15px}.ai-service-action{flex-direction:column;align-items:stretch;gap:14px;padding-top:20px}.ai-service-banner .ai-service-name{font-size:15px}.ai-service-banner .ai-service-link{width:100%;padding:14px 12px;font-size:12px;gap:10px}}

.ai-service-banner h2 span{text-wrap:initial}
.ai-service-banner h2 .copy-phrase{display:inline-block;white-space:nowrap;max-width:100%}
