@charset "UTF-8";

/*=======================================================
MV
=======================================================*/
.bl_mv {
	background: url(../images/women/mv_bg.jpg) top center / cover no-repeat;
	padding: 64px 0 56px;
}
.bl_mv_ttl {
	width: 474px;
}
.bl_mv_link {
	display: block;
	width: 500px;
	margin-top: 48px;
}
@media screen and (max-width : 750px){
	.bl_mv {
		background: url(../images/women/mv_bg_sp.jpg) top center / cover no-repeat;
		padding: 400px 0 56px;
	}
	.bl_mv_ttl {
		width: 690px;
	}
	.bl_mv_link {
		width: 690px;
		margin-top: 40px;
	}
}

/*=======================================================
plan
=======================================================*/
.bl_plan{
	padding: 56px 0;
}
.bl_plan_list{
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
	margin-bottom: 8px;
}
.bl_plan_item{
	width: 496px;
}
@media screen and (max-width : 750px){
	.bl_plan_list{
		margin-bottom: 16px;
	}
	.bl_plan_item{
		width: 100%;
	}
}

/*=======================================================
price
=======================================================*/
.bl_price{
	padding: 56px 0;
	background: #F0EEE7;
}
.bl_tab{
	margin-top: 24px;
}
.bl_tab_ttl.active{
	background: #E8BFBD!important;
}
.bl_tab_ttl.hair-care::before{
	left: 62px!important;
}
.hp_men, .hp_both{
	display: none;
}
@media screen and (max-width : 750px){
	.bl_tab{
		margin-top: 32px;
	}
	.bl_tab_ttl.hair-care::before{
		left: 72px!important;
	}
}