@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Sans+TC:wght@100..900&display=swap');

body {
	margin: 0;
	padding: 0;
	background: #fdfbf8;
	font-family: "Lato", sans-serif, "Noto Sans TC", sans-serif;
	font-weight: 300;
}

.fs-1.text-lagre {
	font-size: 58px !important;
}

a {
	color: var(--bs-nav-link-color);
}

.w-33 {
	width: 33.33%;
}

.text-pink {
	color: #B5727F;
}

.text-blue {
	color: #537885;
}

.text-brown {
	color: #694C33;
}

.rotate-90 {
	transform: rotate(-90deg);
}

.swiper-pagination-bullet-active {
	width: 20px !important;
	background: #785c4f !important;
	border-radius: 50px !important;
}

.form-check-input.large {
	width: 1.5em;
	height: 1.5em;
}

.form-check-input:checked {
	background-color: #F6DFCE;
	border-color: #E3CCC6;
}

button.btn {
	border: 1px solid #CEB6A1;
	background: linear-gradient(90deg, #F6DFCE 0%, #E3CCC6 93.83%);
	letter-spacing: 0.2px;
	position: relative;
}

button.btn:after {
	content: "";
	background: url("../../images/icon_btn_arrow.svg") no-repeat;
	position: absolute;
	display: block;
	width: 12px;
	height: 12px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
}

button.btn.outline {
	background: transparent;
}

button.btn.no_arrow:after {
	display: none;
}

button.btn:hover {
	border: 1px solid #525252;
	color: var(--bs-btn-color);
}

button.btn.disable {
	background: #AEACAC;
}

header.fixed-top {
	background: rgb(255 255 255 / 95%);
	/*top: -40px; transform: translateY(40px);*/
	transition: transform .3s;
}

/*header .logo img{ width: auto; height: 120px;}*/
header .menu_tab {
	padding: 20px 85px;
	margin-bottom: 20px;
	border-radius: 0 0 50px 50px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.70) 93.83%);
}

header .menu_tab span {
	font-size: 22px;
}

header .offcanvas {
	background: #F8F3EE;
}

header #miio_menu.offcanvas {
	width: 38% !important;
	background: url("../../images/logo_menu_pink.svg") no-repeat center right #F8F3EE;
}

header .header .nav-link.active,
header .header .nav-link:hover {
	background: linear-gradient(90deg, #F6DFCE 0%, #E3CCC6 93.83%);
}

header .nav-link.nolink:hover {
	background: none;
}

/*50px*/
header .arrow_button,
header .empty {
	width: 50px;
	text-align: center;
}

header .nav-item {
	/*margin-left: 50px;

	height: fit-content;*/
}

header .space {
	/*margin-right: 50px;*/
}

header .space a {
	text-decoration: none;
}

header .space a:hover {
	color: #B5727F;
}

header .arrow_button {
	background: url(../../images/icon_menu_expand_arrow.svg) no-repeat center;
	background-size: auto 14px;
	transition: transform 0.3s ease;
	cursor: pointer;
	width: 32px;
	height: 32px;
}

header .nav-item .arrow_button:hover {
	background: url(../../images/icon_menu_collapse_arrow.svg) no-repeat center;
	background-size: auto 14px;
}

/*header .nav-item .space.skin, 

header .nav-item .space.miioskin, 

header .nav-item .space.miiomed, 

header .nav-item .space.miiobrow {

	display: none;

}

header .nav-item:hover .space.skin,

header .nav-item:hover .space.miioskin, 

header .nav-item:hover .space.miiomed, 

header .nav-item:hover .space.miiobrow {

	display: flex;

	height: fit-content;

    justify-content: center;

}*/
header .nav-item .space {
	max-height: 0;
	overflow: hidden;
	transition: max-height 0.3s ease, padding 0.3s ease;
}

header .logo {
	/*width: 194px;
	height: 120px;*/
	width: 130px;
	height: 80px;
	display: block;
	background: url("../../images/logo_header_light.png") no-repeat center;
	background-size: 100% auto;
}

header.dark .logo {
	background: url("../../images/logo_header_dark.png") no-repeat center;
	background-size: 100% auto;
}

header.fixed-top .logo {
	background: url("../../images/logo_header_dark.png") no-repeat center;
	background-size: 100% auto;
}

header .navbar-toggler {
	width: 63px;
	height: 36px;
	background: url("../../images/menu_light.svg") no-repeat center;
	background-size: 43px auto;
}

header.dark .navbar-toggler {
	background: url("../../images/menu_dark.svg") no-repeat center;
	background-size: 43px auto;
}

header.fixed-top .navbar-toggler {
	background: url("../../images/menu_dark.svg") no-repeat center;
	background-size: 43px auto;
}

.navbar-nav.w-75 {
	width: 65% !important;
}

#home-carousel .carousel-indicators {
	bottom: 16%;
}

@media only screen and (max-width: 1024px) {
	header .menu_tab {
		padding: 20px 40px;
	}

	header #miio_menu.offcanvas {
		width: 80% !important;
		background-size: 90px auto;
	}
}

@media only screen and (max-width: 767px) {
	header .logo {
		width: 80px;
		height: 49px;
		margin: 0;
	}

	header .menu_tab {
		padding: 5px 10px;
		border-radius: 0 0 20px 20px;
		margin-bottom: 0;
	}

	header .menu_tab span {
		font-size: 18px;
	}

	header .menu_tab img {
		width: 45px;
		height: auto;
	}

	header .navbar-toggler {
		width: 40px;
		height: 32px;
		background: url(../../images/menu_dark.svg) no-repeat center;
		background-size: 26px auto;
	}

	header.fixed-top .navbar-toggler {
		background-size: 26px auto;
	}

	header #miio_menu.offcanvas {
		width: 100% !important;
		background-size: 80px auto;
	}

	.navbar-nav.w-75 {
		width: 75% !important;
	}

	.banner .icon {
		display: none;
	}

	.floating_ball img {
		width: 80px;
		height: auto;
	}

	header {
		background: rgb(255 255 255 / 50%);
		transition: transform .3s !important;
	}

	header .logo {
		background: url(../../images/logo_header_dark.png) no-repeat center;
		background-size: 100% auto;
	}
}

/*wave banner*/
.wave_banner .underline:before {
	content: "";
	background: url("../../images/line_cover.svg");
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: -1.5rem;
}

#about_banner .wave_banner .underline:before {
	content: "";
	background: url("../../images/line_cover_pink.svg");
	width: 100%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: -1.5rem;
}

.wave_banner .image {
	background-size: 100% auto !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	background-attachment: fixed !important;
}

.wave_banner .wave_area {
	height: 100vh;
}

.wave_banner .waves {
	position: absolute;
	width: 100%;
	height: 20vh;
	min-height: 100px;
	max-height: 200px;
	bottom: 0;
	left: 0;
}

