@charset "utf-8";


/* div.service_wrap {
	border-top: 1px solid var(--main-gray);
	border-bottom: 1px solid var(--main-gray);
} */

ul.service_list {
	padding: 32px 0;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	list-style: none;
	li {
		width: 12%;
		margin: 0 2%;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		h3 {
			margin-top: 16px;
			font-size: 0.9rem;
			font-family: 'Noto Serif', serif;
		}
		p {
			margin-top: 16px;
			font-size: 0.8rem;
		}
		img {
			width: 48px;
		}
	}
}

div.category_wrap {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column;
}

div.category_cont {
	border-top: 1px solid #ccc;
	a {
		display: flex;
		align-items: center;
		justify-content: space-between;
		color: #000;
		text-decoration: none;
		div {
			width: 40%;
			padding: 0 50px;
			h2 {
				margin-bottom: 16px;
			}
			h2:after {
				content: ">";
				width: 1rem;
				height: 1rem;
				padding-left: 35px;
			}
		}
		img {
			width: 58%;
		}
	}
	a:hover {
		opacity: 0.7;
	}
}
div.category_cont:last-of-type {
	border-bottom: 1px solid #ccc;
}


@media screen and (max-width: 867px) {
	ul.service_list {
		li {
			width: 29%;
			margin-bottom: 30px;
		}
	}

	div.category_cont {
		margin-bottom: 50px;
		a {
			flex-direction: column;
			div {
				width: 100%;
				padding: 50px 0;
			}
			img {
				width: 100%;
			}
		}
	}
	div.category_cont:last-of-type {
		margin-bottom: 0;
		padding-bottom: 50px;
	}
}

@media screen and (max-width: 500px) {
	ul.service_list {
		li {
			width: 45%;
			margin-bottom: 45px;
		}
	}
}