@charset "utf-8";

/* セラミック・審美治療 cosmetic
------------------------------------------------------------------*/
.bg_cosmetic02 {
	border-top: 1px solid #cdbb94;
	border-bottom: 1px solid #cdbb94;
}
.row_cosmetic03 {
	max-width: 1194px;
	gap: 0 2.3%;
}
.row_cosmetic03 .col {
	width: 31.8%;
}
.row_cosmetic03 .col a {
	height: calc(80 / var(--break) * 100vw);
	background: #7E6415;
	background: linear-gradient(90deg,rgba(126, 100, 21, 1) 0%, rgba(193, 171, 105, 1) 50%, rgba(126, 100, 21, 1) 100%);
}
.row_cosmetic03 .col a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-top: calc(13 / var(--break) * 100vw) solid #fff;
	border-right: calc(13 / var(--break) * 100vw) solid transparent;
	border-left: calc(13 / var(--break) * 100vw) solid transparent;
	right: calc(15 / var(--break) * 100vw);
	top: 0;
	bottom: 0;
	margin: auto;
}
.bnr_cosmetic01 a {
	background: url("images/cosmetic/bg_cosmetic01.png")no-repeat center top / 100% auto, #0d0d0d;
	outline: 1px solid #fff;
	outline-offset: calc(-10 / var(--break) * 100vw);
}
.bnr_cosmetic01 a:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-width: calc(30 / var(--break) * 100vw);
	border-color: transparent #c59d48 #c59d48 transparent;
	right: 0;
	bottom: 0;
}
.bnr_cosmetic01 .wrap {
	width: 64%;
	max-width: 750px;
}
.bnr_cosmetic01 .txt01 {
	height: calc(110 / var(--break) * 100vw);
	clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
}
.bnr_cosmetic01 .en {
	opacity: .1;
	font-size: 4.5rem;
}
@media(min-width: 768px) and (max-width:1599px) {
	
}
@media(min-width: 768px) and (max-width:1299px) {
	
}
@media(max-width: 767px) {
	.row_cosmetic03 {
		max-width: 100%;
		gap: 2vw 2%;
	}
	.row_cosmetic03 .col {
		width: 49%;
	}
	.row_cosmetic03 .col a {
		height: calc(100 / var(--break) * 100vw);
		font-size: .875rem;
		letter-spacing: 0;
		line-height: 1.4;
	}
	.bnr_cosmetic01 a {
		background: url("images/cosmetic/bg_cosmetic01.png")no-repeat center top / 100% auto, #0d0d0d;
		outline: 1px solid #fff;
		outline-offset: calc(-10 / var(--break) * 100vw);
	}
	.bnr_cosmetic01 .wrap {
		width: 90%;
		max-width: 100%;
		margin: 0 auto;
	}
	.bnr_cosmetic01 .txt01 {
		font-size: 1.5rem;
		letter-spacing: 0;
	}
	.bnr_cosmetic01 .txt02 {
		font-size: 1.25rem;
		letter-spacing: 0;
	}
	.bnr_cosmetic01 .en {
		font-size: 2.5rem;
		text-align: center;
	}
}