.wave_banner .parallax>use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.wave_banner .parallax>use:nth-child(1) {
	animation-delay: -2s;
	animation-duration: 7s;
}

.wave_banner .parallax>use:nth-child(2) {
	animation-delay: -3s;
	animation-duration: 10s;
}

.wave_banner .parallax>use:nth-child(3) {
	animation-delay: -4s;
	animation-duration: 13s;
}

.wave_banner .parallax>use:nth-child(4) {
	animation-delay: -5s;
	animation-duration: 20s;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}

	100% {
		transform: translate3d(85px, 0, 0);
	}
}

@media (max-width: 768px) {
	.waves {
		height: 40px;
		min-height: 40px;
	}
}

@media only screen and (max-width: 1024px) {
	.wave_banner .waves {
		height: 10vh;
	}
}

@media only screen and (max-width: 767px) {
	.wave_banner .wave_area {
		position: relative;
	}

	.wave_banner .waves {
		width: 1920px;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.wave_banner .wave_area {
		height: auto;
	}

	#treatment_skin .wave_banner .image img,
	#treatment_facial .wave_banner .image img,
	#treatment_7d .wave_banner .image img,
	#treatment_m22 .wave_banner .image img,
	#treatment_sofwave .wave_banner .image img {
		object-position: bottom;
	}

	#eyebrow_banner .wave_banner .image img,
	#lashliner_banner .wave_banner .image img,
	#hair_banner .wave_banner .image img,
	#about_banner .wave_banner .image img,
	#academic_banner .wave_banner .image img {
		object-position: top;
	}

	#treatment_sofwave.banner .txt_area {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#treatment_7d.banner .txt_area {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#treatment_facial.banner .txt_area {
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	#treatment_skin.banner .txt_area {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
}

/*petal*/
.wave_banner .petal {
	width: 32px;
	height: 32px;
	position: absolute;
	background: url("../../images/leaf.png");
	background-size: 100% 100%;
}

/*fixed effect*/
.banner .part {
	clip: rect(0, auto, auto, 0);
}

.banner .part.wave_banner {
	top: 0;
	z-index: 0;
}

.banner .part.wave_banner .fixed {
	transform: translate(-50%, -50%);
}

.banner .part.wave_banner .icon {
	display: none;
}

.banner .part h3 {
	font-size: 72px;
}

@media only screen and (max-width: 1024px) {
	.banner .gallery_banner .img_style {
		padding-top: 56.25% !important;
	}

	.banner .gallery_banner .img_style>img {
		position: absolute;
		top: 0;
		height: 100% !important;
	}

	.banner .gallery_banner .text_area {
		top: 0;
		z-index: 1;
	}

	.banner .gallery_banner h3 {
		font-size: 36px;
	}

	#main_banner.banner .part h2.text-white,
	.banner .part .txt_area.text-white,
	#eyebrow_banner.banner .part .txt_area {
		text-shadow: 2px 2px 5px rgb(0 0 0 / 60%);
	}
}

@media only screen and (max-width: 767px) {
	.banner .gallery_banner .img_style {
		padding-top: 100% !important;
	}

	.banner p,
	.banner h3 {
		color: #fff !important;
		text-shadow: 2px 2px 5px rgb(0 0 0 / 60%);
	}

	.banner p.lh-lg {
		line-height: 1.4 !important;
	}

	.banner p.lh-lg br {
		display: none;
	}

	#treatment_sofwave.banner p,
	#treatment_sofwave.banner h3 {
		color: inherit !important;
		text-shadow: none;
		text-shadow: 2px 2px 1px rgb(255 255 255 / 80%);
	}

	#treatment_facial.banner p,
	#treatment_facial.banner h3 {
		color: inherit !important;
		text-shadow: none;
	}

	#treatment_sofwave.banner .txt_area .logo img {
		max-width: 150px;
	}
}

#eyebrow_banner.banner .text-dark {
	color: #537885 !important;
}

#eyebrow_banner.banner .txt_area:before {
	content: "";
	display: block;
	width: 400px;
	height: 188px;
	background: url(../../images/txt_banner_eyebrow.svg) no-repeat;
	background-size: cover;
	position: absolute;
	left: -7rem;
	top: -7rem;
}

@media only screen and (max-width: 767px) {
	#eyebrow_banner.banner .txt_area:before {
		width: 200px;
		height: 94px;
		left: 0;
		top: -5rem;
	}
}

.video_ratio {
	padding-bottom: calc(56.25%);
}

.modal .btn-close {
	top: -24px;
}

main {
	background: #fdfbf8;
	color: #525252;
}

main h3.title {
	font-size: 110px;
}

@media only screen and (max-width: 1024px) {
	main h3.title {
		font-size: 36px;
	}
}

@media only screen and (max-width: 767px) {
	.about_area .image_area img {
		width: 80%;
		height: auto;
	}
}

.video_area .waves_top,
.video_area .waves_bottom {
	height: 15vh;
	min-height: 100px;
	max-height: 150px;
}

.video_area .waves_top {
	transform: rotate(180deg);
}

.video_area .parallax>use {
	animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.video_area .waves_top .parallax>use {
	animation-delay: -2s;
	animation-duration: 7s;
}

@keyframes move-forever {
	0% {
		transform: translate3d(-90px, 0, 0);
	}

	100% {
		transform: translate3d(85px, 0, 0);
	}
}

@media only screen and (max-width: 1024px) {

	.video_area .waves_top,
	.video_area .waves_bottom {
		min-height: 0;
		max-height: 80px;
	}
}

@media only screen and (max-width: 767px) {

	.video_area .waves_top,
	.video_area .waves_bottom {
		min-height: 0;
		max-height: 30px;
	}
}

.brand_area .detail {
	max-width: 380px;
}

.instagram_area .swiper {
	margin-top: -80px;
}

.instagram_area .swiper .text-white {
	text-shadow: 2px 2px 5px rgb(0 0 0 / 60%);
}

.instagram_area:after {
	content: "";
	background: rgb(244, 237, 231);
	background: linear-gradient(180deg, rgba(244, 237, 231, 1) 0%, rgba(253, 251, 248, 1) 100%);
	width: 100%;
	height: 30%;
	position: absolute;
	bottom: 0;
	z-index: 0;
	border-radius: 50% 50% 0% 0% / 100% 100% 0% 0%;
}

@media only screen and (max-width: 1024px) {
	.instagram_area .image {
		max-width: 350px;
	}
}

@media only screen and (max-width: 767px) {
	.instagram_area .swiper {
		margin-top: 1rem;
	}
}

/*.member_area{ background: url("../../images/bg_media_txt.svg") no-repeat center bottom;}*/
.member_area .marquee {
	display: flex;
	overflow: hidden;
	user-select: none;
	gap: calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14);
	mask-image: linear-gradient(var(--mask-direction, to right), hsl(0 0% 0% / 0), hsl(0 0% 0% / 1) 20%, hsl(0 0% 0% / 1) 80%, hsl(0 0% 0% / 0));
}

