.ypc { font-family: 'Noto Sans JP', 'Hiragino Sans', sans-serif; padding: 1.5rem 0; }
.ypc-label { font-size: 12px; letter-spacing: 0.12em; color: #2563eb; text-transform: uppercase; font-weight: 700; margin: 0 0 8px; }
.ypc-headline { font-size: 26px; font-weight: 700; color: #0f172a; line-height: 1.5; margin: 0 0 12px; border-left: 3px solid #2563eb; padding-left: 14px; }
.ypc-body { font-size: 15px; color: #64748b; line-height: 1.8; margin: 0 0 16px; padding-left: 17px; }
.ypc-chips { display: flex; flex-wrap: wrap; gap: 16px; padding-left: 17px; margin-bottom: 1.8rem; }
.ypc-chip { display: inline-flex; align-items: center; gap: 6px; font-size: 14px; color: #334155; }
.ypc-chip svg { width: 15px; height: 15px; stroke: #2563eb; fill: none; stroke-width: 2; flex-shrink: 0; }
.ypc-chip::after { content: ''; display: inline-block; width: 1px; height: 13px; background: #cbd5e1; margin-left: 16px; }
.ypc-chip:last-child::after { display: none; }
.ypc-section-head { display: flex; align-items: center; gap: 10px; margin-bottom: 12px; }
.ypc-section-head span { font-size: 12px; font-weight: 700; letter-spacing: 0.08em; color: #94a3b8; white-space: nowrap; }
.ypc-section-head::after { content: ''; flex: 1; height: 1px; background: #e2e8f0; }
.ypc-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 8px; margin-bottom: 1.8rem; }
.ypc-item { display: flex; align-items: center; gap: 10px; padding: 14px 16px; background: #0e7490; }
.ypc-item svg { width: 18px; height: 18px; stroke: #a5f3fc; fill: none; stroke-width: 2; flex-shrink: 0; }
.ypc-item span { font-size: 15px; color: #ffffff; font-weight: 500; }
.ypc-cta { border-top: 2px solid #0f172a; padding-top: 14px; }
.ypc-cta-main { font-size: 15px; color: #0f172a; line-height: 1.7; margin: 0; }
.ypc-cta-main strong { color: #2563eb; font-weight: 700; }