@import url('https://fonts.googleapis.com/css2?family=Adamina&display=swap');
.navbar-toggle, #nav-menu, .btn_booking, .footer_nav a{
    display:none !important;
}
.navbar-header{text-align: center;}
.navbar{
    position: fixed;
    right: 0;
    left: 0;
    background:transparent;
}
.navbar-brand{
    background:transparent !important;
    text-align:left;
}
.footer .navbar-brand{
    text-align:center;
}
.navbar-fixed-top{
    background:#fff;
}

@media screen and (min-width:1200px){
    .navbar-brand{
        margin-left:-780px !important;
        width:342px;
    }
}
@media screen and (max-width:1199px){
    .navbar-brand{
        margin-left:-74% !important;
        width:20.6%;
    }
}
@media screen and (max-width:991px){
    .navbar-brand{
        margin-left:0% !important;
        width:100%;
    }
    .logo-img{
        width:18%;
    }
}
.logo-img{
    margin-left:0 !important;
}

.font_gold{
    color:#9a489a;
}
.btn_area{
    margin:60px 0 0;
}
.section_form {
    padding:20px 15px 60px;
}
label.mLabel{
    background-color:#864f83;
    border-color:#864f83;
}
label.mLabel:hover{
    color:#864f83 !important;
}
.scroll_icon{
    position: fixed;
    bottom:15px;
    left:50%;
    height:80px;
    width:40px;
    margin-left:-20px;
    text-align: center;
    color:#aaa;
    z-index:100;
}
.scroll_icon > span:before{
    content:"scroll";
}
.scroll_icon i {
    display: block;
    position: absolute;
    left: 50%;
}
.scroll_icon i {
    width: 10px;
    height: 10px;
    top:10px;
    margin-left: -10px;
    transform: translateZ(0) scale(0);
    animation: scroll_icon_ani 4s linear infinite;
    border:10px solid transparent;
    border-top-color: #9a489a;
}
.scroll_icon i:nth-child(1){
	animation-delay:0s
}
.scroll_icon i:nth-child(2){
	animation-delay:1s
}
.scroll_icon i:nth-child(3){
	animation-delay:2s
}
.scroll_icon i:nth-child(4){
	animation-delay:3s
}
@keyframes scroll_icon_ani{
	0%{transform:translateZ(0) scale(0)}
	30%{transform:translate3d(0,15px,0) scale(.35)}
	50%{transform:translate3d(0,30px,0) scale(1)}
	70%{transform:translate3d(0,45px,0) scale(.35)}
	to{transform:translate3d(0,60px,0) scale(0)}
}

.top_banner_area{
	position:relative;
    overflow: hidden;
    padding-bottom: 41.6%;
    background:url(../images/banner.jpg) no-repeat center top / cover;
}
.top_banner_area > *{
    position:absolute;
    z-index: 1;
}
.top_banner_10th{
    width:5.5%;
    left:21%;
    top:6.6%;
}
.top_banner_txt01{
    width:27.8%;
    left:44.3%;
    top:36.6%;
}
.top_banner_img{
    width:12.8%;
    left:77.2%;
    bottom:0;
}
.top_banner_txt02_bg{
    width:48.8%;
    left:34.4%;
    top:70%;
}
.top_banner_txt02a{
    width:10.2%;
    left:40.7%;
    top:77%;
}
.top_banner_txt02b{
    width:10.6%;
    left:52.2%;
    top:74.8%
}
.top_banner_txt02c{
    width:10.3%;
    left:64%;
    top:73%;
}

