@charset "utf-8";

/* ------------------------------------------
	- COMMON SETTING
	- HEADER
		-- NAV MENU
------------------------------------------ */

/* ==============================================================
	COMMON SETTING
============================================================== */
.main{
	background: url(../img/menu/menu_bg.jpg) repeat;
	margin-top:-2px;
	color: #fff;
	padding: 90px 0 0;
	display: block;
}

@media screen and (max-width: 750px) {
	.main{
		padding: 40px 0 0;
	}
}


/* ==============================================================
	INTRO
============================================================== */
.intro h1{
	color: #00b7ee;
	margin-bottom: 40px;
}
@media screen and (max-width: 750px) {
	.intro h1{
		margin-bottom: 20px;
	}
}
.intro h1 span{
	color: #fff;
}
.intro p{
	font-size: 18px;
	line-height: 1.78;
}
@media screen and (max-width: 750px) {
	.intro p{
		font-size: 16px;
		width:90%;
		margin: 0 auto;
	}
}

.block .block_item{
	display: flex;
	align-items: center;
	margin-top:-2px;
}
@media screen and (max-width: 750px) {
	.block .block_item{
		display: block;
	}
}
.block .block_item .img,
.block .block_item .text{
	width:50%;
}
@media screen and (max-width: 750px) {
	.block .block_item .img,
	.block .block_item .text{
		width:100%;
	}
}
.block .block_item .img img{
	width:100%;
	height:100%;
}
.block .block_item .text{
	display: flex;
	align-items: center;
}
@media screen and (max-width: 750px) {
	.block .block_item .text{
		margin-top:-2px;
	}
}
.block .block_item .text .text_inner{
	width:460px;
	text-align: left;
	margin-left:40px;
}
@media screen and (max-width: 750px) {
	.block .block_item .text .text_inner{
		width:90%;
		margin:30px auto;
	}
}
.block .block_item .text h3{
	font-size: 34px;
	letter-spacing: normal;
	line-height: 0.8;
	margin-bottom:30px;
	padding-left: 0.5em;
}
@media screen and (max-width: 750px) {
	.block .block_item .text h3{
		font-size: 26px;
		margin-bottom:20px;
	}
}
.block .block_item .text h3 span{
	font-size: 12px;
	letter-spacing: 0.24em;
}
@media screen and (max-width: 750px) {
	.block .block_item .text h3 span{
		font-size: 10px;
	}
}
.block .block_item .text ul{
	padding:30px 0;
	border-top: 1px solid #b7a78f;
}
@media screen and (max-width: 750px) {
	.block .block_item .text ul{
		padding:15px 0;
	}
}
.block .block_item .text li{
	list-style-type: none;
	position: relative;
	padding-left: 2.5em;
}
.block .block_item .text li:before {
	border-radius: 50%;
	width: 15px;
	height: 15px;
	display: block;
	position: absolute;
	left: 1em;
	top: 5px;
	content: "";
	background: #00b7ee;
}

/* ==============================================================
	HAIR REMOVAL
============================================================== */
.hair_removal .block{
	margin-top: 80px;
}
.hair_removal .block .block_item .text li{
	padding-bottom: 45px;
}
@media screen and (max-width: 750px) {
	.hair_removal .block .block_item .text li{
		padding-bottom: 15px;
	}
}
.hair_removal .block .block_item .text li:last-child{
	padding-bottom: 0;
}


/*	PARTS
------------------------------------------------ */
.hair_removal .parts{
	margin: 120px auto 100px;
	position: relative;
}
@media screen and (max-width: 750px) {
	.hair_removal .parts{
		margin: 50px auto 40px;
		position: relative;
	}
}
.hair_removal .parts .title{
	position: absolute;
	width:100%;
	top:-30px;
}
.hair_removal .parts p{
	background: #00b7ee;
	padding:5px 0;
	width:250px;
	margin:0 auto;
	border-radius: 50px;
	border:5px solid #fff;
	font-size: 24px;
	letter-spacing: 0.1em;
}
@media screen and (max-width: 750px) {
	.hair_removal .parts p{
		width:200px;
		font-size: 18px;
	}
}
.hair_removal .block .block_item .text h3 span{
	color:  #867863;
}
@media screen and (max-width: 750px) {
}

/* ==============================================================
	FACIAL & BODY
============================================================== */
.block .facial .text{
	background: #4b545c;
}
.block .body .text{
	background: #a19179;
}
.block .facial,.block .body{
	align-items: stretch;
}
.block .body{
	flex-flow: row-reverse;
}
.block .body .text .text_inner{
	width:460px;
	text-align: left;
	margin-left:auto;
	margin-right: 40px;
}
@media screen and (max-width: 750px) {
	.block .body .text .text_inner{
		width:90%;
		margin:30px auto;
	}
}
.block .facial .text h3 span{
	color:  #bab0a2;
}
.block .body .text h3 span{
	color:  #373026;
}
.block .facial p,.block .body p{
	font-size: 12px;
	line-height: 2;
	margin-bottom:20px;
	padding-left: 1.5em;
}
.block .facial li,.block .body li{
	display: inline-block;
}

@media screen and (max-width: 750px) {
}