@charset "utf-8";
/* =============================================================================
   非表示
   ========================================================================== */
   #foot_tel{
   	display: none;
   }

/* =============================================================================
   共通
   ========================================================================== */
   body{
   	width: 100%;
   	min-width: 1366px;
   	letter-spacing: 2;
   	line-height: 2;
   	overflow-x: hidden;
   	font-size: 15px;
   }

   #container{
   	color: #333333
   }

   #wrapper{

   }

   .intro_denba{
   	background: #e7e7e7c9;
   	padding:20px;
   	margin:30px 0;
   }

   .intro_denba h4{
   	font-size: 1.2rem;
   	margin-bottom: 20px;
   	letter-spacing: 0;
   }


	/* =============================================================================
   ボディ　エステ
   ========================================================================== */
   section#body_esthetic{
   	background: #FFFFFF;
   	height: 1550px;
   }
/* 背景設定 */
#body_esthetic>div:nth-of-type(1) {
	background: url(../img/body_bg.jpg) no-repeat fixed;
	background-position: 45% 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1550px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}


#body_esthetic article{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	display: table;
	width: 50%;
	height: 1280px;
}
#body_esthetic .title{
	margin: 100px 0 20px;
}

#body_esthetic h2{
	font-family: "ヒラギノ明朝","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

#body_esthetic .box{
	width: 630px;
	text-align: left;
}

#body_esthetic .text{
	margin-top: 30px;
}

#body_esthetic .text p{
	font-size: 17px;
	font-weight: bold;
	letter-spacing: 5px;
	padding-top: 15px;
}

/* #special_treatment_menu{
	margin-top: 100px;
	clear: both;
}

#special_treatment_menu ul{
	margin-top: 30px;
	width: 100%;
}

#special_treatment_menu li a{
	display: inline-block;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: 2px;
    text-align: center;
    border: 1px solid;
}

#special_treatment_menu li span{
    display: block;
    font-size: 10px;
    line-height: 1.2;
    margin-left: 3px;
    letter-spacing: 1px;
}

#special_treatment_menu li img{
	vertical-align: 0;
	margin: 0 auto;
	width: 15px;
	display: block;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}


#special_treatment_menu li a{
	background-color: #FFFFFF;
	display: block;
    padding: 10px 0 13px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

#special_treatment_menu li a:hover{
	transition: all 1s ease 0s;
	background-color: rgba(255,255,255,0.3);
} */

#personal{
	margin-top: -75px;
	padding-top: 150px;
}

#personal img{}

#personal p{
	font-size: 17px;
	letter-spacing: 5px;
	margin-top: 20px;
	font-weight: bold;
}

#personal p span{
	font-weight: bold;
}



.intro_denba .flex{
	display: flex;
	align-items: center;
	justify-content: center;
}

.intro_denba img{
	width: 50%;
	margin-right:1% ;
}

.intro_denba p.txt{
	width: 49%;
}

.intro_denba h4{
	letter-spacing: 1px;
	text-align: center;
}

.intro_denba h4 span{
	color: #3acbc7;
	font-size: 1.1rem;
}

.intro_denba p.link{
	margin-top: 10px;
	text-align: center;
	display: block;
}

.intro_denba p.link a{
	color:#3acbc7;
}




/* =============================================================================
   各項目共通
   ========================================================================== */
   section {
   	position: relative;
   	width: 100% !important;
   	margin: 0;
   	padding: 0;
   	overflow: hidden;
/*    min-width: 1000px;  */
/*    min-height: 1000px;  */
}

h4.ul {
	margin: 30px 0;
	border-bottom: 1px solid #3acbc7;
	padding-bottom: 10px;
}

.box{
	margin: 0 auto;
}

