.solutionsLinkWrapper {
	display: block; 
	padding: 50px 0 30px; 
	background: #eee; 
	margin: 60px 0 0;
	width: 100%;
	max-width: 100%; 
}

.solutionsLink {
	justify-content: space-between;
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch; 
	margin: auto;
	
	width: 100%;
	max-width: 1040px;
	padding: 0 20px; 
}

.solutionsLink .item {
	width: calc((100% - 20px) / 2); 
	margin: 0 0 20px;
	width: 100%; 
}

.solutionsLink .item a {
	display: block; 
	padding: 1em 0; 
	background: #fff; 
	color: #222; 
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	border-radius: 2px;
	position: relative; 
	overflow: hidden; 
	transition: all .2s ease; 
	line-height: 1.6; 
}

.solutionsLink .item a:before {
	content: ""; 
	position: absolute; 
	width: 15px; 
	height: 15px; 
	border-right: 1px solid #00B5D5;
	border-top: 1px solid #00B5D5;
	top: 50%; 
	right: 30px; 

    transform-origin:  center;
	transform: rotate(45deg) translate(0, -50%);

	z-index: 2; 
}

.solutionsLink .item a:after {
	content: ""; 
	position: absolute; 
	width: 110%; 
	height: 110%; 
	top: -5%; 
	left: -5%; 
	background: #666; 
	z-index: 1; 

    transform-origin:  bottom;
    transform: scaleY(0);
    transition: transform 0.7s cubic-bezier(0.075, 0.820, 0.165, 1.000), -webkit-transform 0.7s cubic-bezier(0.075, 0.820, 0.165, 1.000);
}

.solutionsLink .item a:hover {
	color: #fff; 
}

.solutionsLink .item a:hover:after {
    transform: scaleY(1);
    transform-origin: top;
}



.solutionsLink .item a span {
	display: block; 
	font-weight: bold; 
	font-size: 14px; 
	z-index: 2; 
	position: relative; 
}

.solutionsLink .item a em {
	font-size: 20px; 
	font-weight: 400; 
}





/* ==================================================
= Media Queries
================================================== */

/* 480px未満 */
@media only screen and (max-width: 479px) {


}

/* 480px以上 */
/* スマホ */
@media only screen and (min-width: 480px) {


}

/* 568px以上 */
/* タブレット */
@media only screen and (min-width: 568px) {


}

/* 667px以上 */
/* タブレット */
@media only screen and (min-width: 667px) {


}

/* 768px以上 */
/* タブレット */
@media only screen and (min-width: 768px) {


	.solutionsLink {

	}
	
	.solutionsLink .item {
		width: calc((100% - 20px) / 2); 
	}

	.solutionsLink .item a {
		padding: 1.5em 0; 
	}

}

/* 1024px以上 */
/* PC */
@media only screen and (min-width: 1024px) {



}