/* ============ 06 rank — ランクアップ訴求 ============
   PC slice4-1.png y203..823 (h620) / SP slice09-1.png y291..1266 (h487.5)
   bg: top row #FFE0EA(pink)→#BDD5F7(blue), fades to white by ~46% height */
.rank{
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 0%, #FFFFFF 46%),
    linear-gradient(90deg, #FFE0EA 0%, #F3E3E2 44%, #E6E2EB 67%, #DCDFF0 78%, #BDD5F7 100%);
  padding:62px 0 66px;
}
.rank-inner{
  max-width:1080px;
  margin:0 auto;
  padding:0 24px;
  text-align:center;
}
.rank-title{
  font-size:30px;
  line-height:39px;
  font-weight:700;
  letter-spacing:.1em;
}
/* 行ごとにピンク→紫のフルグラデ（スライス実測: 各行とも #FF1385→#E95BFF） */
.rank-grad{
  display:inline-block;
  background:linear-gradient(90deg, var(--pink) 0%, var(--purple) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:var(--pink);
  -webkit-text-fill-color:transparent;
}
.rank-lead{
  margin-top:20px;
  font-size:15px;
  line-height:26px;
  font-weight:500;
  letter-spacing:.1em;
  color:var(--ink);
}
.rank-diagram{
  width:780px;
  max-width:100%;
  height:auto;
  margin:76px auto 0;
}

@media (max-width:767px){
  .rank{padding:62px 0 66px}
  .rank-inner{padding:0}
  .rank-inner{text-align:left}
  .rank-title,
  .rank-lead{padding:0 38px}
  .rank-title{
    font-size:24px;
    line-height:30px;
    letter-spacing:.01em;
  }
  /* SP 3行目「がアップ!」はほぼ無地ピンク（実測 #FF1385→#FF1D8E） */
  .rank-grad--tail{
    background:linear-gradient(90deg, #FF1385 0%, #FF2196 100%);
    -webkit-background-clip:text;
    background-clip:text;
  }
  .rank-lead{
    margin-top:18px;
    font-size:15px;
    line-height:22px;
    letter-spacing:0;
  }
  .rank-diagram{
    width:352px;
    margin:22px auto 0;
  }
}