.member_area .marquee_group {
	flex-shrink: 0;
	display: flex;
	align-items: center;
	justify-content: space-around;
	gap: calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14);
	min-width: 100%;
	animation: scroll-x 60s linear infinite;
}

.member_area .marquee_reverse .marquee_group {
	animation-direction: reverse;
}

@keyframes scroll-x {
	from {
		transform: translateX(0));
	}

	to {
		transform: translateX(calc(-100% - calc(clamp(10rem, 1rem + 40vmin, 30rem) / 14)));
	}
}

@media only screen and (max-width: 767px) {
	.member_area button.btn:after {
		display: none;
	}
}

.reservation_area h3 {
	font-size: 48px;
}

.reservation_area .map iframe {
	/*-webkit-clip-path: url(#mask);
  clip-path: url(#mask);*/
}

.reservation_area .map_area {
	position: relative;
	width: 100%;
	aspect-ratio: 1/1;
	margin: 1.5rem;
}

@media (min-width: 768px) {
	.reservation .map_area {
		max-width: 600px;
	}
}

@media only screen and (max-width: 1024px) {
	.reservation_area h3 {
		font-size: 36px;
	}
}

@media only screen and (max-width: 767px) {
	.reservation_area .map_area {
		margin: 0;
	}
}

.reservation_area .map_area .map {
	position: relative;
	width: 100%;
	height: 100%;
	aspect-ratio: 1 / 1;
	/*-webkit-clip-path: url(#mask);
  clip-path: url(#mask);*/
}

.reservation_area .map_area .map iframe {
	/*position: absolute;*/
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}

main.about {
	background: url("../../images/bg_about_mask.png") no-repeat top;
	background-size: 100% auto;
}

.about_bg {
	background: url("../../images/bg_about.png") no-repeat center;
	background-size: 100% auto;
}

.intro_area:after {
	content: "";
	background: url("../../images/bg_about_leaf.png") no-repeat;
	width: 312px;
	height: 730px;
	position: absolute;
	right: 0;
	bottom: 0;
}

@media only screen and (max-width: 767px) {
	.intro_area:after {
		width: 128px;
		height: 300px;
		background-size: cover;
	}
}

.history_area {
	margin-top: 12rem !important;
}

.history_area .img_area {
	top: -8rem;
}

@media only screen and (max-width: 1024px) {
	.history_area {
		margin-top: 5rem !important;
	}

	.history_area .img_area {
		top: -4rem;
	}
}

@media only screen and (max-width: 767px) {
	.history_area {
		margin-top: 1rem !important;
	}

	.history_area .img_area {
		position: unset !important;
	}
}

.services_area h3 {
	font-size: 72px;
}

@media only screen and (max-width: 1024px) {
	.services_area h3 {
		font-size: 36px;
	}
}

.makeup_bg {
	background: url("../../images/bg_makeup.png") no-repeat top;
	background-size: 100% auto;
}

.makeup_intro_area .swiper-container-horizontal {
	padding: 1.25rem 0;
}

.makeup_intro_area .swiper-wrapper {}

.makeup_intro_area .swiper-slide.swiper-slide-active {
	z-index: 9;
}

.makeup_intro_area .swiper-slide.swiper-slide-active {
	transform: scale(1.5);
	transition: transform 1s;
}

.makeup_intro_area .swiper-slide.swiper-slide-prev {
	transform: scale(.8);
	transition: transform .6s;
	display: flex;
	flex-direction: column;
}

.makeup_intro_area .swiper-slide.swiper-slide-prev img {
	margin-top: 7rem;
}

.makeup_intro_area .swiper-slide.swiper-slide-next {
	transform: scale(.8);
	transition: transform .6s;
	display: flex;
	flex-direction: column-reverse;
}

.makeup_intro_area .swiper-slide.swiper-slide-next img {
	margin-bottom: 7rem;
}

.makeup_intro_area .swiper-button-next {
	right: 18%;
	top: 65%;
}

.makeup_intro_area .swiper-button-prev {
	left: 18%;
	top: 28%;
}

.makeup_intro_area .swiper-button-next,
.makeup_intro_area .swiper-button-prev {
	width: 80px;
	height: 80px;
	border: 1px solid #D1C2B5;
	border-radius: 50px;
	background-image: none;
}

@media only screen and (max-width: 767px) {

	.makeup_intro_area .swiper-button-next,
	.makeup_intro_area .swiper-button-prev {
		display: none !important;
	}

	.makeup_intro_area .swiper-slide.swiper-slide-active {
		transform: scale(1.8);
		transition: transform 1s;
	}

	.makeup_intro_area .swiper-slide.swiper-slide-prev {
		transform: scale(.6);
		transition: transform .6s;
	}

	.makeup_intro_area .swiper-slide.swiper-slide-prev img {
		margin-top: 5rem;
	}

	.makeup_intro_area .swiper-slide.swiper-slide-next {
		transform: scale(.6);
		transition: transform .6s;
	}

	.makeup_intro_area .swiper-slide.swiper-slide-next img {
		margin-bottom: 5rem;
	}

	.makeup_intro_area .swiper-container-horizontal {
		padding: 0;
	}
}

.miiobrow_area h1.underline:before {
	content: "";
	background: #525252;
	width: 60%;
	height: 1px;
	display: block;
	position: absolute;
	bottom: -1.5rem;
}

@media only screen and (max-width: 767px) {
	.miiobrow_area h1.underline:before {
		display: none;
	}
}

.artist_area .background {
	background: #9FB2BD;
}

.artist_area .row:before {
	content: "";
	width: calc(50% + 3rem);
	height: 100%;
	background: #9FB2BD;
	position: absolute;
	right: 0;
	z-index: 0;
}

@media only screen and (max-width: 767px) {
	.artist_area .row:before {
		width: 100%;
		height: calc(100% - 18%);
		bottom: 0;
	}
}

.eyebrow_area .img_area img {
	border-bottom-left-radius: var(--bs-border-radius-xxl);
}

.eyebrow_area .img_area:before {
	/*content: "";
  z-index: 1;
  display: block;
  width: 157px;
  height: 369px;
  position: absolute;
  background: url(../../images/bg_eyebrow.svg) no-repeat;
  left: -5rem;*/
}

@media only screen and (max-width: 767px) {
	.eyebrow_area .img_area:before {
		width: 89px;
		height: 210px;
		left: -44px;
		background-size: cover;
	}
}

.eyebrow_intro_area .swiper-slide {
	background: #A3B5BD;
	min-height: 525px;
}

.eyebrow_intro_area .swiper-container-horizontal>.swiper-pagination-progressbar {
	top: unset;
	bottom: 0;
}

.eyebrow_intro_area .swiper-pagination-progressbar {
	background: #DFDEDE;
}

