@charset "utf-8";



.history .cardDetail.card01{
    transform: translate(-50%, -50%) rotate(-2deg) scale(1.4);
    background-color: #F6732A;
}
.history .cardDetail.card02{
    transform: translate(-50%, -50%) rotate(-9deg) scale(1.4);
    background-color: #FFCF54;
}
.history .cardDetail.card03{
    transform: translate(-50%, -50%) rotate(2deg) scale(1.4);
    background-color: #B065E9;
}
.history .cardDetail.card04{
    transform: translate(-50%, -50%) rotate(-5deg) scale(1.4);
    background-color: #58C69F;
}
.history .cardDetail.card05{
    transform: translate(-50%, -50%) rotate(10deg) scale(1.4);
    background-color: #F6732A;
}
.history .cardDetail.card06{
    transform: translate(-50%, -50%) rotate(0deg) scale(1.4);
    background-color: #AEBEE9;
}
.history .cardDetail.card07{
    transform: translate(-50%, -50%) rotate(-5deg) scale(1.4);
    background-color: #FFD3D3;
}
.history .cardDetail.card08{
    transform: translate(-50%, -50%) rotate(6deg) scale(1.4);
    background-color: #BCE9D9;
}
.history .cardDetail.card09{
    transform: translate(-50%, -50%) rotate(-6deg) scale(1.4);
    background-color: #FBC7AA;
}
.history .cardDetail.card10{
    transform: translate(-50%, -50%) rotate(0deg) scale(1.4);
    background-color: #FFECBB;
}
.history .cardDetail.card11{
    transform: translate(-50%, -50%) rotate(-14deg) scale(1.4);
    background-color: #F6732A;
}
.history .cardDetail.card12{
    transform: translate(-50%, -50%) rotate(-7deg) scale(1.4);
    background-color: #345CC8;
}
.history .cardDetail.card13{
    transform: translate(-50%, -50%) rotate(0deg) scale(1.4);
    background-color: #B065E9;
}
.history .cardDetail.card14{
    transform: translate(-50%, -50%) rotate(6deg) scale(1.4);
    background-color: #58C69F;
}
.history .cardDetail.card15{
    transform: translate(-50%, -50%) rotate(-2deg) scale(1.4);
    background-color: #FFCF54;
}
.history .cardDetail.card16{
    transform: translate(-50%, -50%) rotate(2deg) scale(1.4);
    background-color: #F6732A;
}



