.main > h1 {
	font-size: 3rem;
	background-color: #3352a3;
	color: #fff;
	letter-spacing: -.1rem;
	padding: 3.5rem 0;
	text-align: center;
}

.content_wrap .category {
	display: flex;
}
.content_wrap .category li {
	width: 50%;
}
.content_wrap .category li a {
	font-size: 2rem;
	font-weight: 600;
	padding: 1.5rem 0;
	display: block;
	text-align: center;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.content_wrap .category li a.on::after {
	content: "";
	width: 100%;
	height: 3px;
	background-color: #3352a3;
	position: absolute;
	bottom: 0;
	left: 0;
}

.content_wrap .list_wrap {
	padding: 2rem;
}
.content_wrap .list_wrap form {
	position: relative;
}
.content_wrap .list_wrap form input {
	border: 1px solid #ddd;
	font-size: 1.8rem;
	outline: none;
	padding: 1rem 5rem 1rem 2rem;
	width: 100%;
	background-color: #f4f4f4;
}
.content_wrap .list_wrap form button {
	width: 4rem;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	background: url("../img/search.png") no-repeat center / 2rem;
	text-indent: -9999px;
}
.content_wrap .list_wrap .lists li {
	margin: 1.2rem 0;
}
.content_wrap .list_wrap .lists li a {
	font-size:  1.8rem;
	padding: 1.5rem 2rem;
	display: block;
	border: 1px solid #ddd;
	line-height: 1.3;
}
.content_wrap .list_wrap .lists li.none {
	font-size: 1.5rem;
	text-align: center;
	margin: 3rem;
}