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

	.service_category {
		margin: 2em 0;
	}

	.service_category dt {
		background: #0068B4;
		color: #fff;
		font-weight: bold;
		position: relative;
		text-align: center;
		padding: 1em 0;
		cursor: pointer;
		border: 2px solid #0068B4;
		transition: .3s;
	}

	.service_category dt:hover {
		color: #0068B4;
		background: #fff;
	}

	.service_category dt span {
		display: inline-block;
		font-size: 115%;
	}

	.service_category dt span:after {
		position: absolute;
		right: 1.25em;
		top: 35%;
		content: "\FF1E";
		transform: rotateZ(-90deg) scale(0.7, 1);
		transform-origin: 0 50% 50%;
		transition: .3s;
		width: 1em;
		height: 1em;
		line-height: 1.0;
		display: block;
	}

	.service_category dt.close span:after {
		transform: rotateZ(-270deg) scale(0.7, 1);
	}

	.service_category dd {
		padding: 1em 0;
	}

	.service_logo {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		margin: 0 auto;
		width: 80%;
	}

	.service_logo li {
		width: 25%;
		display: block;
	}

	.service_logo li img {
		width: 90%;
		margin: 0 auto;
	}

	.service_list {
		display: flex;
		flex-wrap: wrap;
		border-top: 1px dashed #ccc;
		margin-top: 1em;
	}

	.service_list li {
		width: 50%;
		border-bottom: 1px dashed #ccc;
		border-collapse: collapse;
	}

	.service_list li:before {
		color: #0068B4;
		content: "\30FB";
		padding-left: 0.5em;
		display: inline-block;
	}

	.service_list li a {
		display: inline-block;
		padding: 1em 0.5em 1em 0;
	}

}

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

	.service_category {
		margin: 2em 0;
	}

	.service_category dt {
		background: #0068B4;
		color: #fff;
		font-weight: bold;
		position: relative;
		text-align: center;
		padding: 1em 0;
		cursor: pointer;
		border: solid #0068B4;
		border-width: 2px 0;
		transition: .3s;
	}

	.service_category dt:hover {
		color: #0068B4;
		background: #fff;
	}

	.service_category dt span {
		display: inline-block;
	}

	.service_category dt span:after {
		position: absolute;
		right: 1.25em;
		top: 35%;
		content: "\FF1E";
		transform: rotateZ(-90deg) scale(0.7, 1);
		transform-origin: 0 50% 50%;
		transition: .3s;
		width: 1em;
		height: 1em;
		line-height: 1.0;
		display: block;
	}

	.service_category dt.close span:after {
		transform: rotateZ(-270deg) scale(0.7, 1);
	}

	.service_category dd {
		padding: 1em 0;
	}

	.service_logo {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		margin: 0 auto;
		width: 80%;
	}

	.service_logo li {
		width: 25%;
		display: block;
	}

	.service_logo li img {
		width: 90%;
		margin: 0 auto;
	}

	.service_list {
		border-top: 1px dashed #ccc;
		margin: 1em 1em 0;
	}

	.service_list li {
		border-bottom: 1px dashed #ccc;
		border-collapse: collapse;
	}

	.service_list li:before {
		color: #0068B4;
		content: "\30FB";
		padding-left: 0.5em;
		display: inline-block;
	}

	.service_list li a {
		display: inline-block;
		padding: 1em 0.5em 1em 0;
	}


}

/* 2022.12.12 */


.service_list li {
	position: relative;
}

.service_list li::before {
	display: inline-block;
	float: left;
	display: block;
	width: 1.5em;
	text-align: center;
	margin: 1em 0;
}

.service_list li a {
	display: block;
	margin-left: 1em;
}