@charset "utf-8";


/**************************************************50
 * style
 **************************************************/
#top_style,
[id^="style"] ul{
}
#top_style ul > li,
[id^="style"] ul > li{
	display: inline-block;
	margin: 0px 15px;
	vertical-align: top;
	width: 340px;
}
#top_style ul > li img,
#style ul > li img{
	width: 100%;
}

#style{
	margin-bottom: 50px;
}
#style ul{
	margin-bottom: 20px;
}
#style h2{
	margin-top: 30px;
}
#style h2 img{
	width: 380px;
}
#style h3{
	font-size: 125%;
}
[id^="style_no"]{
	position: relative;
}
[id^="style_no"] > p{
	position: absolute;
	font-size: 112.5%;
}
[id^="style_no"] > p strong{
	color: #FF7D92;
}
#style_no1{
	background-color: #FFD7E2;
}
#style_no1 > p{
	bottom: 90px;
	left: -webkit-calc(50% - 90px);
	left: calc(50% - 90px);
	width: 620px;
}
#style_no2{
	background-color: #FFE9B4;
}
#style_no2 > p{
	bottom: 80px;
	left: -webkit-calc(50% - 135px);
	left: calc(50% - 135px);
	width: 700px;
}
#style_no3{
	background-color: #D2EBFF;
}
#style_no3 > p{
	bottom: 20px;
	left: -webkit-calc(50% - 115px);
	left: calc(50% - 115px);
	width: 680px;
}

.style_treatment{
	background-color: #F6ECE4;
	padding-top: 20px;
	padding-bottom: 20px;
}
.style_treatment > li{
	background-color: #FFFFFF;
	border-radius: 50%;
	box-shadow:0px 1px 6px -2px rgba(0,0,0,0.2);
	display: inline-block;
	margin: 10px 10px;
	height: 140px;
	position: relative;
	vertical-align: top;
	width: 140px;
}
.style_treatment > li b{
	color: #FF7D92;
	display: block;
	font-size: 112.5%;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}

#style_message{
	margin-bottom: 50px;
}
#style_message p{
	font-size: 125%;
	padding-top: 30px;
	padding-bottom: 30px;
}
#style_message p:first-child{
	background-color: #F6ECE4;
}