.box_center{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.box_left{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

.box_right{
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}

h3 span{
	font-size: 15px;
}

h4{
	font-size: 21px;
	letter-spacing: 5px;
}

/*.title{
	margin: 50px 0 20px;
}*/

.ex{
	margin: 30px 0 40px;
}

.ex p{
	font-size: 16px;
	letter-spacing: 5px;
	padding-top: 15px;
}


.be-af{}

.be-af img{
	width: 500px;
	margin-top: 10px;
}

.block{
	margin-top: 30px;
}

/*MENUを見る*/
.menu_btn{
	clear: both;
	font-size: 18px;
	font-weight: bold;
	font-family: "ヒラギノ明朝","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
	letter-spacing: 2px;
	border: 1px solid #151515;
	text-align: center;
	width: 250px;
	margin: 60px 0 20px;

}

.menu_btn a{
	display: block;
	padding: 17px 0;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

.menu_btn a:hover{
	transition: all 1s ease 0s;
	background-color: rgba(255,255,255,0.6);
}

/* =============================================================================
   インディバ
   ========================================================================== */
   section#indiba{
   	background: #FFFFFF;
   	height: 2800px;    
   }
/* 背景設定 */


#indiba>div:nth-of-type(1) {
	background: url(../img/indiba_bg.jpg) no-repeat fixed;
	background-position: 0 0 !important;
	background-size: cover !important;
	margin: 0;
	height: 2800px;   
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#indiba article{
	position: absolute;
	top: 0;
	z-index: 4;
	display: table;
	width: 100%;
	padding: 60px 0;
	font-size: 16px;
}

#indiba .title{
	margin: 50px auto 20px;
}


#indiba .mainImg img{
	max-width:800px;
	width: 100%;
	margin: 0 auto;
}

#indiba h4.ul{
	/* width: 1020px; */
	border-bottom: 2px solid #00CCC7;
	margin: 60px auto 30px;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 26px;
	letter-spacing: 1px;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

#indiba .box{
	width: 1180px;
	text-align: center;
}

#indiba .ex1 img{
	width: 37%;
	float:left;
	margin-right:3%;
}

#indiba .ex1 .merit{
	width: 60%;
	text-align:left;
	float: right;
}

#indiba .ex1 .merit h5{
	background: #00ccc7;
	text-align: center;
	padding:3px 8px;
	display: inline-block;
	color: #fff;
	border-radius:8px;
	margin-top: 10px;
}

#indiba .ex2 img{
	width: 40%;
	float:right;
}
#indiba .ex2 p{
	width: 57%;
	float:left;
	margin-right:3%;
	text-align: left;
}
#indiba .menu_btn{
	margin: 60px auto 20px;
	display: inline-block;
}



/* =============================================================================
   ハイパーナイフEX
   ========================================================================== */
   section#hyper_ex{
   	background: #FFFFFF;
   	height: 2000px;
   	
   }
/* 背景設定 */


#hyper_ex>div:nth-of-type(1) {
	background: url(../img/hyperex_bg.jpg) no-repeat fixed;
	background-position: 0 0 !important;
	background-size: cover !important;
	margin: 0;
	height: 2000px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#hyper_ex article{
	position: absolute;
	
	top: 0;
	z-index: 4;
	display: table;
	width: 100%;
	height: 2000px;
	background: #f4efed82;
}

#hyper_ex .title{
	margin: 50px auto 20px;
}

#hyper_ex h4.ul{
	/* width: 1020px; */
	border-bottom: 2px solid #00CCC7;
	margin: 60px auto 0;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 26px;
	letter-spacing: 1px;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

#hyper_ex .box{
	width: 1180px;
	text-align: center;
}
#hyper_ex .clearfix p{
	width: 45%;
	text-align:left;
	padding-right: 5px;
	float: left;
}
#hyper_ex .ex.pora img{
	width: 30%;
	text-align:left;
}

#hyper_ex .ex.pora p{
	width: 65%;
	text-align:left;
	padding-right: 5px;
	float: right;
}
#hyper_ex .ex img{
	width: 50%;
	text-align:right;
}
#hyper_ex .menu_btn{
	margin: 60px auto 20px;
	display: inline-block;
}

/* #hyper_ex .icon{
	margin: 0 auto;
} */



/* =============================================================================
   ハイパーシェイプ
   ========================================================================== */
   section#hypershape{
   	background: #FFFFFF;
   	height: 2200px;
   }
/* 背景設定 */

#hypershape>div:nth-of-type(1) {
	background: url(../img/hypershape_bg.jpg) no-repeat fixed;
	background-position: 0 0 !important;
	background-size: cover !important;
	margin: 0;
	height: 2200px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}


#hypershape article{
	position: absolute;
	
	top: 0;
	z-index: 4;
	display: table;
	width: 100%;
	height: 2200px;
	background: #f4efed82;
}

#hypershape .title{
	margin: 50px auto 20px;
}

