.indexbox {

}


.indexbox {
	display: flex;
	flex-direction: column;
	margin: 40px 40px 40px 0;
  }
  
  .indexbox .indexTitle {
	font-family: 'Metropolis Regular';
	line-height: 1.21;
	letter-spacing: 4.32px;
	color: #333333;
	font-size: 18px;
	background-color: #c8c8c7;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 15px 30px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  
  .indexbox .indexValue {
	font-family: 'Metropolis Regular';
	font-weight: normal;
	line-height: 1.2;
	font-size: 80px;
	color: #0eb5fe;
	background-color: #f0f0f0;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 52px 0;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
  }
  
  .indexbox.hide {
	display: none;
  }