.inspection-anchor {
	margin: 0 0 50px;
}

.inspection-anchor ul {
	display: grid;
	gap: 10px;
	grid-template-columns: repeat(2, 1fr);
	margin: 0;
	padding: 0;
}

@media (max-width: 768px) {
	.inspection-anchor ul {
		grid-template-columns: 1fr;
	}
}

.inspection-anchor ul li a {
	align-items: center;
	background-color: #1a3b86;
	border: solid 1px #1a3b86;
	color: white;
	display: flex;
	font-size: 16px;
	justify-content: center;
	padding: 11px 15px;
	transition:
		background-color 0.3s,
		color 0.3s;
}

.inspection-anchor ul li a:hover {
	background-color: white;
	color: #1a3b86;
	text-decoration: none;
}

/* アイコン共通 */
[class^="inspection-icon"] {
	align-items: center;
	aspect-ratio: 1 / 1;
	border-radius: 100%;
	color: white;
	display: flex;
	font-size: 12px;
	font-style: normal;
	justify-content: center;
	height: 22px;
	width: fit-content;
}

/* アイコンごとの色 */
.inspection-icon__general {
	background-color: #e8527a;
}
.inspection-icon__inspection {
	background-color: #ff9911;
}
.inspection-icon__pga {
	background-color: #34b6d5;
}
.inspection-icon__bridal {
	background-color: #43b722;
}
.inspection-icon__man {
	background-color: #5900c1;
}

/* パネル */
.inspection-panel h3 {
	align-items: center;
	background-color: #f2f3f8;
	border: solid 1px #cdcdcd;
	color: #193b87;
	display: flex;
	flex-wrap: wrap;
	font-family:
		"Yu Gothic",
		"YuGothic",
		"YuGothic L",
		-apple-system,
		BlinkMacSystemFont,
		"Helvetica Neue",
		Verdana,
		Meiryo,
		"M+ 1p",
		sans-serif;
	font-size: 16px;
	font-weight: 600;
	gap: 5px 10px;
	margin: 0;
	padding: 12px 20px;
}

.inspection-panel h3 > span {
	/* スタイルを初期値に戻す */
	background: none;
	color: inherit;
	padding: 0;
	float: none;
	color: #193b87;
	display: flex;
	flex-wrap: wrap;
	font-family:
		"Yu Gothic",
		"YuGothic",
		"YuGothic L",
		-apple-system,
		BlinkMacSystemFont,
		"Helvetica Neue",
		Verdana,
		Meiryo,
		"M+ 1p",
		sans-serif;
	font-size: 16px;
	font-weight: 600;
	gap: 5px 10px;
	margin: 0;
}

.inspection-panel h3::before,
.inspection-panel h3::after {
	content: none;
}

.l-page-body .inspection-panel__body > dl > dt,
.l-page-body .ketsueki .inspection-panel__body > dl > dt,
.l-page-body .x-ray .inspection-panel__body > dl > dt,
.l-page-body .wave .inspection-panel__body > dl > dt {
	color: var(--wp--preset--color--default, #000);
}

.inspection-panel__body .inspection-panel__details {
	display: grid;
	gap: 20px;
	grid-template-columns: repeat(2, 1fr);
}

.inspection-panel__body .inspection-panel__details dl {
	font-size: 14px;
	margin: 0;
}

.inspection-panel__body .inspection-panel__details dt {
	border-bottom: solid 1px #cdcdcd;
	color: #1a3b86;
	font-weight: 700;
	padding: 0 0 5px;
}

.inspection-panel__body .inspection-panel__details dd {
	margin: 10px 0 0;
}

.inspection-iconlist {
	margin: 40px 0;
}

.inspection-list a {
	align-items: center;
	color: white;
	display: flex;
	gap: 0 10px;
	font-size: 18px;
	font-weight: 700;
	padding: 10px;
}

@media (max-width: 769px) {
	.inspection-list a {
		display: grid;
		grid-template-columns: auto 1fr;
	}

	.inspection-list [class^="inspection-icon"] {
		grid-row: 1 / 3;
	}
}