#hypershape h4.ul{
	/* width: 1020px; */
	border-bottom: 2px solid #00CCC7;
	margin: 60px auto 0;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 26px;
	letter-spacing: 1px;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

#hypershape .box{
	width: 1180px;
	text-align: center;
}
#hypershape .clearfix p{
	width: 45%;
	text-align:left;
	padding-right: 5px;
	float: left;
}
#hypershape .ex.pora img{
	width: 30%;
	text-align:left;

}

#hypershape .ex.pora p{
	width: 65%;
	text-align:left;
	padding-right: 5px;
	float: right;
}
#hypershape .ex img{
	width: 50%;
	text-align:right;
	float: left;
}
#hypershape .menu_btn{
	margin: 60px auto 20px;
	display: inline-block;
}

#hypershape .m_img {
	max-width: 800px;
	display: flex;
	margin: 20px auto;
	justify-content:center;
	align-items:center;
}

#hypershape .m_img img{
	width: 150px;
	text-align:left;
	padding-right: 30px;
	float: left;
}
#hypershape .m_img p{
	text-align:left;
	float: left;
}

/* #hyper_ex .icon{
	margin: 0 auto;
} */
/* =============================================================================
   HIFU
   ========================================================================== */
/*section:nth-of-type(3){
	background: #FFFFFF;
    height: 1850px;
    
}*/
/* 背景設定 */
#hifu>div:nth-of-type(1) {
	background: url(../img/hifu_bg.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1850px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}
#hifu h2{
	width: 920px;
}
#hifu article{
	position: absolute;
	right: 50%;
	top: 0;
	z-index: 4;
	display: table;
	width: 50%;
	height: 1850px;
}

#hifu .box{
	width: 630px;
	text-align: left;
}

#price_hifu{
	left: -95%;
	position: absolute;
	top: 50px;
	z-index: 100;
}
#hifu .icon{
	width: 720px;
}
#hifu .icon li{
	width: 130px;
	height: 130px;
}

/* =============================================================================
   LCFテクニック
   ========================================================================== */
   section#lcf{
   	background: #FFFFFF;
   	height: 3600px;
   	
   }
/* 背景設定 */

#lcf>div:nth-of-type(1) {
	background: url(../img/lcf_bg.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 3600px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#lcf article{
	position: absolute;
	/*left: 50%;*/
	top: 0;
	z-index: 4;
	display: table;
	width: 100%;/*width: 50%;*/
	height: 3200px;
}

#lcf .title{
	margin: 50px auto 20px;
}

#lcf .box{
	width: 1180px;
	text-align: center;/*text-align: left;*/
}
#lcf .box h3 span{
	display: block;
}
#lcf .about_lcf{
	/*width: 1020px;*/
	border-bottom: 2px solid #00CCC7;
	margin: 60px auto 0;
	font-family: "Roboto Condensed",sans-serif;
	font-size: 26px;
	letter-spacing: 6px;
}

#lcf .font_color_gr{
	color: #00CCC7;
}

#lcf .ex{
	/*width: 1020px;*/
	margin: 40px auto 60px;
}
#lcf .ex img{
	display: inline-block;
	vertical-align: top;
}
#lcf .ex span{
	padding-top: 20px;
	display: block;
	font-size: 25px;
	line-height: 1.8;
}
#lcf .ex p{
	display: inline-block;
	vertical-align: top;
	text-align: left;
	margin-left: 20px;
	line-height: 2.2;
	padding-top: 0;
}

#lcf .price_ex p{
	text-align: center;
}
#lcf .price_ex p > span{
	margin: 20px 0;
	padding-top: 0;
}
#lcf .price_ex p span > em{
	background-color: #00CCC7;
	padding: 0 20px;
	color: #fff;
}

#lcf .menu_btn{
	margin: 60px auto 20px;
}

#lcf .icon{
	margin: 0 auto;
}
#lcf .certification{
}
#lcf .certification .ex p{
	width: 474px;
	margin-left: 0;
	margin-right: 20px;
}
#lcf .certification .ex span:first-child{
	font-weight: bold;
	font-size: 22px;
}
#lcf .certification .ex ul{
	display: inline-block;
	font-size: 0;
}
#lcf .certification .ex li{
	display: inline-block;
	width: 270px;
}
#lcf .certification .ex li:first-child{
	margin-right: 12px;
}

#lcf .ex_kotuban{
	max-width: 900px;
	margin: 40px auto 20px;
}

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

