@charset "utf-8";
/*********************************************************************
 *
 *  For スタッフ 一覧
 *
*********************************************************************/

/* ---------------------------------------------------- */
/* areaContents */
/* ---------------------------------------------------- */
#areaContents {
	padding-bottom: 0;
}

/* ---------------------------------------------------- */
/* sec_search_wrap */
/* ---------------------------------------------------- */
.sec_search_wrap {
	padding-top: 70px;
	padding-bottom: 60px;
}

.sec_search_wrap .list_terms>ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-bottom: -20px;
}

.sec_search_wrap .list_terms>ul>li {
	margin-right: 20px;
	margin-bottom: 20px;
	width: calc(25% - 20px);
}

.sec_search_wrap .list_terms a {
	display: flex;
	justify-content: center;
	align-items: center;
	height: 50px;
	color: #000;
	font-size: 1.6rem;
	font-weight: 700;
	border-radius: 10px;
	border: 2px solid #000;
}

.sec_search_wrap .list_terms .current-cat a,
.sec_search_wrap .list_terms a:hover {
	color: #FFF !important;
	background-color: #000;
}

@media (max-width: 767px) {
	.sec_search_wrap {
		padding-top: 40px;
		padding-bottom: 30px;
	}

	.sec_search_wrap .list_terms>ul {
		display: flex;
		flex-wrap: wrap;
		margin-right: -10px;
		margin-bottom: -10px;
	}

	.sec_search_wrap .list_terms>ul>li {
		margin-right: 10px;
		margin-bottom: 10px;
		width: calc(50% - 10px);
	}

	.sec_search_wrap .list_terms>ul>li.all {
		width: 100%;
	}

	.sec_search_wrap .list_terms a {
		font-size: 1.4rem;
	}
}

/* ---------------------------------------------------- */
/* sec_archive_wrap */
/* ---------------------------------------------------- */
.sec_archive_wrap {
	padding-top: 100px;
	padding-bottom: 100px;
	background-color: #F1F1F1;
	background-image: url(../../common/img/bg/line_1.png);
	background-size: 21px auto;
	background-position: center;
}

.sec_archive_wrap .archive_wrap>ul {
	display: flex;
	flex-wrap: wrap;
	margin-right: -35px;
	margin-bottom: -35px;
}

.sec_archive_wrap .archive_wrap>ul>li {
	margin-right: 35px;
	margin-bottom: 35px;
	width: 359px;
}

@media (max-width: 767px) {
	.sec_archive_wrap {
		padding-top: 40px;
		padding-bottom: 40px;
	}

	.sec_archive_wrap .archive_wrap>ul {
		margin-right: 0;
		margin-bottom: -20px;
	}

	.sec_archive_wrap .archive_wrap>ul>li {
		margin-right: 0;
		margin-bottom: 20px;
		width: 100%;
	}
}