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

@media (min-width: 1024px){
.subpage__contents-title{
	display: flex;
	align-items: center;
	margin-top: 100px;
}
}


/*service*/
.service{
	width: 90%;
	margin: 50px auto 100px;
}
@media (min-width: 1200px){
	.service{
		max-width: 1200px;
		margin: 100px auto ;
	}

}




.service__anchor{
	width: 90%;
	margin: auto;
	display: flex;
	justify-content: center;
	gap: 20px;
}

/* ボタン本体 */
.service__anchor-btn{
	width: 420px;
	height: 50px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	text-decoration: none;
	border-radius: 8px;
	background: linear-gradient(
		to bottom,
		#3b86c8 0%,
		#2f74b2 50%,
		#2a69a3 100%
	);
	box-shadow: 2px 3px 6px rgba(0,0,0,.18);
	transition: .2s ease;
}

/* hover */
.service__anchor-btn:hover{
	transform: translateY(1px);
	box-shadow: none;
	opacity: .7;
}

@media (min-width: 768px){
	.service__anchor{
		width: 70%;
		gap: 60px;
	}
}

@media (min-width: 1200px){
	.service__anchor{
		max-width: 700px;
		width: 100%;
		gap: 60px;
	}
	.service__anchor-btn{
		width: 420px;
		height: 60px;
		font-size: 16px;
	}
}


/*service__contents*/
.service__contents{

}

@media (min-width: 768px){
	.service__contents{
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		flex-wrap: wrap;
	}
}

@media (min-width: 1200px){
	.service__contents{
		column-gap: 100px;
	}
}




/*service__wrap*/
.service__wrap{
	margin-top: 50px;
}
.service__wrap h4{
	color: #0640cb;
	font-size: 16px;
}
.service__wrap img{
	margin-top: 30px;
}

@media (min-width: 768px){
	.service__wrap{
		width: 47%;
	}
}

@media (min-width: 1200px){
	.service__wrap{
		width: 45%;
	}
}