@charset "utf-8";
body {
	color: #4D4D4D;
}
.page_mainVisual {
	margin-bottom: 120px;
}
.blog_wrap {
	background-color: #fff;
	margin-top: 0;
	padding-top: 0;
}
.blog_wrap .container > ul {
	flex-wrap: wrap;
	margin-top: 170px;
	justify-content: flex-start;
}
.blog_wrap .container > ul > li {
	margin-bottom: 80px;
	margin-right: 5%;
}
.blog_wrap .container > ul > li:nth-child(3n) {
	margin-right: 0;
}
span.page_num {
	display: none;
}
.blog_wrap > h2 {
	font-size: 40px;
	text-align: center;
	color: #4D4D4D;
	letter-spacing: 0.1em;
	position: relative;
}
.blog_wrap > h2::after {
	content: "";
	display: block;
	width: 60px;
	height: 2px;
	background-color: #4D4D4D;
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: -55px;
}
.m-pagenation {
	width: 420px;
	margin:  0 auto;
}
.m-pagenation__body {
	width: 270px;
	margin: 0 auto;
	justify-content: space-between;
}
ol.m-pagenation__body li,
.m-pagenation__next,
.m-pagenation__prev {
	width: 50px;
	border-radius: 50%;
	background-color: #EC8785;
	text-align: center;
	padding: 5.375% 0;
	letter-spacing: 0.1em;

}
ol.m-pagenation__body li a,
.m-pagenation__next a,
.m-pagenation__prev a {
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
}
ol.m-pagenation__body li.-current {
	background-color: #fff;
	color: #EC8785;
	border: 2px solid #EC8785;
}
.m-pagenation__next,
.m-pagenation__prev {
	padding: 3.455% 0;
	height: 21px;
	background-size: 20px 20px;
	background-position: center center;
	background-repeat: no-repeat;
}
.m-pagenation__next {
	background-image: url(../../images/blog/next.svg)
}
.m-pagenation__prev {
	background-image: url(../../images/blog/prev.svg)
}
ol.m-pagenation__body li:nth-child(5) {
	display: none;
}
@media screen and (max-width: 767px) {
	.blog_wrap > h2 {
		font-size: 22px;
	}
	.page_mainVisual {
		margin-bottom: 50px;
	}
	.blog_wrap > h2::after {
		bottom: -35px;
	}
	.blog_wrap .container > ul > li {
		width: 100%;
	}
	.m-pagenation {
		width: 100%;
		justify-content: space-between;
	}
	.m-pagenation__body {
		width: calc(100% - 90px);
		margin: 0;
	}
	ol.m-pagenation__body li, .m-pagenation__next, .m-pagenation__prev {
		padding: 0%;
		height: 50px;
		box-sizing: border-box;
		padding-top: 15px;
	}
	.blog_wrap .container > ul {
		margin-top: 105px;
	}
	ol.m-pagenation__body li:nth-child(4) {
		display: none;
	}
	ol.m-pagenation__body li.-current {
		padding-top: 13px;
	}
}