/* ランキング（page-ranking.php・tpl-ranking.php）。土台は company.css と axis.css の部品 */
.rk-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;align-items:end;max-width:520px;margin-left:auto}
.rk-step{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;color:var(--ink);text-decoration:none}
.rk-step:hover{text-decoration:none}
.rk-step:hover .rk-logo{transform:translateY(-4px)}
.rk-logo{width:72px;height:72px;border-radius:22px;background:#fff;display:grid;place-items:center;box-shadow:var(--shadow-l);transition:transform .15s}
.rk-logo img{width:40px;height:40px}
.rk-step.s1 .rk-logo{width:88px;height:88px;border-radius:26px;box-shadow:0 0 0 4px #F3D27B,var(--shadow-l)}
.rk-step.s1 .rk-logo img{width:50px;height:50px}
.rk-name{font-size:14px;font-weight:900;line-height:1.4;min-height:2.8em;display:flex;align-items:center}
.rk-meta{font-size:11.5px;color:var(--sub)}
.rk-block{width:100%;display:grid;place-items:start center;padding-top:14px;border-radius:16px 16px 0 0;margin-top:4px}
.rk-step.s1 .rk-block{height:150px;background:linear-gradient(180deg,#FBE7B0,#F5D27C)}
.rk-step.s2 .rk-block{height:110px;background:linear-gradient(180deg,#EEF2F6,#D3DAE2)}
.rk-step.s3 .rk-block{height:80px;background:linear-gradient(180deg,#F5DCC6,#E2B48F)}
.rk-block .r{width:40px;height:40px;font-size:18px;box-shadow:0 4px 10px rgba(0,0,0,.12)}
.rk-more{text-align:center;margin:30px 0 0}
.rk-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.rk-card{position:relative;background:#fff;border-radius:22px;padding:20px 20px 16px;box-shadow:var(--shadow);display:flex;flex-direction:column;scroll-margin-top:130px;border-top:4px solid var(--rk-c,var(--blue));overflow:hidden}
.rk-card::after{content:"";position:absolute;right:-50px;top:-50px;width:150px;height:150px;border-radius:50%;background:var(--rk-c,var(--blue));opacity:.07;pointer-events:none}
.rk-card.c-blue{--rk-c:#1F5EFF}.rk-card.c-mint{--rk-c:#12A08A}.rk-card.c-amber{--rk-c:#E4A93A}.rk-card.c-violet{--rk-c:#7B61FF}
.rk-card header{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.rk-card h3{margin:0;font-size:18px;font-weight:900}
.rk-card header .num{font-size:12px;color:var(--rk-c);font-weight:700}
.rk-d{margin:4px 0 12px;font-size:12.5px;color:var(--sub);line-height:1.6;min-height:2.6em}
.rk-card ol{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:8px;flex:1}
.rk-card li{display:grid;grid-template-columns:auto auto 1fr;grid-template-rows:auto auto;column-gap:10px;align-items:center;padding:8px 10px;border-radius:14px;background:var(--well)}
.rk-card li .r{grid-row:1/3}
.rk-card li .lg{grid-row:1/3;width:34px;height:34px;border-radius:10px;background:#fff;display:grid;place-items:center}
.rk-card li .lg img{width:20px;height:20px}
.rk-card li a{font-size:14px;font-weight:700;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rk-card li em{font-style:normal;font-size:11.5px;color:var(--sub)}
.rk-all{align-self:flex-end;font-size:13px;font-weight:700;color:var(--rk-c)}
.rk-formula{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.rk-ax{background:#fff;border-radius:20px;padding:18px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:6px}
.rk-ax.c-blue{--rk-c:#1F5EFF}.rk-ax.c-mint{--rk-c:#12A08A}.rk-ax.c-amber{--rk-c:#E4A93A}.rk-ax.c-violet{--rk-c:#7B61FF}
.rk-ax b{font-size:34px;font-weight:600;color:var(--rk-c);line-height:1}
.rk-ax b small{font-size:14px;margin-left:2px}
.rk-ax .l{font-weight:900;font-size:15px}
.rk-ax .bar{height:8px;border-radius:4px;background:var(--well);overflow:hidden}
.rk-ax .bar i{display:block;height:100%;background:var(--rk-c);border-radius:4px}
.rk-ax p{margin:0;font-size:12.5px;color:var(--sub);line-height:1.7}
.rk-note{font-size:12.5px;color:var(--sub);line-height:1.8;margin:18px 0 0}
.rk-ex{max-width:none;margin-top:30px}
@media (max-width:1000px){.rk-grid{grid-template-columns:repeat(2,1fr)}.rk-formula{grid-template-columns:repeat(2,1fr)}.rk-podium{margin:0 auto}}
@media (max-width:640px){.rk-grid,.rk-formula{grid-template-columns:1fr}.rk-podium{gap:8px}.rk-logo{width:58px;height:58px}.rk-step.s1 .rk-logo{width:70px;height:70px}.rk-name{font-size:12.5px}.rk-step.s1 .rk-block{height:110px}.rk-step.s2 .rk-block{height:80px}.rk-step.s3 .rk-block{height:60px}}