@charset "UTF-8";
/* =======================================================
MV
======================================================= */
.bl-lower-mv {
	background: url(../images/clinic/archive-mv-bg.jpg) top center/cover no-repeat;
}
.el-lower-mv-ttl::before{
    background: url(../images/clinic/clinic-list.svg) top center/contain no-repeat;
}
@media screen and (max-width: 750px) {
	.bl-lower-mv {
        background: url(../images/clinic/archive-mv-bg-sp.jpg) top center/cover no-repeat;
    }
}

/* =======================================================
news worry
======================================================= */
.bl-clinic-archive{
	padding-bottom: 14.625rem;
}
.bl-clinic-list{
	gap: 4rem;
	margin-top: 0;
}
.bl-clinic-item{
	width: 100%;
}
.el-clinic-ttl{
	padding: 1rem 3.5rem;
}
.el-clinic-ttl > .el-open{
	right: 3.5rem;
}
.bl-clinic-info{
	flex-wrap: wrap;
	flex-direction: unset;
	justify-content: space-between;
	padding: 3rem 3.5rem 3.625rem;
	gap: 0;
}
.bl-info-list{
	width: 24rem;
}
.bl-info-list > div{
	display: flex;
}
.bl-clinic-info .bl-btn-list{
	gap: 4rem;
	width: 100%;
	margin: 2.5rem auto 0;
	padding-top: 2.5rem;
	position: relative;
}
.bl-clinic-info .bl-btn-list::before{
	content: '';
	position: absolute;
	width: 100%;
	height: 0.125rem;
	background: #D9E8E8;
	top: 0;
	left: 0;
}
.bl-clinic-info .el-btn{
	width: 20rem;
}
.bl-clinic-info .el-btn.--reservation{
	width: 20rem;
}
.bl-clinic-info .el-btn.--reservation::before{
	content: none;
}
/* カレンダー */
.bl-info-list.--calender{
	width: 31rem;
}
.bl-info-list.--calender > div{
	flex-direction: column;
}
.bl-info-list.--calender > div dt{
	flex: unset;
	margin-bottom: 1.5rem;
}
.bl-calender-table{
	width: 27.5rem;
}
.bl-calender-thead th:first-of-type{
	border-radius: 0.625rem 0 0 0 ;
}
.bl-calender-thead th:last-of-type{
	border-radius: 0 0.625rem 0 0 ;
}
.bl-calender-table + .el-att{
	margin-top: 0.8rem;
}
@media screen and (max-width: 750px) {
	.bl-clinic-archive{
		padding-bottom: 18.75rem;
	}
	.el-clinic-ttl{
		padding: 1.625rem 1.875rem;
	}
	.el-clinic-ttl > .el-open{
		right: 1.875rem;
	}
	.bl-clinic-info{
		padding: 2.5rem 1.875rem;
		gap: 0;
	}
	.bl-info-list + .bl-info-list{
		margin-top: 3.5rem;
	}
	.bl-info-list,
	.bl-info-list.--calender,
	.bl-calender-table{
		width: 100%;
	}
	.bl-calender-table + .el-att{
		margin-top: 1.5rem;
	}
	.bl-clinic-info .bl-btn-list{
		margin-top: 4.5rem;
		padding: 4.5rem 0 0;
		gap: 2rem;
	}
	.bl-clinic-info .el-btn{
		width: 21.25rem;
	}
	.bl-clinic-info .el-btn.--reservation{
		width: 15.5rem;
	}
}