.eyebrow_intro_area .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #A3B5BD;
}

.eyebrow_intro_area .swiper-slide.swiper-slide-active {
	transform: scale(1.03);
	transition: transform .5s;
}

@media only screen and (max-width: 767px) {
	.eyebrow_intro_area .swiper-slide {
		min-height: 395px;
	}
}

.case_area .row:before {
	content: "";
	background: url(../../images/bg_brow_case.svg) no-repeat;
	background-size: cover;
	width: 600px;
	height: 181px;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
}

@media only screen and (max-width: 767px) {
	.case_area .row:before {
		width: 360px;
		height: 108px;
		display: none;
	}
}

.color_area .img_area:after {
	/*content: "";
  background: url(../../images/bg_brow_color.svg) no-repeat;
  background-size: cover;
  width: 223px;
  height: 421px;
  display: block;
  position: absolute;
  right: -8.5rem;
  z-index: -1;
  bottom: -2rem;*/
}

.color_area .swiper-slide span {
	display: block;
	width: 80px;
	height: 80px;
	background: #000;
}

.color_area .swiper-slide.color1 span {
	background: #685d41;
}

.color_area .swiper-slide.color2 span {
	background: #6b5b39;
}

.color_area .swiper-slide.color3 span {
	background: #4c3c2d;
}

.color_area .swiper-slide.color4 span {
	background: #4e3e24;
}

.color_area .swiper-slide.color5 span {
	background: #281c10;
}

.color_area .swiper-slide.color6 span {
	background: #1c1815;
}

.color_area .swiper-slide.color7 span {
	background: #806144;
}

.color_area .swiper-slide.color8 span {
	background: #72573c;
}

.color_area .swiper-slide.color9 span {
	background: #764f24;
}

.color_area .swiper-slide.color10 span {
	background: #6e4a30;
}

.color_area .swiper-slide.color11 span {
	background: #2b2310;
}

/**/
.color_area .swiper-slide.color12 span {
	background: #533721;
}

/**/
.color_area .swiper-slide.color13 span {
	background: #634731;
}

/**/
.color_area .swiper-slide.color14 span {
	background: #663d1d;
}

.color_area .swiper-slide.color15 span {
	background: #542e17;
}

.color_area .swiper-slide.color16 span {
	background: #35221c;
}

.color_area .swiper-slide.color17 span {
	background: #2b2411;
}

.color_area .swiper-slide.color18 span {
	background: #7f5f39;
}

.color_area .swiper-slide.color19 span {
	background: #73432d;
}

.color_area .swiper-slide.color20 span {
	background: #6d3a1d;
}

.color_area .swiper-slide.color21 span {
	background: #754738;
}

.color_area .swiper-slide.color22 span {
	background: #643420;
}

.color_area .swiper-slide.color23 span {
	background: #803d23;
}

.color_area .swiper-button-prev {
	background: url(../../images/icon_color_area_arrow_left.svg) no-repeat left center;
	left: -15px;
}

.color_area .swiper-button-next {
	background: url(../../images/icon_color_area_arrow_right.svg) no-repeat right center;
	right: -15px;
}

@media only screen and (max-width: 767px) {
	.color_area .img_area:after {
		width: 106px;
		height: 200px;
		right: -38px;
	}
}

.eyebrow_bg {
	background: url(../../images/bg_faq.png) no-repeat left bottom;
}

.faq_area .faq_bg {
	background: #F8F3EE;
}

.faq_area:before {
	content: "";
	width: 50%;
	height: 100%;
	display: block;
	right: 0;
	position: absolute;
	background: #f8f3ee;
	z-index: -1;
}

#accordion_faq {
	--bs-accordion-bg: none;
}

#accordion_faq .accordion-button:not(.collapsed) {
	background-color: #a3b5bd;
	color: #fff;
}

#treatments #accordion_faq .accordion-button:not(.collapsed) {
	background-color: #deb1ba;
	color: #fff;
}

@media only screen and (max-width: 767px) {
	.faq_area:before {
		display: none;
	}
}

#lashliner_banner h3:after {
	content: "";
	background: url(../../images/icon_banner_lashliner.svg) no-repeat;
	background-size: cover;
	display: block;
	width: 90px;
	height: 98px;
	position: absolute;
	right: -4.25rem;
	top: 50%;
	transform: translate(0, -50%);
}

#lashliner_banner .txt_area:after {
	content: "";
	baclground: url(../../images/txt_banner_lashliner.svg) no-repeat;
	background-size: cover;
	display: block;
}

.lashliner_bg {
	background: url("../../images/bg_lashliner.png") no-repeat top center;
	background-size: 100% auto;
}

.lashliner_area .lash_liner .img_area:after {
	content: "";
	display: block;
	width: 294px;
	height: 139px;
	background: url(../../images/bg_lash_liner.svg) no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: -3.5rem;
}

.lashliner_area .soft_liner .img_area:after {
	content: "";
	display: block;
	width: 294px;
	height: 139px;
	background: url(../../images/bg_soft_liner.svg) no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: -3.5rem;
}

.lashliner_intro_area:after {
	content: "";
	width: 100%;
	height: 60%;
	display: block;
	position: absolute;
	bottom: 0;
	background: #F8F3EE;
	z-index: -1;
}

.lashliner_intro_area .img_area {
	left: -70%;
	top: -5rem;
	width: 70%;
	z-index: 1;
}

.lashliner_intro_area .img_area:after {
	content: "";
	display: block;
	width: 220px;
	height: 220px;
	background: url(../../images/bg_lashliner_intro_img_area.svg) no-repeat;
	background-size: cover;
	position: absolute;
	left: -3.5rem;
	bottom: -3.5rem;
	z-index: -1;
}

.lashliner_intro_area .txt_area:after {
	content: "";
	display: block;
	width: 60px;
	height: 129px;
	background: url(../../images/txt_lashliner_intro.svg) no-repeat;
	background-size: cover;
	position: absolute;
	right: 1.25rem;
	top: -3.5rem;
}

:lang(en) .lashliner_intro_area .txt_area:after {
	content: "";
	display: block;
	width: 46px;
	height: 178px;
	background: url(../../images/txt_lashliner_intro_e.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 1.25rem;
	top: -1.5rem;
}

@media only screen and (max-width: 1024px) {
	.lashliner_intro_area .txt_area:after {
		top: -4.5rem;
		right: 5%;
		width: 40px;
		height: 86px;
	}

	:lang(en) .lashliner_intro_area .txt_area:after {
		top: -1rem;
	}
}

@media only screen and (max-width: 767px) {
	.lashliner_intro_area .img_area {
		position: unset !important;
	}

	.lashliner_intro_area .txt_area:after {
		top: -7rem;
		right: 5%;
	}

	:lang(en) .lashliner_intro_area .txt_area:after {
		top: -13rem;
	}
}

#lashliner_intro_faq {
	--bs-accordion-bg: none;
}

