/*============================
	Foundation
==============================*/


/*============================
	Layout
==============================*/


/*============================
	Object
==============================*/

/*---------------
	component
----------------*/


/*---------------
	project
----------------*/
.p-main__title{
	font-weight: 500;
	font-size: 1.875rem;
	margin-bottom: 1.75rem;
	letter-spacing: 0.02em;
}
.p-serviceIndexBody{
	margin: 0;
	border-top: #ccc 1px solid;
	padding-top: 2.25rem;
}
.p-serviceIndexBody:first-child{
	border-top: none;
	padding-top: 0;
	margin: 0 0 1.5rem 0;
}

.p-solutionIndex{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.p-solutionIndex__btn{
	flex: 0 0 auto;
	width: 240px;
}
.p-solutionIndex__btn img{
	width: 100%;
	height: auto;
}



/*-------------------
	Utility
--------------------*/


@media print{
	.p-solutionIndex .grid{
		page-break-inside: avoid;
	}
}

/*============================
	sp
==============================*/

.sp .p-main__title{
	font-size: 2.0625rem;
	margin-bottom: 1.75rem;
	padding-top: 1rem;
}
.sp .p-solutionIndex{
	padding-left: 1.5%;
	padding-right: 1.5%;
	width: 100%;
	box-sizing: border-box;
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}
.sp .p-solutionIndex__btn{
	width: 49.2%;
}
.is-ipad main .p-serviceIndexBody .block_link::before,
.sp main .p-serviceIndexBody .block_link::before{
	content: '';
	position: absolute;
	top:0px;
	left: 0px;
	width: 100%; height: 100%;
	border:rgba(20,20,20,0.2) 5px solid;
	z-index: 2;
	box-sizing: border-box;
	opacity: 0;
}
.is-ipad main .p-serviceIndexBody .block_link.active::before,
.sp main .p-serviceIndexBody .block_link.active::before{
	display: block;
	opacity: 1;
}
.sp .p-typesIndex{
	margin-left: 1.5%;
	margin-right: 1.5%;
	margin-bottom: 2.5rem;
}