@charset "utf-8";
/*------------------------------------------------------------
	esthetic/index.html
------------------------------------------------------------*/
#main .necessity .imgBoxR {
	padding: 46px 0 94px;
	background: url(../img/esthetic/necessity_photo02.jpg) no-repeat right bottom;
}

#main .necessity .imgBoxL {
	padding: 97px 0 96px;
	background: url(../img/esthetic/necessity_photo03.jpg) no-repeat left bottom;
}

#main .necessity .necessityBox {
	padding: 96px 0 37px;
	background: url(../img/esthetic/necessity_photo04.png) no-repeat right bottom;
}

/*------------------------------------------------------------
	esthetic/002.html
------------------------------------------------------------*/
#main .difference .imgBoxR {
	padding: 46px 0 50px;
	background: url(../img/esthetic/difference_photo02.jpg) no-repeat right bottom;
}

#main .difference .imgBoxL {
	padding: 97px 0 96px;
	background: url(../img/esthetic/difference_photo03.png) no-repeat left bottom;
}


/*------------------------------------------------------------
	esthetic/003.html
------------------------------------------------------------*/
#main .crown .comTopicsBox {
	padding-bottom: 63px;
}

#main .crown .headLine03 {
	margin-bottom: 97px;
}

#main .crown .mainBox {
	width: 760px;
}

#main .crown p {
	font-size: 14px;
	line-height: 1.6;
}

#main .crown .text {
	margin-bottom: 85px;
}

#main .crown .comTitle {
	margin-bottom: 16px;
	font-size: 15px;
}

#main .crown .imgBoxR02 .photoBox {
	padding-top: 2px;
	width: 210px;
}

#main .crown .imgBoxR02 .photoBox span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.6;
}

#main .crown .crownBox {
	margin-bottom: 20px;
}

#main .crown .crownBox02 {
	margin-bottom: 50px;
}

#main .crown .crownBox03 {
	margin-bottom: 111px;
}

#main .crown .crownBox04 {
	margin-bottom: 94px;
}

#main .crown .text02 {
	margin-bottom: 45px;
}

#main .crown .text03 {
	margin-bottom: 40px;
}

#main .crown .text04 {
	margin-bottom: 65px;
}

#main .crown .photoImg {
	margin-bottom: 100px;
	text-align: center;
}

#main .crown .photoList {
	padding-top: 3px;
	float: right;
	width: 210px;
}

#main .crown .photoList li {
	float: left;
	padding-bottom: 10px;
}

#main .crown .crownSection {
	padding-bottom: 37px;
	border-bottom: 1px solid #EAEAEA;
}


@media all and (min-width: 737px) and (max-width: 768px) {
	#main .necessity .comTopicsBox {
		margin-bottom: 20px !important;
	}
	
	#main .necessity .imgBoxR {
		padding: 0 20px;
	}
	
	#main .necessity .imgBoxL {
		padding: 20px 20px 0;
	}
	
	#main .necessity .necessityBox {
		padding: 20px 20px 0;
	}

	#main .difference .comTopicsBox {
		margin-bottom: 20px !important;
	}

	#main .difference .imgBoxR {
		padding: 0 20px;
	}
	
	#main .difference .imgBoxL {
		padding: 20px 20px 0;
	}
	
	
	#main .crown .headLine03 {
		margin-bottom: 30px;
	}
	
	#main .crown .text04,
	#main .crown .text03,
	#main .crown .text02,
	#main .crown .text {
		margin-bottom: 30px;
	}
	
}

@media all and (min-width: 0) and (max-width: 736px)  {
	#main .necessity .imgBoxR {
		padding: 0 10px;
	}
	
	#main .necessity .imgBoxL {
		padding: 20px 10px 0;
	}
	
	#main .necessity .necessityBox {
		padding: 20px 10px 0;
	}
	
	#main .difference .imgBoxR {
		padding: 0 10px;
	}
	
	#main .difference .imgBoxL {
		padding: 20px 10px 0;
	}
	
	
	#main .crown .crownH4 img  {
		width: 100%;
	}
	
	#main .crown .headLine03 {
		margin-bottom: 20px;
	}
	
	#main .crown .text04,
	#main .crown .text03,
	#main .crown .text02,
	#main .crown .text {
		margin-bottom: 30px;
	}
	
	#main .crown .photoImg {
		margin-bottom: 30px;
	}
	
	#main .crown .photoImg img {
		width: 100%;
	}
	
	#main .crown .photoList {
		margin: 0 auto;
		width: 210px;
		float: none;
	}
	
	#main .crown .photoList li {
		float: none;
	}
	
	#main .crown .crownSection {
		padding-bottom: 0;
	}
	
	

}