#lashliner_intro_faq .accordion-button:not(.collapsed) {
	background-color: #a3b5bd;
	color: #fff;
}

.space_banner {
	height: 450px;
}

.lashliner_case_area .img_area h3 {
	margin-top: -1rem
}

#case_share_faq {
	--bs-accordion-bg: none;
}

#case_share_faq .accordion-button:not(.collapsed) {
	background-color: #a3b5bd;
	color: #fff;
}

.lashliner_case_share_area:after {
	content: "";
	width: 100%;
	height: 60%;
	display: block;
	position: absolute;
	bottom: 0;
	background: #F8F3EE;
	z-index: -1;
}

.lashliner_case_share_area .img_area:before {
	content: "";
	display: block;
	width: 120px;
	height: 343px;
	background: url(../../images/bg_lashliner_case_share.svg) no-repeat;
	background-size: cover;
	position: absolute;
	left: -1rem;
	top: 50%;
	transform: translate(0, -50%);
}

.lashliner_case_share_area .img_area:after {
	content: "";
	display: block;
	width: 42px;
	height: 114px;
	background: url(../../images/txt_lashliner_case_share.svg) no-repeat;
	background-size: cover;
	position: absolute;
	right: 6.5rem;
	bottom: 2.5rem;
	z-index: 2;
}

:lang(en) .lashliner_case_share_area .img_area:after {
	content: "";
	display: block;
	width: 32px;
	height: 235px;
	background: url(../../images/txt_lashliner_case_share_e.png) no-repeat;
	background-size: cover;
	position: absolute;
	right: 6.5rem;
	bottom: 2.5rem;
	z-index: 2;
}

.lashliner_case_share_area .img h3 {
	margin-top: -1rem
}

.lashliner_case_share_area:after {
	content: "";
	display: block;
	width: 150px;
	height: 150px;
	background: url("../../images/bg_lashliner_case_share_area.svg") no-repeat;
	background-size: cover;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 1;
}

@media only screen and (max-width: 1024px) {
	.lashliner_case_share_area .img_area:after {
		right: 2.5rem;
	}

	:lang(en) .lashliner_case_share_area .img_area:after {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	.lashliner_intro_area .img_area {
		width: 100%;
	}

	.lashliner_case_share_area .img_area:before {
		width: 70px;
		height: 200px;
	}

	.lashliner_case_share_area .img_area:after {
		right: 5%;
	}

	:lang(en) .lashliner_case_share_area .img_area:after {
		right: 5%;
		display: block;
		width: 22px;
		height: 160px;
	}

	.lashliner_case_share_area:after {
		display: none;
	}
}

#lips_banner .top_txt:after {
	content: "";
	display: block;
	background: url(../../images/txt_lips_banner_ch.svg) no-repeat;
	background-size: cover;
	width: 200px;
	height: 185px;
	position: absolute;
	right: 0;
	top: -6.5rem;
}

#lips_banner .bottom_txt:after {
	content: "";
	display: block;
	background: url(../../images/txt_lips_banner_en.svg) no-repeat;
	background-size: cover;
	width: 200px;
	height: 145px;
	position: absolute;
	right: -11rem;
	top: 50%;
	transform: translate(0, -50%);
}

@media only screen and (max-width: 767px) {
	#lips_banner .bottom_txt:after {
		right: 0;
	}
}

.lips_bg {
	background: url("../../images/bg_lips.png") no-repeat top center;
	background-size: 100% auto;
}

.lips_bg:after {
	content: "";
	background: url("../../images/bg_lips.svg") no-repeat;
	background-size: 100% auto;
	display: block;
	width: 200px;
	height: 192px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}

.lips_area .img_area h3 {
	margin-top: -1rem;
}

.lips_area .img .img_area:after {
	/*content: "";
  display: block;
  background: url(../../images/bg_img_lips.svg) no-repeat;
  background-size: cover;
  width: 163px;
  height: 238px;
  position: absolute;
  bottom: -3rem;
  left: -3.5rem;*/
}

@media only screen and (max-width: 767px) {

	/*.lips_area .img .img_area:after {
    width: 120px;
    height: 175px;
  }*/
	.lips_bg:after {
		display: none;
	}
}

.lips_case_share_area .img_area:after {
	/*content: "";
  display: block;
  background: url(../../images/bg_lips_case_share_area.svg) no-repeat;
  background-size: cover;
  width: 450px;
  height: 615px;
  position: absolute;
  top: 0;
  right: -1.5rem;*/
}

.lips_case_share_area .img h3 {
	margin-top: -1rem
}

@media only screen and (max-width: 1024px) {

	/*.lips_case_share_area .img_area:after {
    width: 180px;
    height: 326px;
    right: unset;
    left: -5rem;
  }*/
	.lips_bg:after {
		width: 100px;
		height: 96px;
	}

	.lips_bg {
		background-size: auto 100%;
	}
}

@media only screen and (max-width: 767px) {
	/*.lips_case_share_area .img_area:after {
    width: 190px;
    height: 260px;
    background-size: cover;
  }*/
}

.lips_faq_area:after {
	content: "";
	width: 100%;
	height: 50%;
	display: block;
	position: absolute;
	bottom: 0;
	background: #fff;
	z-index: -2;
}

.hair_bg {
	background: url("../../images/bg_hair.png") no-repeat top center;
	background-size: 100% auto;
}

#hair_banner .txt_area:after {
	content: "";
	display: block;
	background: url(../../images/txt_hair_banner.svg) no-repeat;
	background-size: cover;
	width: 380px;
	height: 245px;
	position: absolute;
	right: -11rem;
	top: -55%;
}

@media only screen and (max-width: 767px) {
	#hair_banner .txt_area:after {
		width: 285px;
		height: 179px;
		background-size: cover;
		right: 0;
		top: -12.5rem;
	}
}

.hair_intro_area .img_area {
	left: -50%;
	top: -3rem;
	width: 50%;
	z-index: 1;
}

.hair_intro_area .img_area:after {
	content: "";
	display: block;
	background: url(../../images/bg_hair_intro.svg) no-repeat;
	background-size: cover;
	width: 200px;
	height: 91px;
	position: absolute;
	bottom: 1rem;
	right: 0;
}

@media only screen and (max-width: 767px) {
	.hair_intro_area .img_area {
		position: unset !important;
		width: 100%;
	}
}

.hair_filler_area {
	background: #a3a8b3;
	background: linear-gradient(90deg, rgb(162, 168, 182) 0%, rgb(163, 168, 179) 100%);
}

.hair_filler_area .container {
	background: url("../../images/bg_hair_filler.jpg") no-repeat #a3a8b3;
	background-size: auto 100%;
}

.hair_filler_area .img_area {
	bottom: -3rem;
	right: -2rem;
}

.hair_advanced_area .box {
	border: 1px solid #537885;
	border-radius: 200px;
	width: 130px;
	height: 130px;
}