#lcf .ex_kotuban img{
	width:50%;
	float: left;
	margin-right: 10%;
}
#lcf .ex_kotuban .txt{
	width: 40%;
	float: left;
	text-align: left;
}

#lcf .ex_kotuban .txt p{
	margin-bottom: 15px;
}


/* =============================================================================
   ハイパーナイフ
   ========================================================================== */
   section#hyper{
   	background: #FFFFFF;
   	height: 1280px;
   	
   }
/* 背景設定 */

#hyper>div:nth-of-type(1) {
	background: url(../img/hyper_bg.jpg) no-repeat fixed;
	background-position: 0 0 !important;
	background-size: cover !important;
	margin: 0;
	height: 1280px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#hyper article{
	position: absolute;
	/*left: 50%;*/
	top: 0;
	z-index: 4;
	display: table;
	width: 100%;/*width: 50%;*/
	height: 1280px;
}

#hyper .title{
	margin: 50px auto 20px;
}

#hyper .box{
	width: 780px;
	text-align: center;/*text-align: left;*/
}

#hyper .menu_btn{
	margin: 60px auto 20px;
}

#hyper .icon{
	margin: 0 auto;
}



/* =============================================================================
   キャビテーション
   ========================================================================== */
   section#cavitation{
   	background: #FFFFFF;
   	height: 1600px;
   	
   }
/* 背景設定 */
#cavitation>div:nth-of-type(1) {
	background: url(../img/cavitation_bg.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1600px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#cavitation>div:nth-of-type(1) {
	background: url(../img/cavitation_bg2.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1600px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#cavitation article{
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 4;
	display: table;
	width: 50%;
	height: 1280px;
}

#cavitation .box{
	width: 630px;
	text-align: left;
}

/* =============================================================================
   ノンF フェイシャル
   ========================================================================== */
   section:nth-of-type(6){
   	background: #FFFFFF;
   	height: 1280px;
   }
/* 背景設定 */
#non_f>div:nth-of-type(1) {
	background: url(../img/non_bg.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1280px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#non_f article{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	display: table;
	width: 50%;
	height: 1280px;
}

#non_f .box{
	width: 630px;
	text-align: left;
}

#non_f .ex{
	position: relative;
}

#non_f .non_item{
	position: absolute;
	right: -80px;
	top: -20px;
}

/* =============================================================================
   EMSボディメイク
   ========================================================================== */
   section:nth-of-type(7){
   	background: #FFFFFF;
   	height: 1280px;
   	
   }
/* 背景設定 */
#ems>div:nth-of-type(1) {
	background: url(../img/ems_bg.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1280px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#ems article{
	position: absolute;
	left: 50%;
	top: 0;
	z-index: 4;
	display: table;
	width: 50%;
	height: 1280px;
}

#ems .box{
	width: 630px;
	text-align: left;
}


/* =============================================================================
  LDM水玉リフティング
   ========================================================================== */
   section#mizutama_ltg{
   	background: #FFFFFF;
   	height: 1000px;
   }
/* 背景設定 */
#mizutama_ltg>div:nth-of-type(1) {
	background: url(../img/non_bg.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1000px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#mizutama_ltg article{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	display: table;
	width: 50%;
	height: 1000px;
}

#mizutama_ltg .box{
	width: 630px;
	text-align: left;
}

#mizutama_ltg .ex{
	position: relative;
}

#mizutama_ltg .non_item{
	position: absolute;
	right: -110px;
	top: -20px;
}



/* =============================================================================
   骨盤彫刻術～美子宮デザイン～
   ========================================================================== */
   section#pelvis{
   	background: #FFFFFF;
   	height: 1280px;
   }
/* 背景設定 */
#pelvis>div:nth-of-type(1) {
	background: url(../img/pelvis_bg.jpg) no-repeat fixed;
	background-position: 0 0px !important;
	background-size: cover !important;
	margin: 0;
	height: 1280px;
	position: absolute;
	width: 100%;
	top: 0;left: 0;
}

#pelvis article{
	position: absolute;
	left: 0;
	top: 0;
	z-index: 4;
	display: table;
	width: 50%;
	height: 1280px;
}

#pelvis .box{
	width: 630px;
	text-align: left;
}

#pelvis .ex{
	position: relative;
}

#pelvis .non_item{
	position: absolute;
	right: -80px;
	top: -20px;
}