@charset "utf-8";
div#no98 {
	height: 1201px;
	background: url(img/bg.png)no-repeat center;
	background-size: cover;
}

div#no98 .dataNo,
div#no98 h2,
div#no98 h2 span {
	color: #002B79;
}

.innerCont{
	box-sizing: border-box;
	background: #fff;
	border: 10px solid #83B5B8;
	width: 933px;
	height: 961px;
	position: absolute;
	top: 187px;
	left: 76px;
	border-radius: 46px;
	box-shadow: 0 3px 12px rgba(0,0,0,0.12);
}

/* deco */
#deco1{
	position: absolute;
	top: -151px;
	left: 329px;
	opacity: 0;
}
#deco2{
	position: absolute;
	top: -143px;
	left: 484px;
	opacity: 0;
}
#deco3{
	position: absolute;
	top: -137px;
	left: 607px;
	opacity: 0;
}
#deco4{
	position: absolute;
	top: -162px;
	left: 712px;
	opacity: 0;
}
#deco5{
	position: absolute;
	top: -71px;
	left: 906px;
	opacity: 0;
}
#deco6{
	position: absolute;
	top: 70px;
	left: 891px;
	opacity: 0;
}

/* graf1 */
#graf1{
	position: absolute;
	top: 61px;
	left: 40px;
}
#ttl1{
	position: absolute;
	top: 0;
	left: -20px;
	opacity: 0;
}
#number1{
	position: absolute;
	top: 91px;
	left: 0;
	opacity: 0;
}
#graf1 .no1{
	position: absolute;
	top: 100px;
	left: 290px;
	display: none;
}
#graf1_bg{
	position: absolute;
	top: 255px;
	left: 0;
	opacity: 0;
}
#graf1_no1{
	position: absolute;
	top: 281px;
	left: 0;
	width: 0;
	height: 27px;
	background: url(img/graf1_no1.png)no-repeat left center;
	background-size: auto 100%;
}
#graf1_no1_number{
	position: absolute;
	top: 280px;
	left: 337px;
	display: none;
}

/* graf2 */
#graf2{
	position: absolute;
	top: 61px;
	left: 480px;
}
#ttl2{
	position: absolute;
	top: 0;
	left: -20px;
	opacity: 0;
}
#ttl2_ico{
	position: absolute;
	top: -16px;
	left: 187px;
	display: none;
}
#number2{
	position: absolute;
	top: 91px;
	left: 0;
	opacity: 0;
}
#graf2 .no1{
	position: absolute;
	top: 100px;
	left: 300px;
	display: none;
}
#graf2_bg{
	position: absolute;
	top: 255px;
	left: 0;
	opacity: 0;
}
#graf2_no1{
	position: absolute;
	top: 281px;
	left: 0;
	width: 0;
	height: 27px;
	background: url(img/graf2_no1.png)no-repeat left center;
	background-size: auto 100%;
}
#graf2_no1_number{
	position: absolute;
	top: 280px;
	left: 307px;
	display: none;
}

/* graf_circle */
#graf_circle{
	position: absolute;
	top: 623px;
	left: 40px;
	opacity: 0;
}
#graf_circle_cont{
	position: absolute;
	top: 610px;
	right: 40px;
	opacity: 0;
}

/* people */
#people{
	position: absolute;
	top: 555px;
	left: 69px;
	width: 429px;
	height: 268px;
	z-index: 10;
}
.people{
	position: absolute;
	opacity: 0;
	transform: translateY(0);
}
.people1_1{
	top: 67px;
	left: 0;
}
.people1_2{
	top: 121px;
	left: 104px;
}
.people1_3{
	top: 36px;
	left: 211px;
}
.people1_4{
	top: 88px;
	left: 319px;
}
.people2_1{
	top: 158px;
	left: 13px;
	z-index: 10;
}
.people2_2{
	top: 187px;
	left: 222px;
	z-index: 10;
}
.people3_1{
	top: 126px;
	left: 69px;
	z-index: 8;
}
.people3_2{
	top: 179px;
	left: 183px;
	z-index: 10;
}
.people3_3{
	top: 18px;
	left: 303px;
	z-index: -1;
}
.people3_4{
	top: 90px;
	left: 391px;
	z-index: 4;
}
.people4_1{
	top: 99px;
	left: 2px;
}
.people4_2{
	top: 143px;
	left: 154px;
}
.people4_3{
	top: 41px;
	left: 286px;
}
.people4_4{
	top: 138px;
	left: 319px;
	z-index: 9;
}
.people5_1{
	top: 95px;
	left: 36px;
}
.people5_2{
	top: 165px;
	left: 116px;
	z-index: 10;
}
.people5_3{
	top: 21px;
	left: 251px;
	z-index: -1;
}
.people5_4{
	top: 38px;
	left: 319px;
	z-index: -1;
}
.people5_5{
	top: 153px;
	left: 275px;
	z-index: 10;
}
.people6_1{
	top: 149px;
	left: 71px;
	z-index: 10;
}
.people6_2{
	top: 82px;
	left: 186px;
}
.people7_1{
	top: 79px;
	left: 91px;
	z-index: -1;
}
.people7_2{
	top: 132px;
	left: 205px;
}
.people7_3{
	top: 0;
	left: 238px;
	z-index: -1;
}
.people7_4{
	top: 79px;
	left: 234px;
}
.people7_5{
	top: 110px;
	left: 365px;
	z-index: 5;
}
.people8_1{
	top: 156px;
	left: 222px;
	z-index: 9;
}
.people8_2{
	top: 41px;
	left: 352px;
}
.people9_1{
	top: 113px;
	left: 247px;
	z-index: 8;
}
.people10_1{
	top: 91px;
	left: 255px;
}
.people10_2{
	top: 123px;
	left: 319px;
	z-index: 6;
}

@keyframes jump {
	0%, 100% {
		transform: translateY(0);
	}
	30% {
		transform: translateY(-8px);
	}
	50% {
		transform: translateY(0);
	}
	70% {
		transform: translateY(-4px);
	}
	90% {
		transform: translateY(0);
	}
}
.people1 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 0s; }
.people2 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 0.5s; }
.people3 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 1s; }
.people4 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 3s; }
.people5 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 4s; }
.people6 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 2s; }
.people7 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 4.5s; }
.people8 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 3.5s; }
.people9 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 1.5s; }
.people10 { animation: jump 2s cubic-bezier(0.28, 0.84, 0.42, 1) infinite; animation-delay: 2.5s; }


/* note */
#note{
	position: absolute;
	bottom: 51px;
	right: 60px;
	color: #002B79;
	font-size: 10px;
	line-height: 1.8;
}