@charset "UTF-8";

main {
	margin-bottom: 140px;
}

.headline {
	border-bottom: solid 1px #868686;
	margin-bottom: 50px;
	padding-bottom: 50px;
}
.headline h2 {
	color: #006423;
	font-size: 34px;
	line-height: 1.4;
	margin-bottom: 30px;
}
.headline .inner {
	color: #868686;
}
.headline .category {
	border-bottom: solid 1px #868686;
	border-radius: 3px;
	margin-right: 10px;
}
.headline .date {
	margin-left: 20px;
}

.blog_content h3 {
	font-size: 28px;
	margin-bottom: 20px;
}
.blog_content p {
	margin-bottom: 10px;
}
.wp-block-image {
	margin-bottom: 40px;
}

@media screen and (max-width: 1000px) {
	main {
		margin: 0 4vw;
		margin-bottom: 14vw;
		width: auto;
	}

	.headline {
		margin-bottom: 5vw;
		padding-bottom: 5vw;
	}
	.headline h2 {
		font-size: 3.4vw;
		margin-bottom: 3vw;
	}
	.headline .category {
		border-radius: 3px;
		margin-right: 1vw;
	}
	.headline .date {
		margin-left: 2vw;
	}

	.blog_content h3 {
		font-size: 2.7vw;
		margin-bottom: 2vw;
	}
	.blog_content p {
		margin-bottom: 0.75vw;
	}
	.wp-block-image {
		margin-bottom: 4vw;
	}
}

@media screen and (max-width: 780px) {
	main {
		margin: 0 6vw;
		margin-bottom: 20vw;
	}

	.headline {
		margin-bottom: 8vw;
		padding-bottom: 8vw;
	}
	.headline h2 {
		font-size: 5.6vw;
		margin-bottom: 4vw;
	}
	.headline .category {
		margin-right: 2vw;
	}
	.headline .date {
		margin-left: 4vw;
	}

	.blog_content h3 {
		font-size: 4.6vw;
		margin-bottom: 4vw;
	}
	.blog_content p {
		margin-bottom: 1.5vw;
	}
	.wp-block-image {
		margin-bottom: 8vw;
	}
}