@charset "utf-8";
/* WTRIP835 追加分（2026-10-30 夜）：RIPの図・理由の写真とバナー・導入事例バナー */
.w8x-rip{display:grid;grid-template-columns:45% 1fr;gap:16px;align-items:center;margin:6px 0 10px;padding:14px;border:1px solid #dfe7f1;border-radius:12px;background:#fff}
.w8x-rip figure{margin:0}
.w8x-rip img{display:block;width:100%;height:auto;border-radius:8px}
.w8x-rip-r figure{margin:0 0 10px}
.w8x-rip-r p{margin:0 0 8px;font-size:14px;line-height:1.75}
.w8x-rip-r p b{color:#e4007f}
.w8x-n{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#0e4c92;color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center;margin-right:6px;vertical-align:1px}
.w8x-rip-note{margin:0 0 6px;padding:8px 12px;background:#f6f9fd;border-radius:8px;font-size:13px;line-height:1.7;color:#4a5a70}
.w8x-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}
.w8x-thumbs a{display:block;text-decoration:none;color:#4a5a70;font-size:11px;text-align:center;line-height:1.3}
.w8x-thumbs img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:6px;margin-bottom:2px}
.w8x-bnr{display:grid;grid-template-columns:120px 1fr;gap:10px;align-items:center;margin-top:10px;text-decoration:none}
.w8x-bnr img{display:block;width:120px;border-radius:6px}
.w8x-bnr span{font-size:13px;font-weight:700;color:#0e4c92}
.w8x-voice-bnr{display:block;max-width:560px;margin:16px auto 6px}
.w8x-voice-bnr img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 2px 8px rgba(14,42,82,.12)}
.w8x-voice-lead{text-align:center;margin:-4px 0 4px;font-size:14px;color:#4a5a70}
@media (max-width:600px){.w8x-rip{grid-template-columns:1fr}}