/* v4: 支給素材への差し替えとAI社員の概要。承認済みの配色と文字サイズを維持。 */
.hero-companions{position:absolute;left:5.8%;top:79.5%;width:40.7%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.65vw}
.hero-companions figure{margin:0;text-align:center;min-width:0}
.hero-companions img{display:block;width:5.8vw;height:5.8vw;margin:0 auto .35vw;border-radius:50%;object-fit:cover;object-position:center 32%;border:1px solid #abc5d5;background:#fff}
.hero-companions img.illustrated{object-fit:contain;border-radius:12px;object-position:center}
.hero-companions figcaption{font-size:1.2vw;line-height:1.5;font-family:var(--font-display)}
.ai-overview{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:center;padding:40px;margin:20px 0 44px;background:#edf6fa;border:1px solid #c5dce8;border-radius:4px}
.ai-overview figure{margin:0}
.ai-overview img{width:100%;height:310px;object-fit:cover;object-position:center 28%;border-radius:120px 120px 4px 4px}
.ai-overview figcaption{font-size:17px;line-height:1.8;margin-top:16px;text-align:center}
.ai-overview .eyebrow{font-size:16px}
.ai-source{display:inline-flex;align-items:center;gap:14px;font-size:18px;line-height:1.8;min-height:48px;text-decoration:underline;text-underline-offset:5px;color:#214966}
.companion-gallery{display:grid;grid-template-columns:1fr 1fr;gap:42px;margin-top:32px;max-width:950px}
.companion-gallery figure{margin:0;min-width:0}
.companion-gallery img{width:100%;height:390px;object-fit:cover;object-position:center 42%;border-radius:130px 130px 4px 4px}
.companion-gallery img.companion-illustration{object-fit:contain;border-radius:4px;background:#fff}
.companion-gallery figcaption{display:flex;flex-direction:column;gap:8px;margin-top:20px}
.companion-gallery figcaption strong{font-family:var(--font-display);font-size:24px;font-weight:600}
.companion-gallery figcaption span{font-size:18px;line-height:1.8}
@media(max-width:900px){
.hero-companions{position:static;left:auto;top:auto;width:100%;gap:12px;margin-top:10px}
.hero-companions img{width:80px;height:80px;max-width:100%;margin-bottom:12px}
.hero-companions figcaption{font-size:17px;line-height:1.6}
.ai-overview{grid-template-columns:1fr;gap:26px;padding:28px 24px;margin:15px 0 32px}
.ai-overview figure{max-width:240px;margin:0 auto;width:100%}
.ai-overview img{height:300px}
.ai-overview .eyebrow{font-size:16px}
.ai-overview h3{font-size:25px}
.ai-source{font-size:18px}
.companion-gallery{grid-template-columns:1fr;gap:36px}
.companion-gallery figure{max-width:400px;width:100%;margin:0 auto}
.companion-gallery img{height:360px}
}
@media(max-width:380px){.hero-companions img{width:72px;height:72px}.hero-companions figcaption{font-size:16px}}

/* 補助リンクはキーボードフォーカス時だけ表示。スクロール時の位置ずれを避ける。 */
.skip-link{top:-120px;transform:none}.skip-link:focus{top:0}
@media(max-width:900px){.ai-source{display:block}.ai-source span{display:inline}}
