.rk{max-width:1500px;margin:clamp(28px,5vw,56px) auto;color:#222}
.rk[hidden]{display:none}
.rk-head{padding:0 clamp(16px,3vw,40px)}
.rk-head .label{display:block;color:#767a72}
.rk-head h2{margin:8px 0 6px;font-size:clamp(20px,2.4vw,26px);line-height:1.4;font-weight:600}
.rk-note{margin:0;color:#767a72;font-size:12px;line-height:1.7}
.rk ol{display:flex;gap:clamp(12px,2vw,20px);margin:18px 0 0;padding:0 clamp(16px,3vw,40px) 10px;list-style:none;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-left:clamp(16px,3vw,40px);-webkit-overflow-scrolling:touch}
.rk li{position:relative;display:flex;flex-direction:column;flex:0 0 min(58vw,240px);scroll-snap-align:start;border:1px solid #d8dbd3;border-radius:10px;overflow:hidden;background:#fff}
.rk img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#f4f3f1}
.rk b{position:absolute;top:9px;left:9px;width:26px;line-height:26px;text-align:center;border-radius:50%;background:#eee;font-size:13px}
.rk li:nth-child(1) b{background:#e7bd49;color:#302305}
.rk li:nth-child(2) b{background:#c6cbd2;color:#222831}
.rk li:nth-child(3) b{background:#c68c65;color:#2b170d}
.rk strong{display:block;flex:1;margin:12px;font-size:15px;line-height:1.45;font-weight:600}
.rk li>a{display:flex;align-items:center;min-height:44px;padding:10px 12px;border-top:1px solid #d8dbd3;color:inherit;text-decoration:none;font-size:14px;font-weight:600;box-sizing:border-box}
.rk li>a:hover{background:#f8f8f5}
.rk li>a:focus-visible{outline:3px solid #986321;outline-offset:-3px}