@charset "UTF-8";

/*=======================================================
MV
=======================================================*/
.bl_lower_mv_ttl::after {
	background: url(../images/skin-care/mv_ttl.svg) top center/contain no-repeat;
	width: 33px;
	height: 15px;
}
@media screen and (max-width : 750px){
	@media screen and (max-width : 750px){
		.bl_lower_mv_ttl::after {
			width: 77px;
			height: 34px;
		}
	}
}
/*=======================================================
main
=======================================================*/
.bl_skin .bl_linkBtn_list{
	gap: 17px 24px;
	margin: 32px 0;
	justify-content: flex-start;
}
.bl_skin .bl_other .bl_linkBtn_list{
	justify-content: center;
}
.bl_skin .is_pageLinkBtn {
	width: 325px;
	height: 84px;
}
.bl_skin .el_detailTtl{
	font-size: 30px;
	/* margin-bottom: 8px; */
}
.bl_skin .el_detailTtl + .el_txt{
	margin-bottom: 12px;
}
.bl_skin .el_detailTtl + .bl_effect_list{
	margin-top: 8px;
}
.bl_skin .el_txt + .bl_media{
	margin-top: 40px;
}
.bl_skin .el_detailTtl + .el_att,
.bl_skin .el_detailTtl + .el_txt + .el_att{
	margin-bottom: 16px;
}
.bl_skin .el_detailTtl + .bl_media{
	margin-top: 16px;
}
.bl_skin .el_txt.hp_sm + .bl_effect_list{
	margin-top: 12px;
}
.bl_skin .bl_effect_list{
	width: 100%;
}
.bl_skin .el_detail_sTtl{
	font-size: 26px;
	color: #78746B;
	margin-bottom: 16px;
}
.bl_skin #infusion .bl_media{
    margin-bottom: 32px;
}
.bl_skin #infusion .bl_media .bl_media_body + p{
	width: 912px;
}
.bl_skin .bl_tableWrapper + .el_detail_sTtl{
	margin-top: 32px;
}
.el_detail_sTtl + .bl_effect_list{
	margin-bottom: 24px;
}
.bl_skin .el_txt + .bl_tableWrapper{
	margin-top: 16px;
}
.bl_skin .jalupro .bl_media:not(:first-of-type){
	grid-template: auto 1fr / 264px auto;
	grid-template-areas:
		"imgWrapper title"
		"imgWrapper body";
}
.bl_skin .jalupro #jalupro_classic,
.bl_skin .jalupro #jalupro_super{
	margin: 32px auto 32px;
}
.bl_skin .jalupro .bl_media_ttl{
	color: #4E2E2E;
	margin-bottom: -24px;
}
.bl_skin .jalupro .bl_media_ttl > span{
	font-size: 17px;
}
.bl_skin .pico .bl_table > tbody th:first-of-type,
.bl_skin .jalupro .bl_table > tbody th:first-of-type{
	background: #78746B;
	color: #fff;
}
.bl_skin .bl_table > thead th{
	min-height: 48px;
	padding: 8px 0 7px;
}
.bl_effectWrapper{
	display: flex;
	flex-wrap: wrap;
	gap: 24px 64px;
	margin-bottom: 32px;
}
.bl_effectWrapper > div{
	width: 422px;
}
.bl_effectWrapper > div > dt{
	font-size: 20px;
	color: #78746B;
	text-align: left;
	margin-bottom: 16px;
}
.bl_effectWrapper .bl_effect_list{
	justify-content: left;
	margin-bottom: 0;
}
.medicine .bl_importantPoint.w100{
	display: grid;
    grid-template: repeat(2, auto) / 360px 1fr;
    grid-auto-flow: column;
	justify-content: unset;
	gap: 24px 80px;
}
.medicine .el_important_ttl{
	font-size: 18px;
}
/* 施術の組み合わせ */
.bl_menuMix .el_detailTtl {
	display: block;
	font-size: 26px;
	text-align: center;
	color: #EF626B;
	margin: 56px 0 24px;
}
.bl_menuMix_bnr {
	margin-bottom: 16px;
}

@media screen and (max-width : 750px){
	.bl_skin .is_pageLinkBtn {
		width: 100%;
	}
	.bl_skin .bl_linkBtn_list{
		gap: 17px 24px;
		margin: 32px 0;
	}
	.bl_skin .is_pageLinkBtn {
		width: 330px;
		height: 88px;
		font-size: 30px;
	}
	.bl_skin .bl_linkBtn_item:nth-of-type(4) .is_pageLinkBtn{
		font-size: 27px;
	}
	.bl_skin .el_detailTtl{
		font-size: 34px;
		margin-bottom: 16px;
	}
	.bl_skin .el_detailTtl + .el_att,
	.bl_skin .el_detailTtl + .el_txt + .el_att,
	.bl_skin .el_detailTtl + .el_txt{
		margin-bottom: 16px;
	}
	.bl_skin .el_detailTtl + .bl_media{
		margin-top: 14px;
	}

	.bl_skin #infusion .bl_media{
		gap: 0;
	}
	.bl_skin #infusion .bl_media .bl_media_imgWrapper + .bl_media_body{
		margin-top: 32px;
	}
	.bl_skin #infusion .bl_media .bl_media_body + p{
		width: auto;
	}
	.bl_skin .bl_effect_list{
		gap: 14px;
	}
	.bl_skin .el_txt.hp_sm + .bl_effect_list{
		margin-top: 24px;
	}
	.bl_skin .bl_tableWrapper + .el_detail_sTtl{
		margin-top: 56px;
	}
	.bl_skin .el_detail_sTtl{
		font-size: 34px;
		margin-bottom: 16px;
	}
	.bl_skin .bl_effect_list + .el_txt{
		margin-bottom: 32px;
	}
	.bl_skin .jalupro .bl_media:not(:first-of-type){
		grid-template: auto 1fr / 100% auto;
		grid-template-areas:
			"title" "imgWrapper" "body";
	}
	.bl_skin .jalupro #jalupro_classic,
	.bl_skin .jalupro #jalupro_super{
		margin: 56px auto 56px;
	}
	.bl_skin .jalupro .bl_media_ttl{
		margin-bottom: 0;
	}
	.bl_skin .jalupro .bl_media_ttl > span{
		font-size: 24px;
	}
	.bl_effectWrapper{
		gap: 32px;
		margin-bottom: 46px;
	}
	.bl_effectWrapper > div{
		width: 100%;
	}
	.bl_effectWrapper > div > dt{
		font-size: 30px;
	}
	.medicine .bl_importantPoint.w100{
		display: flex;
		flex-direction: column;
		gap: 32px;
	}
	.medicine .el_important_ttl{
		font-size: 30px;
	}
	/* 施術の組み合わせ */
	.bl_menuMix .el_detailTtl {
		font-size: 34px;
	}
}