.top_tech_area {
    background: url(../images/bg01.jpg) no-repeat center top / 100% 100%;
    border-radius: 20px;
    margin-top: 50px;
    padding-top: 50px;
    padding-bottom: 50px;
    color: #4c4c4c;
}
.top_thermage_headline{
	letter-spacing:3px;
	font-weight:bold;
	position:relative;
	color:#660066;
    overflow: hidden;
}
.top_thermage_headline:before{
	content:"";
	position:absolute;
	right:50%;
	top:49%;
    width:50%;
    margin-right:260px;
	height:2px;
	background:#a1539d;
    display:inline-block;
}
.top_thermage_headline:after{
	content:"";
	position:absolute;
	left:50%;
	top:49%;
    width:50%;
    margin-left:260px;
	height:2px;
	background:#a1539d;
    display:inline-block;
}
.top_logo_area .top_thermage_headline:before{
    margin-right:130px;
}
.top_logo_area .top_thermage_headline:after{
    margin-left:130px;
}
.top_effect_headline{
	background:linear-gradient(to right, rgba(255,255,255,0),#a1539d 35% ,#a1539d 65%, rgba(255,255,255,0));
	color:#fff;
	text-align:center;
	letter-spacing:5px;
	font-weight:bold;
	padding:10px 0 10px 0;
	margin-top:70px;
	margin-bottom:50px;
}
.top_effect_headline big{
	vertical-align:baseline;
	display:inline-block;
	padding:0 8px 0 4px;
    font-family:'Adamina', serif;
    font-weight:normal;
    font-style: italic;
}
.top_effect_box{
	width:20%;
	float:left;
	padding:0 15px;
	text-align:center;
    color:#4c4c4c;
}
.top_effect_con{	
	letter-spacing:1px;
	font-weight:bold;
	white-space:nowrap;
}
.top_effect_box:nth-child(1), .top_effect_box:nth-child(3), .top_effect_box:nth-child(5){
	margin-top:115px;
}

.top_effect_box:nth-child(1) .top_effect_arrow{
	animation:thermage_effect_arrow_ani01 7s 1s linear infinite both;
}
.top_effect_box:nth-child(2) .top_effect_arrow{
	animation:thermage_effect_arrow_ani02 7s 1s linear infinite both;
}
.top_effect_box:nth-child(3) .top_effect_arrow{
	animation:thermage_effect_arrow_ani03 7s 1s linear infinite both;
}
.top_effect_box:nth-child(4) .top_effect_arrow{
	animation:thermage_effect_arrow_ani04 7s 1s linear infinite both;
}
.top_effect_box:nth-child(5) .top_effect_arrow{
	animation:thermage_effect_arrow_ani05 7s 1s linear infinite both;
}
@keyframes thermage_effect_arrow_ani01{
	0%{opacity:0; transform:translateY(5px);}
	3%,18%,24%,30%,40%,53%,100%{opacity:1; transform:translateY(-20px);}
	21%,27%,43%{opacity:0;transform:translateY(-20px);}
	21.1%,27.1%,43.1%{opacity:0;transform:translateY(0px);}
}
@keyframes thermage_effect_arrow_ani02{
	0%,2%{opacity:0; transform:translateY(5px);}
	5%,18%,24%,30%,40%,53%,100%{opacity:1; transform:translateY(-20px);}
	21%,27%,43%{opacity:0;transform:translateY(-20px);}
	21.1%,27.1%,43.1%{opacity:0;transform:translateY(5px);}
}
@keyframes thermage_effect_arrow_ani03{
	0%,4%{opacity:0; transform:translateY(5px);}
	7%,18%,24%,30%,40%,53%,100%{opacity:1; transform:translateY(-20px);}
	21%,27%,43%{opacity:0;transform:translateY(-20px);}
	21.1%,27.1%,43.1%{opacity:0;transform:translateY(5px);}
}
@keyframes thermage_effect_arrow_ani04{
	0%,6%{opacity:0; transform:translateY(5px);}
	9%,18%,24%,30%,40%,53%,100%{opacity:1; transform:translateY(-20px);}
	21%,27%,43%{opacity:0;transform:translateY(-20px);}
	21.1%,27.1%,43.1%{opacity:0;transform:translateY(5px);}
}
@keyframes thermage_effect_arrow_ani05{
	0%,8%{opacity:0; transform:translateY(5px);}
	11%,18%,24%,30%,40%,53%,100%{opacity:1; transform:translateY(-20px);}
	21%,27%,43%{opacity:0;transform:translateY(-20px);}
	21.1%,27.1%,43.1%{opacity:0;transform:translateY(5px);}
}
.top_treatment_box{
	text-align:center;
	margin-top:40px;
    margin-bottom:40px;
}
.top_treatment_headline{
	position:relative;
	display:inline-block;
	margin:0 auto;
	font-style:italic;
	margin-bottom:-10px;
	z-index:10;
}
.top_treatment_headline big{
    font-weight: bold;
}
.top_treatment_headline .no{
	position:absolute;
	font-family: 'Adamina', serif;
	right:105%;
	bottom:35px;
	font-size:52px;
}
.top_treatment_headline .no:before{
	content:"";
	width:65px;
	height:3px;
	background:#9a489a;
	display:inline-block;
	transform: rotate(-30deg);
    transform-origin: left bottom;
	position:absolute;
	bottom: -1px;
    left: -6px;
}

.top_treatment_thumb{
	position:relative;
}
.top_treatment_thumb img{
	border-radius:50%;
}
.top_treatment_icon{
	width:30%;
	position:absolute;
	right:0;
	bottom:18%;
	border-radius:50%;
	transition:all 0.3s ease-out;
}
.top_treatment_box:hover .top_treatment_icon{
	bottom:20%;
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
}
.top_treatment_title{
	font-weight:bold;
	background:#9a489a;
	letter-spacing:2px;
	margin-top:-30px;
	z-index:10;
	position:relative;
	z-index:10;
}
.top_treatment_con{
	letter-spacing:0px;
	margin-top:30px;
	text-align:left;
}


.middle_regis_area{
    position:relative;
    padding:5.7% 30px 0 50px;
}
.middle_regis_area:before{
    content:"";
    position:absolute;
    z-index:-1;
    left:0;
    right:0;
    top:0;
    bottom:180px;    
    border-radius:20px;
    background:linear-gradient(-122deg,#dad9d9,#f2f2f2,#d5d5d5);
}
.form_wrapper {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.middle_headline {
    margin: 40px auto;
    width: 80%;
    max-width: 560px;
}
.middle_box{
    position:relative;
    background-color:#fff;
    border-radius:40px;
    padding-top:4%;
    padding-left:6.6%;
    padding-right:15px;
    margin-bottom:40px;
    color:#505050;
    transition:background-color 0.3s linear;
}
.middle_box:hover{
    background-color:rgba(255,255,255,0.7);
}
.middle_box_no{
    position:absolute;
    left:-5px;
    top:-5px;
    width:90px;
    height:90px;
    display:inline-block;
    background:linear-gradient(-41deg,#a1539d,#e2bae0 76%, #864f83);
    color:#fff;
    font-size:50px;
    line-height:50px;
    text-indent:10px;
    clip-path:polygon(0 0, 0% 100%, 100% 0);
}
.middle_box_no2 {
    top: 24px;
}
.middle_img01{
    position:absolute;
    width:20.2%;
    right:2.7%;
    bottom:0;
    margin-bottom:-3%;
}
.middle_box_title{
    color:#a1539d;
    margin:0;
}
.middle_box_title big{
    font-size:62px;
}
.middle_box_tag{
    display:inline-block;
    border:1px solid #a1539d;
    font-weight:bold;
    margin-right:10px;
    padding:0 10px;
}
.middle_box01_arrow{
    width:16px;
    position:absolute;
    top:100%;
    margin-top:-10px;
    left:6.6%;
    z-index:5;
    animation:fadeOutDown 3s ease-out infinite both;
}
.middle_box01_arrow:before, .middle_box01_arrow:after{
    content:"";
    border:16px solid transparent;
    border-top-color:#513646;
    display:inline-block;
}
.middle_box02 .middle_box01_arrow{
    animation-delay: 1.5s;
}
.middle_box01_arrow:after{
    margin-top:-16px;
}

.middle_box02 {
    position: relative;
    margin-top: 60px;
    margin-bottom: 20px;
}
.offer_thermage {
    margin-left: -7px;
}

.bottom_intro_section{
    background:url(../images/bg02.jpg) no-repeat center top / cover;
    padding-top:5.5%;
    padding-bottom:6.5%;
    color:#58585a;
}
.bottom_intro_title{
    position:relative;
    overflow:hidden;
    font-weight:bold;
    letter-spacing:4px;
    margin-bottom:50px;
}
.bottom_intro_title:before{
    content:"";
    position:absolute;
    width:50%;
    top:50%;
    right:0;
    margin-right:870px;
    height:2px;
    background:#58585a;
}
.bottom_intro_title:after{
    content:"";
    position:absolute;
    width:50%;
    top:50%;
    left:0;
    margin-left:870px;
    height:2px;
    background:#58585a;
}
.bottom_intro_box{
    letter-spacing: 3px;
}
.bottom_intro_box img{
    margin-bottom:20px;
}
@media screen and (max-width: 1199px){
    
}
@media screen and (min-width: 1200px){
    .top_banner_area{
        min-height:500px;
    }
    .bottom_intro_section{
        margin-bottom:50px;
    }
}
@media screen and (min-width:992px){

}
@media screen and (min-width:641px){ 

}
@media screen and (max-width:640px){
    .top_banner_10th{
        top:27px;
    }
    
    .top_thermage_headline:before{
        margin-right:215px;
    }
    .top_thermage_headline:after{
        margin-left:215px;
    }
    .top_effect_headline{
        letter-spacing:2px;
    }
	.top_effect_headline big{
		font-size:60px;
	}
	.top_effect_arrow img{
		max-width:50px;
	}
	.top_effect_con{
		font-size:22px;
		line-height:31px;
	}
	.top_effect_con > big{
		font-size:28px;
	}
	.top_effect_box{
		width:30%;
		margin-left:-6%;
		margin-right:-6%;
	}
	.top_effect_box:nth-child(3){
		margin-top:84px;
		width:37%;
		margin-left:-5%;
		margin-right:-5%;
	}
    .top_effect_box:nth-child(2){
        margin-top:0;
    }
    .top_treatment_title{
		margin-top:40px;
	}	
	.top_treatment_headline .no{
		font-size:40px;
		bottom:22px;
	}
	.top_treatment_con ul{
		margin-left:-20px;
	}
    
    .middle_box_no{
        width:70px;
        height:70px;
        font-size:35px;
        line-height:40px;
    }
    .middle_img01{
        width:26%;
    }
    .middle_gift{
        right:34%;
    }
   
    .middle_box_title big{        
        margin-left:-10px;
    }
    .middle_box02{
        background-position:right -20px bottom;
    }
    .bottom_intro_title:before{
        margin-right:510px;
    }
    .bottom_intro_title:after{
        margin-left:510px;
    }
    .bottom_intro_box img{
        max-width:70%;
    }    
    .middle_box02 {
        margin-top: 0;
    }
    .offer_thermage {
        margin-left: 0;
        margin-bottom: 0;
    }
    
}