
.ranking_list.work_list li {
	position:relative;
}

.ranking_list.work_list li::before {
    width:clamp( 37px, calc( 28px + 2.4vw ), 52px );
    height:clamp( 31px, calc( 23.8px + 1.92vw ), 43px );
    content:"";
    display:inline-block;
    position:absolute;
    top:calc(clamp( 17px, calc( 12.2px + 1.28vw ), 25px ) * -1);
    left:calc(clamp( 10px, calc( 7px + 0.8vw ), 15px ) * -1);
    background-image:url(../img/ranking_01.png);
    background-position:left top;
    background-repeat:no-repeat;
    background-size:contain;
    z-index:10;
}

.ranking_list.work_list li:nth-of-type(2)::before {
	background-image:url(../img/ranking_02.png);
}
.ranking_list.work_list li:nth-of-type(3)::before {
	background-image:url(../img/ranking_03.png);
}

.ranking_list.work_list li:nth-of-type(4)::before {
	background-image:url(../img/ranking_04.png);
}

.ranking_list.work_list li:nth-of-type(5)::before {
	background-image:url(../img/ranking_05.png);
}

.ranking_list.work_list li:nth-of-type(6)::before {
	background-image:url(../img/ranking_06.png);
}

.ranking_list.work_list li:nth-of-type(7)::before {
	background-image:url(../img/ranking_07.png);
}

.ranking_list.work_list li:nth-of-type(8)::before {
	background-image:url(../img/ranking_08.png);
}

.ranking_list.work_list li:nth-of-type(9)::before {
	background-image:url(../img/ranking_09.png);
}

.ranking_list.work_list li:nth-of-type(10)::before {
	background-image:url(../img/ranking_10.png);
}

.ranking_list.work_list li:nth-of-type(11)::before {
	background-image:url(../img/ranking_11.png);
}

.ranking_list.work_list li:nth-of-type(12)::before {
	background-image:url(../img/ranking_12.png);
}

.ranking_list.work_list li:nth-of-type(13)::before {
	background-image:url(../img/ranking_13.png);
}

.ranking_list.work_list li:nth-of-type(14)::before {
	background-image:url(../img/ranking_14.png);
}

.ranking_list.work_list li:nth-of-type(15)::before {
	background-image:url(../img/ranking_15.png);
}

.ranking_list.work_list li:nth-of-type(16)::before {
	background-image:url(../img/ranking_16.png);
}

.ranking_list.work_list li:nth-of-type(17)::before {
	background-image:url(../img/ranking_17.png);
}

.ranking_list.work_list li:nth-of-type(18)::before {
	background-image:url(../img/ranking_18.png);
}

.ranking_list.work_list li:nth-of-type(19)::before {
	background-image:url(../img/ranking_19.png);
}

.ranking_list.work_list li:nth-of-type(20)::before {
	background-image:url(../img/ranking_20.png);
}

.ranking_list.work_list li:nth-of-type(21)::before {
	background-image:url(../img/ranking_21.png);
}

.ranking_list.work_list li:nth-of-type(22)::before {
	background-image:url(../img/ranking_22.png);
}

.ranking_list.work_list li:nth-of-type(23)::before {
	background-image:url(../img/ranking_23.png);
}

.ranking_list.work_list li:nth-of-type(24)::before {
	background-image:url(../img/ranking_24.png);
}

.ranking_list.work_list li:nth-of-type(25)::before {
	background-image:url(../img/ranking_25.png);
}

.ranking_list.work_list li:nth-of-type(26)::before {
	background-image:url(../img/ranking_26.png);
}

.ranking_list.work_list li:nth-of-type(27)::before {
	background-image:url(../img/ranking_27.png);
}

.ranking_list.work_list li:nth-of-type(28)::before {
	background-image:url(../img/ranking_28.png);
}

.ranking_list.work_list li:nth-of-type(29)::before {
	background-image:url(../img/ranking_29.png);
}

.ranking_list.work_list li:nth-of-type(30)::before {
	background-image:url(../img/ranking_30.png);
}

.ranking_list.work_list li:nth-of-type(31)::before {
	background-image:url(../img/ranking_31.png);
}

.ranking_list.work_list li:nth-of-type(32)::before {
	background-image:url(../img/ranking_32.png);
}

.ranking_list.work_list li:nth-of-type(33)::before {
	background-image:url(../img/ranking_33.png);
}

.ranking_list.work_list li:nth-of-type(34)::before {
	background-image:url(../img/ranking_34.png);
}

.ranking_list.work_list li:nth-of-type(35)::before {
	background-image:url(../img/ranking_35.png);
}

.ranking_list.work_list li:nth-of-type(36)::before {
	background-image:url(../img/ranking_36.png);
}

.ranking_list.work_list li:nth-of-type(37)::before {
	background-image:url(../img/ranking_37.png);
}

.ranking_list.work_list li:nth-of-type(38)::before {
	background-image:url(../img/ranking_38.png);
}

.ranking_list.work_list li:nth-of-type(39)::before {
	background-image:url(../img/ranking_39.png);
}

.ranking_list.work_list li:nth-of-type(40)::before {
	background-image:url(../img/ranking_40.png);
}

.ranking_list.work_list li:nth-of-type(41)::before {
	background-image:url(../img/ranking_41.png);
}

.ranking_list.work_list li:nth-of-type(42)::before {
	background-image:url(../img/ranking_42.png);
}

.ranking_list.work_list li:nth-of-type(43)::before {
	background-image:url(../img/ranking_43.png);
}

.ranking_list.work_list li:nth-of-type(44)::before {
	background-image:url(../img/ranking_44.png);
}

.ranking_list.work_list li:nth-of-type(45)::before {
	background-image:url(../img/ranking_45.png);
}

.ranking_list.work_list li:nth-of-type(46)::before {
	background-image:url(../img/ranking_46.png);
}

.ranking_list.work_list li:nth-of-type(47)::before {
	background-image:url(../img/ranking_47.png);
}

.ranking_list.work_list li:nth-of-type(48)::before {
	background-image:url(../img/ranking_48.png);
}

.ranking_list.work_list li:nth-of-type(49)::before {
	background-image:url(../img/ranking_49.png);
}

.ranking_list.work_list li:nth-of-type(50)::before {
	background-image:url(../img/ranking_50.png);
}


/* Only SP */
@media only screen and (max-width: 767px) {

.ranking_list.work_list li:nth-of-type(-n+2)::before {
	width:52px;
	height:43px;
    top:-23px;
}

}
