@media screen and (max-width: 768px) {
	.pc-only {
		display: none;
	}

	.section-navigation input {
		display: none;
	}

	.page-service__section-title .section-navigation {
		display: block;
	}

	/* /// 24/05/29/髙橋 update */
	/* SP表示時ナビを消す */

	.section-navigation {
		font-size: 14px;
		font-weight: 700;
		border: 1px solid black;
		padding: 2px 20px;
		position: relative;
	}

	.section-navigation::before {
		content: "▼";
		position: absolute;
		left: 5px;
		top: 2px;
	}

	.page-service__section-title .section-navigation ul {
		height: 0px;
		overflow: hidden;
		transition: 1s height ease-in-out;
	}

	.page-service__section-title .section-navigation #nav-toggle:checked~ul {
		height: 200px;
	}

	/* 24/05/29/髙橋 update /// */

	.layout-page-service h3 {
		color: #0177B4;
		font-size: 20px;
		border-left: 6px solid #0177B4;
		line-height: 26px;
		padding-left: 4px;
		margin: 20px auto;
	}

	.list_area {
		width: 100%;
		margin: 0 auto;
		padding: 20px;
	}

	.layout-page-service h4 {
		color: #0177B4;
		font-size: 18px;
		line-height: 26px;
		margin: 15px auto;
	}
}

@media screen and (min-width: 769px) {
	.sp-only {
		display: none;
	}

	.page-service__section-title h2 img {
		width: 301px;
	}

	.page-service__section-title .section-navigation ul {
		display: grid;
		width: 676px;
		grid-template-columns: repeat(3, auto);
		grid-gap: 5px 20px;
		font-size: 14px;
		line-height: 21px;
		font-weight: 700;
	}

	.layout-page-service {
		width: 1000px;
	}

	.layout-page-service h3 {
		color: #0177B4;
		font-size: 25px;
		border-left: 6px solid #0177B4;
		line-height: 26px;
		padding-left: 4px;
		margin: 20px auto;
		width: 800px;
	}

	.layout-page-service h4 {
		color: #0177B4;
		font-size: 20px;
		line-height: 26px;
		margin: 20px auto;
		width: 800px;
	}

	.layout-page-service p {
		width: 800px;
		margin: 0 auto;
	}

}