@charset "utf-8";
/*------------------------------------------------------------
	美容メニュー
------------------------------------------------------------*/

.beauty-menu-contents {
	p {
		margin-bottom: 16px;
		line-height: 2.55;
	}

	.comLink {
		margin: 40px auto;
	}
}

@media screen and (max-width: 767px) {
	.beauty-menu-contents {
		p {
			margin: 24px 0 16px;
			line-height: 1.73;
		}
	}
}

.beauty-menu-check {
	border: .5px solid #E1A0B0;
	padding: 32px min(5.33vw, 20px) 24px;
	position: relative;

	&::before,
	&::after {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);

	}

	&::before {
		width: min(17.06vw, 64px);
		height: min(17.06vw, 64px);
		border-radius: min(10.66vw, 40px);
		top: -24px;
		background-color: #fff;
		z-index: 1;
	}

	&::after {
		background: url("../common/img/icon-diamond.svg") no-repeat center center / 100%;
		width: min(18.6vw, 70px);
		height: min(16.2vw, 61px);
		top: -44px;
		z-index: 2;
	}

	.headline {
		font-size: min(4.8vw, 2.2rem);
		letter-spacing: min(0.58vw, 2.2px);
		color: #fff;
		position: relative;
		font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
		background-color: #E1A0B0;
		font-weight: normal;
		padding: 10px min(4.26vw, 16px);
		text-align: center;
		margin-bottom: 24px;
		line-height: 1.8;
		position: relative;
		z-index: 2;

		>span {
			font-size: min(4.26vw, 2rem);
			background-color: #fff;
			color: #E1A0B0;
			padding: 0 min(1.06vw, 8px);
			display: inline-block;
			margin: 0 min(1.06vw, 12px);
		}

		&::before {
			content: "";
			position: absolute;
			bottom: -12px;
			left: 50%;
			transform: translateX(-50%);
			width: 0;
			height: 0;
			border-style: solid;
			border-color: #E1A0B0 transparent transparent transparent;
			border-width: min(3.2vw, 12px) min(calc(3.2vw * 2), 24px) 0px min(calc(3.2vw * 2), 24px);
		}
	}

	p {
		font-family: "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;

		&:last-child {
			margin-bottom: 0;
		}
	}
}

@media screen and (min-width: 768px) {
	.beauty-menu-check {

		p {
			text-align: center;
		}
	}
}

@media screen and (max-width: 767px) {
	.beauty-menu-check {
		margin-top: 72px;
	}
}