@charset "utf-8";
/* CSS Document */

.box_news {
	width: 100%;
	padding: 0 5%;
	background-color: #FFF;
}
.box_news_in {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: 100%;
	max-width: 1330px;
	margin: auto;
	padding: 5em 0;
}
@media screen and (max-width: 900px) {
	.box_news_in {
		flex-wrap: wrap;
	}
}

.box_news_contents {
	width: 72%;
}
.box_news_contents article {
	margin-bottom: 4em;
}
.box_news_contents article h2 {
	display: flex;
	align-items: center;
	width: 100%;
	margin-bottom: 1.5em;
	padding: 1em 1em 1em 1.3em;
	background-color: #f4f5f9;
	border-radius: 0.8em;
	font-size: 1.2em;
	font-weight: 700;
	line-height: 1;
}
.box_news_contents article h2::before {
	content: "";
	display: inline-block;
	width: 0.3em;
	height: 0.3em;
	margin-right: 0.5em;
	background-color: #2250e3;
	border-radius: 100%;
}
.box_news_contents .postdate {
	margin-bottom: 0.5em;
	font-weight: 500;
	color: #2250e3;
}
.box_news_contents .postcont {
	margin-bottom: 0.5em;
	font-weight: 500;
	line-height: 1.8;
}
.box_news_contents .postcont p {
	margin-bottom: 1.0em;
}
@media screen and (max-width: 900px) {
	.box_news_contents {
		width: 100%;
	}
	.box_news_contents article h2 {
		font-size: 1.0em;
	}
}

.box_bot_pagenation {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.8em;
	margin: 0 auto 3em auto;
}
.box_bot_pagenation a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 2.3em;
	height: 2.3em;
	border: solid 1px #2250e3;
	border-radius: 100%;
	line-height: 1;
	text-decoration: none;
	color: #2250e3;
	font-weight: bold;
	font-size: 1rem;
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	transition: all 0.3s ease;
}
.box_bot_pagenation a:hover,
.box_bot_pagenation a.active {
	background-color: #2250e3;
	color: #FFF;
}
@media screen and (max-width: 900px) {
	.box_bot_pagenation {
		gap: 0.3em;
	}
}

.box_bot_but {
	width: 100%;
	text-align: center;
}
.box_bot_but a {
	display: block;
	width: 100%;
	max-width: 20em;
	margin: 5em auto;
	padding: 1.1em;
	background-color: #2250e3;
	color: #FFF;
	font-weight: bold;
	border-radius: 3em;
	text-decoration: none;
	transition: all 0.3s ease;
}
.box_bot_but a:hover {
	opacity: 0.9;
}
@media screen and (max-width: 900px) {
	.box_bot_but a {
		margin: 3em auto;
		padding: 0.5em;
		background-color: #2250e3;
		color: #FFF;
		font-weight: bold;
		border-radius: 3em;
		text-decoration: none;
		transition: all 0.3s ease;
	}
}

.box_news_navi {
	width: 23%;
	padding: 1.5em 1.5em 0 1.5em;
	background-color: #f4f5f9;
	border-radius: 1.0em
}
.box_news_navi h2 {
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
	font-size: 1em;
	font-weight: bold;
	color: #2250e3;
	border-bottom: 1px solid #2250e3;
}
.box_news_navi ul {
	margin-bottom: 2.5em;
}
.box_news_navi li {
	margin-bottom: 0.8em;
	padding-bottom: 0.8em;
	border-bottom: 1px solid #cbcbcb;
	font-size: 0.9em;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.box_news_navi li a {
	color: #333;
	text-decoration: none;
}
@media screen and (max-width: 900px) {
	.box_news_navi {
		width: 103%;
	}
}