@charset "UTF-8";
.blog_list {
	margin-bottom: 100px;
}
.blog_list h2 {
	font-family: 'DINNextLTPro';
	font-size: 76px;
	letter-spacing: 4px;
	line-height: 1.2;
	margin-bottom: 80px;
}
.blog_list h2 span {
	display: block;
	font-family: 'A1ゴシック M', 'A1 Gothic M', sans-serif;
	font-size: 22px;
	letter-spacing: 0;
}
.blog_list ul {
	margin-bottom: 50px;
}
.blog_list ul li {
	margin-right: 10px;
}
.blog_list ul li a {
	border: solid 1px #868686;
	border-radius: 5px;
	color: #868686;
	display: block;
	font-size: 14px;
	padding: 3px 0;
	text-align: center;
	width: 100px;
}
.blog_list ul li a:hover {
	background-color: #006423;
	border-color: #006423;
	color: #fff;
}
.blog_list ul li.current a {
	background-color: #006423;
	border-color: #006423;
	color: #fff;
}
/* list */
.list {
	margin: 0 -20px;
}
.list article {
	margin: 0 20px 60px;
	position: relative;
	width: calc(25% - 40px);
}
.list article a {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.list article figure {
	margin-bottom: 15px;
}
.list article h3 {
	color: #006423;
	font-size: 16px;
	margin-bottom: 10px;
}
.list article p {
	color: #868686;
	font-size: 12px;
}
.list article p span {
	border: solid 1px #868686;
	border-radius: 3px;
	font-size: 11px;
	margin-right: 10px;
	padding: 3px 6px;
}
/* more */
.blog_list .more {
	cursor: pointer;
	display: block;
	margin: 0 auto;
	margin-top: 60px;
	text-align: center;
	width: 50px;
}
.blog_list .more img {
	margin-top: 5px;
	transform: rotate(180deg);
	width: 26px;
}
@media screen and (max-width: 1040px) {
	.blog_list {
		margin: 0 3vw;
		margin-bottom: 10vw;
	}
	.blog_list h2 {
		font-size: 7.2vw;
		letter-spacing: .4vw;
		margin-bottom: 8vw;
	}
	.blog_list h2 span {
		font-size: 2vw;
	}
	.blog_list ul {
		margin-bottom: 5vw;
	}
	.blog_list ul li {
		margin-right: 1vw;
	}
	.blog_list ul li a {
		border-radius: .5vw;
		font-size: 1.4vw;
		padding: .3vw 0;
		width: 10vw;
	}
	/* list */
	.list {
		margin: 0 -1.5vw;
	}
	.list article {
		margin: 0 1.5vw 6vw;
		width: calc(25% - 3vw);
	}
	.list article figure {
		margin-bottom: 1.5vw;
	}
	.list article h3 {
		font-size: 1.5vw;
		margin-bottom: 1vw;
	}
	.list article p {
		font-size: 1.2vw;
	}
	.list article p span {
		border-radius: .3vw;
		font-size: 1vw;
		margin-right: 1vw;
		padding: .3vw .6vw;
	}
	/* more */
	.blog_list .more {
		margin-top: 6vw;
		width: 5vw;
	}
	.blog_list .more img {
		margin-top: .5vw;
		width: 2.6vw;
	}
}
@media screen and (max-width: 780px) {
	.blog_list {
		margin: 0 6vw;
		margin-bottom: 10vw;
	}
	.blog_list h2 {
		font-size: 12.2vw;
		letter-spacing: .4vw;
		margin-bottom: 10vw;
	}
	.blog_list h2 span {
		font-size: 4.6vw;
	}
	.blog_list ul {
		margin: 0 -1.5vw;
		margin-bottom: 8vw;
	}
	.blog_list ul li {
		margin: 0 1.5vw 3vw;
		width: calc(33.3333% - 3vw);
	}
	.blog_list ul li a {
		border-radius: .8vw;
		font-size: 3.2vw;
		padding: .3vw 0;
		width: 100%;
	}
	/* list */
	.list {
		margin: 0;
	}
	.list article {
		margin: 0 0 7vw;
		padding-left: 26vw;
		width: 100%;
		min-height: 22vw;
	}
	.list article figure {
		margin-bottom: 1.5vw;
		position: absolute;
		left: 0;
		top: 0;
		height: 22vw;
		width: 22vw;
	}
	.list article figure img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}
	.list article h3 {
		font-size: 3.5vw;
		margin-bottom: 3vw;
	}
	.list article p {
		font-size: 3.2vw;
	}
	.list article p span {
		border-radius: .5vw;
		display: inline-block;
		font-size: 2.8vw;
		margin-right: 2vw;
		padding: 0;
		text-align: center;
		width: 14vw;
	}
	/* more */
	.blog_list .more {
		margin-top: 6vw;
		width: 12vw;
	}
	.blog_list .more img {
		margin-top: .5vw;
		width: 6vw;
	}
}