@charset "utf-8";

main .arclands-postList {
	padding: 30px 0;
}
main .arclands-postList .arclands-ttl {
	font-size: 26px;
	font-weight: bold;
}
main .arclands-postList .arclands-postCategory {
	margin-top: 40px;
}
main .arclands-postList .arclands-postCategory li {
	width: auto;
	height: auto;
	display: flex;
	flex-direction: column;
}
main .arclands-postList .arclands-postCategory li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex-grow: 1;
	font-weight: 500;
	text-align: center;
	color: #9B9B9B;
	background: var(--grayColor05);
	border: 1px solid var(--grayColor05);
	padding: 7px 27.5px;
	border-radius: 4px;
}
main .arclands-postList .arclands-postCategory li.arclands-current a {
	color: var(--baseColor);
	background: var(--whiteColor);
	border: 1px solid var(--grayColor04);
}
main .arclands-postList .noPost {
	margin-top: 30px;
	font-size: 16px;
}
main .arclands-postList .arclands-itemList {
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	gap: 40px 2%;
}
main .arclands-postList .arclands-itemList .arclands-item {
	width: 23.5%;
}
main .arclands-postList .arclands-itemList .arclands-item .arclands-postTtl {
	margin-top: 17px;
	font-size: 16px;
	font-weight: bold;
}
main .arclands-postList .arclands-itemList .arclands-item .arclands-postTxt {
	margin-top: 10px;
}
main .arclands-postList .arclands-itemList .arclands-item .arclands-postDate {
	margin-top: 10px;
	color: var(--grayColor01);
}
@media (max-width: 768px) {
	main .arclands-postList {
		padding: 15px 0 0;
	}
	main .arclands-postList .arclands-ttl {
		font-size: 20px;
	}
	main .arclands-postList .swiper {
		width: 105%;
	}
	main .arclands-postList .arclands-postCategory {
		margin-top: 30px;
	}
	main .arclands-postList .arclands-postCategory li {
		width: auto;
	}
	main .arclands-postList .arclands-postCategory li a {
		padding: 7px 10px;
	}
	main .arclands-postList .noPost {
		margin-top: 25px;
	}
	main .arclands-postList .arclands-itemList {
		margin-top: 30px;
		display: block;
	}
	main .arclands-postList .arclands-itemList .arclands-item {
		width: 100%;
	}
	main .arclands-postList .arclands-itemList .arclands-item + .arclands-item {
		margin-top: 45px;
	}
	main .arclands-postList .arclands-itemList .arclands-item .arclands-postTtl {
		margin-top: 17px;
		font-size: 16px;
		font-weight: bold;
	}
	main .arclands-postList .arclands-itemList .arclands-item .arclands-postTxt {
		margin-top: 10px;
	}
	main .arclands-postList .arclands-itemList .arclands-item .arclands-postDate {
		margin-top: 10px;
		color: var(--grayColor01);
	}
}