@charset "UTF-8";
/* =======================================================
MV
======================================================= */
.bl-lower-mv {
	background: url(../images/column/mv-bg.jpg) top center/cover no-repeat;
}
.bl-lower-mv::before{
    background: #F5F8F5;
}
.el-lower-mv-ttl::before{
    background: url(../images/column/column.svg) top center/contain no-repeat;
    width: 12.625rem;
}
.bl-breadcrumbs{
    padding-bottom: 0;
}
@media screen and (max-width: 750px) {
	.bl-lower-mv {
        background: url(../images/column/mv-bg-sp.jpg) top center/cover no-repeat;
    }
}

/* カテゴリ */
.bl-cat {
	min-height: 3.5rem;
	padding: 2rem;
	margin-bottom: 1.5rem;
	background: #fff;
    border: 0.125rem solid #D9E8E8;
}
.el-cat-ttl {
	flex: 0 1 100%;
    text-align: left;
	margin-bottom: 1rem;
}
.el-cat-label{
	border-radius: 2rem;
}
.bl-cat .el-cat-label{
    min-height: 2.25rem;
}
/* =======================================================
archive
======================================================= */
.bl-column.--archive{
    padding: 4rem 0 14.625rem;
    margin: 0;
    background: #F5F8F5!important;
}
.bl-column.--archive::before{
    content: none!important;
}
.bl-column.--archive .el-txt{
	margin-bottom: 2.5rem;
}
@media screen and (max-width: 750px) {
    .bl-column.--archive{
        padding: 7.5rem 0 18rem;
    }
}

/* =======================================================
single
======================================================= */
.ly-main:has(.--single) .bl-breadcrumbs{
    padding-bottom: 0!important;
}
.bl-column.--single{
    margin: 0 !important;
    padding-bottom: 15rem;
}
/* 監修医師 */
.bl-author{
    background: #F5F8F5;
    border-radius: 0.625rem;
    padding: 1.5rem;
    margin: 3rem 0 0;
}
.el-author-ttl{
	font-size: 1.0625rem;
	color: #125252;
	margin-bottom: 1rem;
}
.el-author-name{
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.bl-author .el-position{
	line-height: 1.24;
	font-size: 1.0625rem;
	margin-bottom: 0.5rem;
}
.bl-author .el-license{
	line-height: 1.24;
}
/* cta */
.bl-article-reservation{
    background: #197474;
    border-radius: 0.625rem;
    padding: 3.5rem 1.5rem 4.6875rem;
    margin: 2rem 0;
	color: #fff;
	position: relative;
}
.bl-article-reservation::after{
	content: '';
	position: absolute;
    background: url(../images/common/illust-article-reservation.svg) top center / cover no-repeat;
	width: 6.875rem;
	height: 10.5rem;
	right: 1.5rem;
	bottom: -0.2rem;
}
.bl-article-reservation .el-txt.hp-bold{
    margin-bottom: 1.5rem;
}
.bl-article-reservation .el-main-ttl{
	font-size: 1.625rem;
	letter-spacing: 0.0875rem;
	margin-bottom: 1.5rem;
}
.bl-article-reservation .el-main-ttl::before{
    width: 29.5rem;
    background: url(../images/common/ttl-underline02.svg) top center / cover no-repeat;
}
/* 関連 */
.bl-related .el-main-ttl{
    margin-bottom: 2.5rem;
}
.bl-related-list{
    display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.bl-related-item{
	width: 31rem;
    border: 0.1875rem solid #197474;
    border-radius: 0.625rem;
    padding: 1.5rem;
    position: relative;
}
.bl-related-item .el-cat-label{
	width: fit-content;
	min-height: 2.25rem;
	margin-bottom: 1rem;
}
.bl-related-item .el-column-ttl{
    font-weight: bold;
}
.bl-related .el-btn{
	width: 13.125rem;
}
@media screen and (max-width: 750px) {
    .bl-column.--single{
        padding-bottom: 18rem;
    }
    /* 監修医師 */
    .bl-author{
        padding: 2rem;
    }
    .el-author-ttl{
        font-size: 1.75rem;
    }
    .bl-author .el-position{
        font-size: 1.75rem;
    }
    .bl-author .el-license{
        line-height: 1.24;
    }
    /* cta */
    .bl-article-reservation{
        padding: 4rem 1.875rem 5rem;
    }
    .bl-article-reservation::after{
		width: 7.75rem;
height: 11.875rem;
		top: 21.25rem;
		right: 1.875rem;
    }
	.bl-article-reservation .el-txt.hp-bold {
		font-size: 1.875rem;
	    margin-bottom: 2.5rem;
	}
    .bl-article-reservation .el-main-ttl{
        font-size: 2.625rem;
        letter-spacing: 0.0875rem;
        margin-bottom: 2.5rem;
    }
    .bl-article-reservation .el-main-ttl::before{
		width: 22.625rem;
height: 2.75rem;
    }
    .bl-article-reservation .el-main-ttl + .el-txt{
		text-align: left;
	}
	.bl-article-reservation .el-btn{
		margin-top: 7.75rem;
	}
    /* 関連 */
    .bl-related-list{
        gap: 2.5rem;
    }
    .bl-related-item{
        width: 100%;
        padding: 2rem;
    }
    .bl-related-item .el-cat-label{
        width: fit-content;
        min-height: 2.25rem;
        margin-bottom: 1rem;
    }
    .bl-related-item .el-column-ttl{
		margin-bottom: 0.5rem;
    }
    .bl-related .el-btn{
        width: 28rem;
    }
}