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

.page-service__section-title h2 img {
	width:230px;
	height:68px;
}	

.page-service__section-title h2 {
	margin-bottom:15px;
}
	.page-service__ja{
		font-size:28px;
		font-weight:700;
		line-height:35px;
	}

	.layout-page-service{
		width:335px;
		margin:0 auto 31px;

	}

	.service-items{
		display:grid;	
		grid-gap:20px;
		margin-bottom:80px;
	}

	.service-item a{
		display:grid;
		width:335px;
		border-radius:20px;
		background-color:#E3E3E3;
		grid-template-rows: 135px auto;
	}

	.media-content{
		overflow: hidden;
		border-radius: 20px 20px 0 0;
	}
	.media-content img{
		width:100%;
		object-fit: cover;
		height: 100%;
	}
	.text-content{
		width:309px;
		margin:0 auto;
		padding:10px 5px;
	}
	.text-content p {
		font-size:13px;
	}

	.text-content h3 {
		color:#2680EB;
		font-size:26px;
	}


}

@media screen and (min-width: 769px) {

	.page-service__section-title {
		display:flex;
		justify-content:space-between;
		align-items:center;
	}
.page-service__section-title h2 img {
	width:335px;
	height:99px;
}	

.page-service__section-title h2 {
}
	.page-service__ja{
		font-size:30px;
		font-weight:700;
		line-height:40px;
		width:758px;
		margin-right:20px
	}

	.layout-page-service{
		width:1160px;
		margin:0 auto 31px;

	}

	.service-items{
		display:grid;	
		grid-template-columns:repeat(3,370px);
		grid-gap:25px;
		margin-bottom:80px;
	}

	.service-item a{
		display:grid;
		border-radius:20px;
		background-color:#E3E3E3;
		grid-template-rows: 168px 100px;
		height:268px;
	}

	.media-content{
		overflow: hidden;
		border-radius: 20px 20px 0 0;
	}
	.media-content img{
		width:100%;
		object-fit: cover;
		height: 100%;
	}
	.text-content{
		width:324px;
		margin:0 auto;
		padding:10px 0;
	}
	.text-content p {
		font-size:13px;
	}

	.text-content h3 {
		color:#2680EB;
		font-size:18px;
	}


}