.point00 .history .cardDetail.card01,
.point01 .history .cardDetail.card01,
.point02 .history .cardDetail.card01,
.point03 .history .cardDetail.card01,
.point04 .history .cardDetail.card01,
.point05 .history .cardDetail.card01,
.point06 .history .cardDetail.card01,
.point07 .history .cardDetail.card01,
.point08 .history .cardDetail.card01,
.point09 .history .cardDetail.card01,
.point10 .history .cardDetail.card01,
.point11 .history .cardDetail.card01,
.point12 .history .cardDetail.card01,
.point13 .history .cardDetail.card01,
.point14 .history .cardDetail.card01,
.point15 .history .cardDetail.card01,
.point16 .history .cardDetail.card01,
.pointLast .history .cardDetail.card01{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(-2deg) scale(1);
}
.point02 .history .cardDetail.card02,
.point03 .history .cardDetail.card02,
.point04 .history .cardDetail.card02,
.point05 .history .cardDetail.card02,
.point06 .history .cardDetail.card02,
.point07 .history .cardDetail.card02,
.point08 .history .cardDetail.card02,
.point09 .history .cardDetail.card02,
.point10 .history .cardDetail.card02,
.point11 .history .cardDetail.card02,
.point12 .history .cardDetail.card02,
.point13 .history .cardDetail.card02,
.point14 .history .cardDetail.card02,
.point15 .history .cardDetail.card02,
.point16 .history .cardDetail.card02,
.pointLast .history .cardDetail.card02{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(-9deg) scale(1);
}
.point03 .history .cardDetail.card03,
.point04 .history .cardDetail.card03,
.point05 .history .cardDetail.card03,
.point06 .history .cardDetail.card03,
.point07 .history .cardDetail.card03,
.point08 .history .cardDetail.card03,
.point09 .history .cardDetail.card03,
.point10 .history .cardDetail.card03,
.point11 .history .cardDetail.card03,
.point12 .history .cardDetail.card03,
.point13 .history .cardDetail.card03,
.point14 .history .cardDetail.card03,
.point15 .history .cardDetail.card03,
.point16 .history .cardDetail.card03,
.pointLast .history .cardDetail.card03{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(2deg) scale(1);
}
.point04 .history .cardDetail.card04,
.point05 .history .cardDetail.card04,
.point06 .history .cardDetail.card04,
.point07 .history .cardDetail.card04,
.point08 .history .cardDetail.card04,
.point09 .history .cardDetail.card04,
.point10 .history .cardDetail.card04,
.point11 .history .cardDetail.card04,
.point12 .history .cardDetail.card04,
.point13 .history .cardDetail.card04,
.point14 .history .cardDetail.card04,
.point15 .history .cardDetail.card04,
.point16 .history .cardDetail.card04,
.pointLast .history .cardDetail.card04{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(5deg) scale(1);
}
.point05 .history .cardDetail.card05,
.point06 .history .cardDetail.card05,
.point07 .history .cardDetail.card05,
.point08 .history .cardDetail.card05,
.point09 .history .cardDetail.card05,
.point10 .history .cardDetail.card05,
.point11 .history .cardDetail.card05,
.point12 .history .cardDetail.card05,
.point13 .history .cardDetail.card05,
.point14 .history .cardDetail.card05,
.point15 .history .cardDetail.card05,
.point16 .history .cardDetail.card05,
.pointLast .history .cardDetail.card05{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(10deg) scale(1);
}
.point06 .history .cardDetail.card06,
.point07 .history .cardDetail.card06,
.point08 .history .cardDetail.card06,
.point09 .history .cardDetail.card06,
.point10 .history .cardDetail.card06,
.point11 .history .cardDetail.card06,
.point12 .history .cardDetail.card06,
.point13 .history .cardDetail.card06,
.point14 .history .cardDetail.card06,
.point15 .history .cardDetail.card06,
.point16 .history .cardDetail.card06,
.pointLast .history .cardDetail.card06{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
}
.point07 .history .cardDetail.card07,
.point08 .history .cardDetail.card07,
.point09 .history .cardDetail.card07,
.point10 .history .cardDetail.card07,
.point11 .history .cardDetail.card07,
.point12 .history .cardDetail.card07,
.point13 .history .cardDetail.card07,
.point14 .history .cardDetail.card07,
.point15 .history .cardDetail.card07,
.point16 .history .cardDetail.card07,
.pointLast .history .cardDetail.card07{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(-5deg) scale(1);
}

.point08 .history .cardDetail.card08,
.point09 .history .cardDetail.card08,
.point10 .history .cardDetail.card08,
.point11 .history .cardDetail.card08,
.point12 .history .cardDetail.card08,
.point13 .history .cardDetail.card08,
.point14 .history .cardDetail.card08,
.point15 .history .cardDetail.card08,
.point16 .history .cardDetail.card08,
.pointLast .history .cardDetail.card08{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(6deg) scale(1);
}
.point09 .history .cardDetail.card09,
.point10 .history .cardDetail.card09,
.point11 .history .cardDetail.card09,
.point12 .history .cardDetail.card09,
.point13 .history .cardDetail.card09,
.point14 .history .cardDetail.card09,
.point15 .history .cardDetail.card09,
.point16 .history .cardDetail.card09,
.pointLast .history .cardDetail.card09{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(-6deg) scale(1);
}
.point10 .history .cardDetail.card10,
.point11 .history .cardDetail.card10,
.point12 .history .cardDetail.card10,
.point13 .history .cardDetail.card10,
.point14 .history .cardDetail.card10,
.point15 .history .cardDetail.card10,
.point16 .history .cardDetail.card10,
.pointLast .history .cardDetail.card10{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
}
.point11 .history .cardDetail.card11,
.point12 .history .cardDetail.card11,
.point13 .history .cardDetail.card11,
.point14 .history .cardDetail.card11,
.point15 .history .cardDetail.card11,
.point16 .history .cardDetail.card11,
.pointLast .history .cardDetail.card11{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(-14deg) scale(1);
}
.point12 .history .cardDetail.card12,
.point13 .history .cardDetail.card12,
.point14 .history .cardDetail.card12,
.point15 .history .cardDetail.card12,
.point16 .history .cardDetail.card12,
.pointLast .history .cardDetail.card12{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(-7deg) scale(1);
}
.point13 .history .cardDetail.card13,
.point14 .history .cardDetail.card13,
.point15 .history .cardDetail.card13,
.point16 .history .cardDetail.card13,
.pointLast .history .cardDetail.card13{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(0deg) scale(1);
}
.point14 .history .cardDetail.card14,
.point15 .history .cardDetail.card14,
.point16 .history .cardDetail.card14,
.pointLast .history .cardDetail.card14{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(6deg) scale(1);
}
.point15 .history .cardDetail.card15,
.point16 .history .cardDetail.card15,
.pointLast .history .cardDetail.card15{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(-2deg) scale(1);
}
.point16 .history .cardDetail.card16,
.pointLast .history .cardDetail.card16{
	opacity: 1;
    transform: translate(-50%, -50%) rotate(2deg) scale(1);
}