:lang(en) .hair_advanced_area .box {
	width: 170px;
	height: 170px;
	padding: .5rem;
}

main#hair .bg_style {
	background: url("../../images/bg_style_hair.png") top no-repeat;
	background-size: cover;
}

.hair_notice_area .img_area {
	left: -70%;
	top: -3rem;
	width: 70%;
	z-index: 1;
}

@media only screen and (max-width: 767px) {
	.hair_notice_area .img_area {
		position: unset !important;
		width: 100% !important;
	}
}

.hair_knowledge {
	background: linear-gradient(rgba(142, 149, 167, 0.71) 0%, rgba(122, 131, 151, 0.68) 100%);
}

#academic_banner:after {
	content: "";
	display: block;
	background: url(../../images/txt_banner_academic.svg) no-repeat;
	background-size: cover;
	width: 400px;
	height: 127px;
	position: absolute;
	bottom: 2rem;
	right: 0;
}

@media only screen and (max-width: 767px) {
	#academic_banner:after {
		width: 315px;
		height: 100px;
		background-size: cover;
		bottom: 5rem;
	}
}

.academic_area .swiper-slide img {
	border-bottom-left-radius: var(--bs-border-radius-xxl);
}

.academic_area .swiper-slide .text-white {
	text-shadow: 2px 2px 5px rgb(0 0 0 / 60%);
}

.academic_share_area h3:after {
	content: "";
	display: block;
	background: url(../../images/txt_academic_share.svg) no-repeat;
	background-size: cover;
	width: 155px;
	height: 60px;
	position: absolute;
	left: 50%;
}

@media only screen and (max-width: 767px) {
	.academic_area .swiper-slide.swiper-slide-prev {
		transform: scale(.85);
		transition: transform .6s;
	}

	.academic_area .swiper-slide.swiper-slide-next {
		transform: scale(.85);
		transition: transform .6s;
	}
}

@media only screen and (max-width: 767px) {
	#makeup_banner .img_area.w-25 {
		width: 50% !important;
		position: absolute;
		bottom: 15%;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.makeup_area .img_area img {
		width: 80%;
		height: auto;
		margin: 0 auto;
	}
}

#media .wave_banner .image img {
	min-height: 350px;
}

footer {
	color: #525252;
	background: #FBF9F7;
}

footer h3.border-bottom {
	border-bottom: 1px solid #CEB6A1 !important;
	width: max-content;
	min-width: 270px;
	margin: 0 auto;
}

footer .detail,
footer .detail a {
	color: #525252;
}

footer .detail h4 {
	color: #CEB6A1;
}

@media only screen and (max-width: 767px) {
	footer h3.border-bottom {
		min-width: 300px;
	}
}

.miioskin .shape .shape_txt {
	height: 140px;
}

.miiobrow .shape .shape_txt {
	height: 220px;
}

@media only screen and (max-width: 1024px) {
	.miioskin .shape .shape_txt {
		height: 80px;
		margin-bottom: 1.5rem;
	}

	.miiobrow .shape .shape_txt {
		height: 150px;
		margin-right: 1.5rem;
	}

	.miiobrow .bg_style img {
		width: 130px !important;
		height: auto !important;
	}
}

@media only screen and (max-width: 767px) {
	.miioskin .shape .shape_txt {
		height: 50px;
		margin-bottom: 1.5rem;
	}

	.miiobrow .shape .shape_txt {
		height: 110px;
		margin-right: 1.5rem;
	}

	.miiobrow .bg_style img {
		width: 100px !important;
		height: auto !important;
	}
}

