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

	.layout-page-service {
		width: min(100% - 56px, var(--content-width, 1200px));
		margin-right: auto;
		margin-bottom: 31px;
		margin-left: auto;
	}

	.layout-page-service .service-item a {
		width: 100%;
	}

	.layout-page-service .text-content {
		width: calc(100% - 26px);
	}

	.section-navigation input {
		display: none;
	}

	.section-navigation a,
	.section-navigation span {
		color: inherit;
		text-decoration: 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: 320px;
	}

	/* 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;
	}

	.section-navigation a,
	.section-navigation span {
		color: inherit;
		text-decoration: none;
	}

	.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: min(1000px, calc(100% - 80px));
		max-width: none;
		margin-right: auto;
		margin-left: auto;
	}

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

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

	.layout-page-service p {
		width: min(800px, 100%);
		margin: 0 auto;
	}

}

.layout-page-service {
	box-sizing: border-box;
}

.layout-page-service img,
.layout-page-service iframe,
.layout-page-service video {
	max-width: 100%;
	height: auto;
}

.service-detail-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 7px;
	width: min(1000px, calc(100% - 80px));
	margin: 0 auto 24px;
	color: #536474;
	font-size: 14px;
	line-height: 1.6;
}

.service-detail-breadcrumb a {
	color: #0177B4;
	text-decoration: none;
}

.service-detail-breadcrumb a:hover,
.service-detail-breadcrumb a:focus-visible {
	text-decoration: underline;
}

.service-detail-breadcrumb [aria-current="page"] {
	min-width: 0;
	overflow: hidden;
	color: #1f2937;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.service-detail-back {
	width: min(800px, calc(100% - 80px));
	margin: 42px auto 72px;
	text-align: center;
}

.service-detail-back a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 28px;
	min-width: 280px;
	padding: 14px 28px;
	color: #0177B4;
	font-size: 16px;
	font-weight: 500;
	text-decoration: none;
	border: 1px solid #0177B4;
	border-radius: 4px;
	transition: color 0.2s ease, background-color 0.2s ease;
}

.service-detail-back a:hover,
.service-detail-back a:focus-visible {
	color: #fff;
	background: #0177B4;
}

@media screen and (max-width: 768px) {
	.service-detail-breadcrumb {
		width: min(100% - 56px, var(--content-width, 1200px));
		margin-bottom: 18px;
		font-size: 12px;
	}

	.service-detail-back {
		width: min(100% - 56px, var(--content-width, 1200px));
		margin: 32px auto 52px;
	}

	.service-detail-back a {
		width: 100%;
		min-width: 0;
	}

	.layout-page-service .list_area {
		box-sizing: border-box;
		width: 100%;
	}
}