@charset "UTF-8";

.archive-medical p{
	font-size:18px;
}
.medical-archive .content_wrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	
}
.medical-archive .medical-post {
	width:100%;
	border-bottom:dotted 2px var(--color-thard);
	margin-bottom:1rem;
	padding: 1rem 1rem 2rem 1rem;	
}
.medical-archive .medical-post h3 {
	text-align:left;
	font-size:28px;
	color:var(--color-thard);
	margin-bottom:10px;
}
.network-archive .medical-post a{
	
}


.medical-archive .medical-post a:hover {
	opacity:0.7;
}
.medical-archive .text {
	display:flex;
	flex-flow:column;
}
.medical-archive .medical-post .post-title{
	color:var(--color-thard);
	padding-left:35px;
	position:relative;
	font-size:18px;
}
.medical-archive .medical-post p {
	
}
.medical-archive .medical-post .post-title::before {
	position:absolute;
	bottom:0;
	left:0;
	content:"";
	width:30px;
	aspect-ratio:74 /64 ;
	background-image: url(../images/common/h3_heart.svg);
	background-repeat:no-repeat;
	background-size:contain;
}
.medical-archive .medical-post .post-date {
	margin:10px 0;
	font-weight:600;
	color:#000;
}
.medical-archive .medical-post .post-excerpt {
	font-size:18px;
	color:#000;
}
.pagination {
	width: 100%;
	max-width:1200px;
	margin:80px auto 50px;
	font-size: 18px;
	text-align:center;
}

a.page-numbers {
	background-color:var(--color-thard);
	border-radius:50%;
	padding:5px 13px;
	color:#fff;
	margin: 0 10px;
}
.nav-links a.prev,.nav-links a.next {
	background-color:#fff;
	color:#000;
}
@media screen and (max-width: 750px) {
	.medical-archive .content_wrap {
		flex-flow:column;
	}
	.medical-archive .content_wrap .network-post {
		width:100%;
	}
	.medical-archive .text {
		width:100%;
	}
	.medical-archive .content_wrap {
		width:96%;
		padding: 0 2%;
	}
}