.svg_mask {
	width: 100%;
	object-fit: cover;
	-webkit-clip-path: url(#svgPath);
	clip-path: url(#svgPath);
}

.svg_mask_two {
	width: 100%;
	object-fit: cover;
	-webkit-clip-path: url(#svgPath_two);
	clip-path: url(#svgPath_two);
}

.svg_mask_three {
	width: 100%;
	object-fit: cover;
	-webkit-clip-path: url(#svgPath_three);
	clip-path: url(#svgPath_three);
}

.svg_mask_four {
	width: 100%;
	object-fit: cover;
	-webkit-clip-path: url(#svgPath_four);
	clip-path: url(#svgPath_four);
}

/*shape*/
/*.shape_wrapper { position: relative; width: 100%; aspect-ratio: 1/1;}



.shape_wrapper .shape_stroke { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}*/
.vh-100 {
	height: 100vh !important;
	height: 100svh !important;
}

/*return_services*/
.top_return_txt>div,
.top_return_txt>div>img {
	min-height: 28px;
	max-height: 50px;
}

@media only screen and (max-width: 767px) {

	.top_return_txt>div,
	.top_return_txt>div>img {
		max-height: 35px;
	}
}

.return_services .box_area {
	scroll-margin-top: 6rem;
}

.return_services .sub_menu a {
	color: #B5727F;
	text-decoration: none;
	line-height: 30px;
	border-bottom: 2px solid transparent;
}

.return_services .sub_menu a:hover,
.return_services .sub_menu a.active {
	border-bottom: 2px solid #B5727F;
}

.return_services .sub_menu .menu:before,
.return_services .sub_menu .menu:after {
	content: "";
	width: 30px;
	height: 30px;
	margin: 0 1.5rem;
}

.return_services .sub_menu .menu:before,
.return_services .sub_menu .menu:after {
	content: "";
	width: 20px;
	height: 20px;
	margin: 0 .5rem;
}

.return_services .sub_menu .menu:before {
	background: url(../../images/icon_submenu_arrow_left.svg) no-repeat center;
}

.return_services .sub_menu .menu:after {
	background: url(../../images/icon_submenu_arrow_right.svg) no-repeat center;
}

.return_services .shadow-sm {
	box-shadow: 0 0.125rem 0.25rem rgba(181, 114, 127, 0.15) !important;
}

.return_services .box_right .box h3,
.return_services .box_left .box h3,
.return_services .box_right .box h5,
.return_services .box_left .box h5 {
	color: #B5727F;
}

.return_services .box_right .photo {
	width: 48%;
	margin-left: -3rem;
	z-index: 1;
}

.return_services .box_right .photo img {
	border-bottom-left-radius: 100px;
}

.return_services .box_right .box {
	width: 52%;
	margin: 0 -3rem;
	border-bottom-right-radius: 100px;
}

.return_services .box_left .photo {
	width: 48%;
	margin-right: -3rem;
	z-index: 1;
}

.return_services .box_left .photo img {
	border-bottom-left-radius: 100px;
}

.return_services .box_left .box {
	width: 52%;
	margin: 0 -3rem;
	border-bottom-right-radius: 100px;
}

@media only screen and (max-width: 1024px) {
	.return_services .sub_menu .menu:before {
		display: none;
	}

	.return_services .sub_menu .menu:after {
		position: absolute;
		transform: rotate(90deg);
		bottom: -1.5rem;
	}

	.return_services .box_right .box,
	.return_services .box_left .box,
	.return_services .box_right .photo,
	.return_services .box_left .photo {
		width: 100%;
		margin: 0;
	}

	.return_services .box_left .photo img,
	.return_services .box_right .photo img {
		border-top-left-radius: 50px;
		border-top-right-radius: 50px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.return_services .box_left .box,
	.return_services .box_right .box {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 50px;
		border-bottom-right-radius: 50px;
	}
}

@media only screen and (max-width: 767px) {

	.return_services .box_left .photo img,
	.return_services .box_right .photo img {
		border-top-left-radius: 25px;
		border-top-right-radius: 25px;
		border-bottom-left-radius: 0;
		border-bottom-right-radius: 0;
	}

	.return_services .box_left .box,
	.return_services .box_right .box {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		border-bottom-left-radius: 25px;
		border-bottom-right-radius: 25px;
	}

	.return_services .box .list li.w-50 {
		width: 100% !important;
	}
}

.return_services .services li span {
	position: relative;
}

.return_services .services li span:after {
	content: "";
	position: absolute;
	background: url(../../images/bg_line_services.png) no-repeat right;
	width: calc(100% + 36px);
	height: 1px;
	left: 0;
	bottom: -5px;
}

@media only screen and (max-width: 767px) {

	#miioskin_banner.banner h3,
	#miioskin_banner.banner p {
		color: #B5727F !important;
		text-shadow: 1px 1px 0px #ffffff;
	}
}

main#miioskin {
	background: url("../../images/bg_miioskin.png") no-repeat top;
	background-size: 100% auto;
}

.treatments_area .swiper-container-horizontal {
	padding: 1.25rem 0;
}

.treatments_area .swiper-slide.swiper-slide-active {
	z-index: 9;
}

.treatments_area .swiper-slide.swiper-slide-prev img {
	margin-top: 7rem;
}

.treatments_area .swiper-slide.swiper-slide-next img {
	margin-bottom: 7rem;
}

@media only screen and (max-width: 1024px) {
	.treatments_area .swiper-slide.swiper-slide-prev img {
		margin-top: 0;
	}

	.treatments_area .swiper-slide.swiper-slide-next img {
		margin-bottom: 0;
	}

	.treatments_area .swiper-container-horizontal {
		padding: 0;
	}

	.treatments_area .swiper-pagination {
		bottom: -5px !important;
		text-align: left;
	}
}

.treatments_box_area img {
	max-width: 250px;
}

@media only screen and (max-width: 767px) {
	.treatments_box_area img {
		max-width: 100%;
	}
}

.why_miioskin_area {
	/*background: url("../../images/bg_why_miioskin.png") no-repeat left top #f9f5f2;*/
	background: #f9f5f2;
	background-size: 150px auto;
}

.why_miioskin_area:after {
	/*content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 150px;
  height: 158px;
  background: url("../../images/bg_why_miioskin_flower.jpg") no-repeat;
  background-size: cover;*/
}

@media only screen and (max-width: 1024px) {
	.why_miioskin_area {
		background-size: 15% auto;
	}

	/*.why_miioskin_area:after {
    width: 100px;
    height: 105px;
  }*/
}

.miioskin_different_area:after {
	/*content: "";
  background: url(../../images/txt_miioskin_different_area.svg) no-repeat;
  position: absolute;
  width: 222px;
  height: 634px;
  right: 0;
  bottom: 6rem;*/
}

.miioskin_different {
	background: url("../../images/bg_miioskin_different.jpg") no-repeat;
	background-size: cover;
}

.miioskin_different img.img-fluid {
	border-radius: 200px 0 0 0;
}

.miioskin_different .bg-white:after {
	content: "";
	background: url("../../images/txt_miioskin_different.svg") no-repeat;
	position: absolute;
	width: 200px;
	height: 92px;
	background-size: 100% auto;
	right: -7%;
	bottom: 0;
}

@media only screen and (max-width: 1024px) {

	/*.miioskin_different_area:after {
    width: 150px;
    height: 428px;
    bottom: 8rem;
    background-size: cover;
  }*/
	.miioskin_different .bg-white:after {
		right: -5%;
	}
}

@media only screen and (max-width: 767px) {
	#body .top_return_txt .w-50 {
		width: 100% !important;
		justify-content: center !important;
	}

	#contour .top_return_txt .w-50 {
		width: 100% !important;
	}

	#eye-catching .top_return_txt .w-50 {
		width: 100% !important;
	}

	#acne .top_return_txt .w-50 {
		width: 100% !important;
	}

	#sensitive .top_return_txt .w-50 {
		width: 100% !important;
	}
}

#treatments .before_after_area .swiper-wrapper {
	padding-bottom: 2rem;
}

#treatments .before_after_area .swiper-pagination {
	bottom: 0 !important;
}

#treatments .bg_style {
	background: url("../../images/bg_treatments_top.png") no-repeat bottom;
	background-size: 100% auto;
}

#treatments.treatment_7d .bg_style {
	background: url("../../images/bg_treatments_7d_top.jpg") no-repeat top;
	background-size: 100% auto;
}

#treatments .bottom_bg_style {
	background: url("../../images/bg_treatments_bottom.jpg") no-repeat top #f9f5f2;
	background-size: 100% auto;
}

#treatments .treatment_step_area .box_right .box {
	width: 52%;
}

#treatments .treatment_step_area .box_right .photo {
	width: calc(48% - 3rem);
	margin-left: -3rem;
	z-index: 1;
}

#treatments .treatment_step_area .box_left .box {
	width: 52%;
}

#treatments .treatment_step_area .box_left .photo {
	width: calc(48% - 3rem);
	margin-right: -3rem;
	z-index: 1;
}

#treatments .treatment_step_area .photo img {
	border-bottom-right-radius: 100px;
}

#treatments .treatment_step_area .box:before {
	color: #B5727F;
	font-size: 1.75rem;
	/*position: absolute;*/
	font-weight: 700;
	text-transform: uppercase;
	line-height: 44px;
}

@media only screen and (max-width: 1024px) {
	#treatments .treatment_step_area .box:before {
		position: unset;
	}
}

#treatments .treatment_step_area .box.step_one:before {
	content: "Step 1";
	/*top: -22px;
  left: 1rem;*/
}

@media only screen and (max-width: 1024px) {
	#treatments .treatment_step_area .box.step_two:before {
		top: -22px;
	}
}

#treatments .treatment_step_area .box.step_two:before {
	content: "Step 2";
	/*bottom: -22px;
  left: 1rem;*/
}

#treatments .treatment_step_area .box.step_three:before {
	content: "Step 3";
	/*top: -22px;
  left: 1rem;*/
}

#treatments .treatment_step_area .box.step_four:before {
	content: "Step 4";
	/*top: -22px;
  left: 4rem;*/
	padding-left: 3rem !important;
}

