料金プランカード

<div class="row05-01-08">
          <div class="plan05-01-08">
            <h4>ライト</h4><div class="price05-01-08">&yen;980<span>/月</span></div>
            <ul><li>基本機能</li><li>メール対応</li></ul>
          </div>
          <div class="plan05-01-08 pop05-01-08">
            <span class="rib05-01-08">人気No.1</span>
            <h4>スタンダード</h4><div class="price05-01-08">&yen;2,980<span>/月</span></div>
            <ul><li>全機能利用可</li><li>電話サポート</li></ul>
          </div>
          <div class="plan05-01-08">
            <h4>プロ</h4><div class="price05-01-08">&yen;5,980<span>/月</span></div>
            <ul><li>専任担当者</li><li>優先サポート</li></ul>
          </div>
        </div>

.prev.d05-01-08{background:#f1f2f5}
        .d05-01-08 .row05-01-08{display:flex;align-items:center;gap:6px;width:240px}
        .d05-01-08 .plan05-01-08{
          position:relative;flex:1;background:#fff;border-radius:10px;
          padding:16px 6px 12px;text-align:center;
          box-shadow:0 3px 8px rgba(20,25,40,.10);
          transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;
        }
        .d05-01-08 .plan05-01-08:hover{transform:translateY(-4px);box-shadow:0 10px 20px rgba(20,25,40,.18)}
        .d05-01-08 .pop05-01-08{
          background:linear-gradient(165deg,#3c4a86,#2a3260);color:#fff;
          transform:scale(1.12);z-index:1;
          box-shadow:0 8px 20px rgba(42,50,96,.35);
        }
        .d05-01-08 .pop05-01-08:hover{transform:scale(1.2);box-shadow:0 14px 28px rgba(42,50,96,.45)}
        .d05-01-08 .rib05-01-08{
          position:absolute;top:-8px;left:50%;transform:translateX(-50%);
          font-size:8px;background:#e8b34b;color:#2a2410;font-weight:700;
          padding:2px 8px;border-radius:99px;white-space:nowrap;
        }
        .d05-01-08 .plan05-01-08 h4{margin:0 0 6px;font-size:10.5px}
        .d05-01-08 .price05-01-08{font-size:13px;font-weight:700;margin-bottom:8px}
        .d05-01-08 .price05-01-08 span{font-size:8px;font-weight:400;opacity:.7}
        .d05-01-08 .plan05-01-08 ul{list-style:none;margin:0;padding:0}
        .d05-01-08 .plan05-01-08 li{font-size:8.5px;line-height:1.9;opacity:.8}