@charset "utf-8";
/* CSS Document */

/* ------------------------------------------------------------
	数字で見るアスプコミュニケーションズ
   ------------------------------------------------------------ */
.number .main{
	padding-bottom: 0;
}
.numbersBk{
	background:#F4F4F4;
}
.numbersList{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.numbersListItem{
	width: calc((100% - 60px)/2);
	margin-bottom: 75px;
}

.numbersListItem:nth-last-child(-n+2){
	margin-bottom: 0;
}
.numbersListItem-hover{
	cursor: pointer;
}
.numbersListItem-hover:hover img{
	opacity: 0.5;
}
.numbersListItem_img{
	width:100%;
}
.numbersListItem_lnk:hover{
	display:block;
	width:100%;
	height:100%;
	opacity:0.5;
}
.numbersListNote {
	width: 100%;
	height: 100%;
	position: absolute;
	opacity: 1;
	top: -100%;
	left: 0;
	background: rgba(0, 59, 137, 0.90);
	color: #fff;
	padding: 42px;
	transition: all 0.6s ease;
	display: flex;
	align-items: center;
}
.numbersListNoteText{
}
.numbersListItem-show .numbersListNote {
	top: 0;
}

.numberDate{
	text-align: right;
	margin-bottom: 2em;
}

@media screen and (max-width:514px) {
	.numbersList{
		padding:30px;
	}
	.numbersListItem{
		width:100%;
		margin-right:0;
		margin-bottom:3%;
	}
	.numbersListItem-hover:hover img{
		opacity: 1;
	}
	.numbersListItem:nth-last-child(-n+2){
		margin-bottom: 3%;
	}
	.numberDate{
	text-align: right;
	margin-bottom:0.5em;
}
}