@charset "UTF-8";

#main {
	padding-bottom:0;
}

#solutioninfo .contents {
	width:100%;
	max-width:1600px;
}
#solutioninfo .contents > a {
	display:block;
	max-width:1200px;
	text-align:center;
	box-sizing:border-box;
	padding:100px 30px 30px;
	margin-bottom:30px;
	position:relative;
}

#solutioninfo .contents > a::before {
	content:'';
	display:block;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:1;
}
#solutioninfo .contents > a::after {
	content:'';
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:2;
	background:#000000;
	opacity:.5;
}
#solutioninfo .contents > a:nth-child(1)::before {
	background-image:url(../img/solution/bg1.jpg);
}
#solutioninfo .contents > a:nth-child(2)::before {
	background-image:url(../img/solution/bg2.jpg);
}
#solutioninfo .contents > a:nth-child(3)::before {
	background-image:url(../img/solution/bg3.jpg);
}
#solutioninfo .contents > a:nth-child(even) {
	margin-left:calc(100% - 1200px);
}
#solutioninfo .contents > a h2 {
	position:relative;
	z-index:3;
	color:#FFFFFF;
	border:none;
	padding:0;
	line-height:1;
	margin:0 0 .8em;
}
#solutioninfo .contents > a h2::after {
    content:'';
    display:block;
    width:1.5em;
    margin:0 auto;
    border-bottom:1px solid #FFFFFF;
    padding-top:.5em
}
#main #solutioninfo .contents > a p {
	position:relative;
	z-index:3;
	color:#FFFFFF;
	margin-bottom:2em;
}
#solutioninfo .contents > a span {	
	position:relative;
	z-index:3;
	color:#FFFFFF;
    display:inline-block;
    line-height:2.4;
    padding:0 2em;
    box-sizing
	:border-box;
    border:1px solid #FFFFFF;
	transition:.3s;
}
#solutioninfo .contents > a:hover span {	
	background:#FFFFFF;
	color:#000000;
}

#solutioninfo .contents > a span .svg-inline--fa {
	margin-left:.5em;
}

@media screen and (max-width:1200px){


#solutioninfo .contents > a:nth-child(even) {
	margin-left:0;
}

}

@media screen and (max-width:768px){

}

@media screen and (max-width:640px){

}

@media screen and (max-width:480px){

}