@media only screen and (max-width: 1024px) {
	#treatments .treatment_step_area .box.step_four:before {
		/*left: 1rem;*/
		padding-left: 0 !important;
	}
}

#treatments .treatment_step_area .box .line {
	background: url(../../images/bg_line_services.png) no-repeat right;
	width: 100%;
	background-size: 100%;
	height: 1px;
}

#treatments .treatment_step_area .box {
	min-height: 380px;
}

@media only screen and (max-width: 1024px) {
	#treatments .treatment_step_area .box_right .box {
		width: auto;
	}

	#treatments .treatment_step_area .box_left .box {
		width: auto;
	}

	#treatments .treatment_step_area .box_right .photo {
		width: auto;
		margin-left: 0;
	}

	#treatments .treatment_step_area .box_left .photo {
		width: auto;
		margin-right: 0;
	}

	#treatments .treatment_step_area .box {
		min-height: 0;
	}
}

#treatments .treatment_area .box_area .box {
	border-radius: 50px 0 50px 0;
	box-shadow: rgba(181, 114, 127, 0.2) 0 3px 5px 0;
	border-color: rgba(181, 114, 127, 0.2) !important;
}

#treatments .treatment_area .img_area img {
	transform: scale(1.15);
}

#treatments .treatment_area .icon_area img {
	max-width: 80px;
	height: auto;
}

#treatments .treatment_notice_area .img_area {
	left: -50%;
	top: 3rem;
	width: 50%;
	z-index: 1;
}

#treatments .treatment_notice_area {
	background: url(../../images/bg_treatment_notice_area.png) no-repeat bottom;
	background-size: 100% auto;
}

#treatments .treatment_notice_area .txt_area .scrollbar {
	max-height: 360px;
}

@media only screen and (max-width: 767px) {
	#treatments .treatment_notice_area {
		background: url(../../images/bg_treatment_notice_area.png) no-repeat bottom;
		background-size: auto 100%;
	}

	#treatments .treatment_notice_area .img_area {
		position: unset !important;
		width: 100%;
	}

	#treatments .treatment_area .photo {
		order: 1
	}

	#treatments .treatment_area .txt1 {
		order: 2
	}

	#treatments .treatment_area .txt2 {
		order: 3
	}
}

#treatments .text_7d_area {
	background: #F8F3EE;
}

#treatments .text_m22_area {
	background: #F8F3EE;
}

#treatments .m22_machine_area {}

#treatments.treatment_skin:before {
	content: "";
	background: url(../../images/txt_treatment_skin.svg) no-repeat;
	background-size: cover;
	width: 300px;
	height: 240px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -60px;
}

#treatments.treatment_facial:before {
	content: "";
	background: url(../../images/txt_treatment_facial.svg) no-repeat;
	background-size: cover;
	width: 420px;
	height: 368px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -100px;
}

#treatments.treatment_7d:before {
	content: "";
	background: url(../../images/txt_treatment_7d.svg) no-repeat;
	background-size: cover;
	width: 650px;
	height: 171px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -25px;
}

#treatments.treatment_sofwave:before {
	content: "";
	background: url(../../images/txt_treatment_sofwave.svg) no-repeat;
	background-size: cover;
	width: 260px;
	height: 104px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: -25px;
}

#treatments.treatment_m22:before {
	content: "";
	background: url(../../images/txt_treatment_m22.svg) no-repeat;
	background-size: cover;
	width: 350px;
	height: 106px;
	display: inline-block;
	position: absolute;
	right: 0;
	top: 0;
}

#treatment_m22.banner p,
#treatment_m22.banner h3 {
	color: #fff !important;
	text-shadow: 2px 2px 2px rgb(0 0 0 /30%);
}

@media only screen and (max-width: 767px) {
	#treatments.treatment_m22 .treatment_area .box_area {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	#treatments.treatment_m22 .treatment_area .box_area .box {
		width: calc(50% - 1rem);
	}

	#treatments.treatment_m22 .treatment_area .box_area.txt3 .box {
		width: 100%;
	}
}

.video_area .desktop_only {
	display: block;
}

.video_area .mobile_only {
	display: none;
}

@media only screen and (max-width: 1024px) {
	.video_area .desktop_only {
		display: none;
	}

	.video_area .mobile_only {
		display: block;
	}
}

/*scrollbar*/
.scrollbar {
	overflow-y: auto;
}

.scrollbar::-webkit-scrollbar {
	background-color: #fff;
	width: 16px;
	border-radius: 16px;
}

.scrollbar::-webkit-scrollbar-track {
	background-color: #f4f4f4;
	border-radius: 16px;
}

.scrollbar::-webkit-scrollbar-track:hover {
	background-color: #f4f4f4;
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: #babac0;
	border: 5px solid #f4f4f4;
	border-radius: 16px;
}

.scrollbar::-webkit-scrollbar-thumb:hover {
	background-color: #a0a0a5;
	border: 4px solid #fff;
}

.scrollbar::-webkit-scrollbar-button {
	display: none;
}

/* Popup Modal Styles */
#noticePopup {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	overflow-y: auto;
}

#noticePopup.show {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 20px;
}

#noticePopup .popup-content {
	background-color: #fff;
	border-radius: 10px;
	max-width: 600px;
	width: 100%;
	max-height: 90vh;
	position: relative;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

#noticePopup .popup-content-body {
	flex: 1;
	overflow-y: auto;
	padding: 30px;
	padding-bottom: 20px;
}

#noticePopup .popup-content h2 {
	color: #B5727F;
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 20px;
	text-align: center;
}

#noticePopup .popup-content h3 {
	color: #333;
	font-size: 1.2rem;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 10px;
}

#noticePopup .popup-content p {
	line-height: 1.8;
	margin-bottom: 15px;
	color: #333;
}

#noticePopup .popup-content ul {
	margin-left: 20px;
	margin-bottom: 15px;
}

#noticePopup .popup-content li {
	line-height: 1.8;
	margin-bottom: 10px;
	color: #333;
}

#noticePopup .popup-content ol {
	margin-left: 20px;
	margin-bottom: 15px;
}

#noticePopup .popup-content ol li {
	line-height: 1.8;
	margin-bottom: 10px;
	color: #333;
}

#noticePopup .popup-button {
	text-align: center;
	padding: 20px 30px;
	background-color: #fff;
	border-top: 1px solid #e0e0e0;
	position: sticky;
	bottom: 0;
	flex-shrink: 0;
}

#noticePopup .popup-button button {
	background-color: #B5727F;
	color: #fff;
	border: none;
	padding: 12px 40px;
	font-size: 1.1rem;
	font-weight: bold;
	border-radius: 5px;
	cursor: pointer;
	transition: background-color 0.3s;
}

#noticePopup .popup-button button:hover {
	background-color: #b02a5f;
}