.reports{
	.head{
		color: #ffffff;
		font: 1.4rem $HB;
		text-transform: none;
		height: 5.1rem;
		background-color: #00b2d2;
		@include flex;
		@include align-items(center);
		padding: 0 2.5rem;
		.menu{
			img{
				height: 20px;
				margin: 0 .8rem;
				cursor: pointer;
			}
		}
	}
	.items{
		@include flex;
		flex-wrap: wrap;
		@include justify-content(center);
		color: #000000;
		font-size: 1.4rem;
		background: #fff;
		padding: 2rem;
		@include br3{
			padding: 2rem 1rem;
		}
	}
	.item{
		width: calc(100%/5);
		text-align: center;
		padding: 2rem 1rem;
		border-right: 1px solid #e6f1f5;
		b{
			font-size: 1.8rem;
			margin-bottom: 1rem;
			display: inline-block;
		}
		&:nth-child(5n){
			border-right: none;
		}
		&:nth-child(-n+5){
			border-bottom: 1px solid #e6f1f5;
		}
		@media screen and (max-width: 1280px){
			width: calc(100%/4);
			border-right: 1px solid #e6f1f5;
			&:nth-child(5n){
				border-right: 1px solid #e6f1f5;
			}
			&:nth-child(4n){
				border-right: none;
			}
			&:nth-child(9){
				border-left: 1px solid #e6f1f5;
			}
			&:nth-child(10){
				border-right: 1px solid #e6f1f5;
			}
			&:nth-child(-n+8){
				border-bottom: 1px solid #e6f1f5;
			}
		}
		@include br2{
			width: calc(100%/3);
			border-right: 1px solid #e6f1f5;
			&:nth-child(4n){
				border-right: 1px solid #e6f1f5;
			}
			&:nth-child(3n){
				border-right: none;
			}
			&:nth-child(9){
				border-left:none;
			}
			&:nth-child(10){
				border-left: 1px solid #e6f1f5;
			}
			&:nth-child(-n+9){
				border-bottom: 1px solid #e6f1f5;
			}
		}
		@include br3{
			width: calc(100%/2);
			padding: 2rem .5rem;
			border-right: 1px solid #e6f1f5;
			&:nth-child(3n){
				border-right: 1px solid #e6f1f5;
			}
			&:nth-child(2n){
				border-right: none;
			}
			&:nth-child(10){
				border-right: none;
				border-left: none;
			}
			&:nth-child(9){
				border-bottom: none;
			}
		}
		.num{
			width: 6rem;
			height: 6rem;
			border: 0.2rem solid #00b2d2;
			background-color: #ffffff;
			border-radius: 50%;
			@extend %center-flex;
			color: #00b2d2;
			font-size: 3.4rem;
			margin: 0 auto 3rem;
		}
		&.list{
			width: 100%;
			@include flex; 
			@include justify-content(flex-start);
			@include align-items(center);
			padding: .7rem 1rem;
			border: none;
			border-bottom: 1px solid #e6f1f5;
			b{
			margin-bottom: 0;
		}
			&:last-child{
				border-bottom: none;
			}
			.num{
				margin: 0 2rem 0 0;
			}
			.text{
				width: calc(100% - 6rem);
				text-align: left;
			}
		}
	}

}