.point00 .history .detailYearBlock .yearNum.num1,
.point01 .history .detailYearBlock .yearNum.num1,
.point02 .history .detailYearBlock .yearNum.num2,
.point03 .history .detailYearBlock .yearNum.num3,
.point04 .history .detailYearBlock .yearNum.num4,
.point05 .history .detailYearBlock .yearNum.num5,
.point06 .history .detailYearBlock .yearNum.num6,
.point07 .history .detailYearBlock .yearNum.num7,
.point08 .history .detailYearBlock .yearNum.num8,
.point09 .history .detailYearBlock .yearNum.num9,
.point10 .history .detailYearBlock .yearNum.num10,
.point11 .history .detailYearBlock .yearNum.num11,
.point12 .history .detailYearBlock .yearNum.num12,
.point13 .history .detailYearBlock .yearNum.num13,
.point14 .history .detailYearBlock .yearNum.num14,
.point15 .history .detailYearBlock .yearNum.num15,
.point16 .history .detailYearBlock .yearNum.num16,
.pointLast .history .detailYearBlock .yearNum.num16{
	opacity: 1;
}


.point00 .history .yearList li.year1 a,
.point01 .history .yearList li.year1 a,
.point02 .history .yearList li.year2 a,
.point03 .history .yearList li.year3 a,
.point04 .history .yearList li.year4 a,
.point05 .history .yearList li.year5 a,
.point06 .history .yearList li.year6 a,
.point07 .history .yearList li.year7 a,
.point08 .history .yearList li.year7 a,
.point09 .history .yearList li.year9 a,
.point10 .history .yearList li.year10 a,
.point11 .history .yearList li.year11 a,
.point12 .history .yearList li.year13 a,
.point13 .history .yearList li.year15 a,
.point14 .history .yearList li.year15 a,
.point15 .history .yearList li.year15 a,
.point16 .history .yearList li.year15 a,
.pointLast .history .yearList li.year15 a

{
    color: #1F3778;
}


/* SP */
@media screen and (max-width: 900px){
.history .cardDetail.card01{
    transform:rotate(-2deg)!important;
    background-color: #F6732A;
}
.history .cardDetail.card02{
    transform:rotate(-9deg)!important;
    background-color: #FFCF54;
}
.history .cardDetail.card03{
    transform:rotate(2deg)!important;
    background-color: #B065E9;
}
.history .cardDetail.card04{
    transform:rotate(-5deg)!important;
    background-color: #58C69F;
}
.history .cardDetail.card05{
    transform:rotate(10deg)!important;
}
.history .cardDetail.card06{
    transform:rotate(0deg)!important;
}
.history .cardDetail.card07{
    transform:rotate(-5deg)!important;
}
.history .cardDetail.card08{
    transform:rotate(6deg)!important;
}
.history .cardDetail.card09{
    transform:rotate(-6deg)!important;
}
.history .cardDetail.card10{
    transform:rotate(0deg)!important;
}
.history .cardDetail.card11{
    transform:rotate(-14deg)!important;
}
.history .cardDetail.card12{
    transform:rotate(-7deg)!important;
}
.history .cardDetail.card13{
    transform:rotate(0deg)!important;
}
.history .cardDetail.card14{
    transform:rotate(6deg)!important;
}
.history .cardDetail.card15{
    transform:rotate(-2deg)!important;
}
.history .cardDetail.card16{
    transform:rotate(2deg)!important;
}


}