@charset "utf-8";
.concept{
	background: url(../images/base.jpg) no-repeat center top;	
	min-height:2275px;
}
.mb55{
	margin-bottom:55px;	
}
.mb420{
	margin-bottom:420px;	
}
.heart{
	position:relative;	
	margin:0 0 25px;
}
.heart:after{
	content:"";
	width:323px;
	height:249px;
	background: url(../images/heart.png) no-repeat center top;
	position:absolute;
	right:0;	
	top:-225px;
}

 /*.step{
	background: url(../images/base2.jpg) no-repeat center top;	
}*/
.quote{
	margin:0 0 20px;	
}
.quote img{
	margin:-130px 0 0 -141px;	
}
.step_in{
	margin:0 0 20px 420px;	
}
.step_box{
	padding:50px;
	border:1px solid #ff007a;
	background:#fff;	
	margin:0 0 10px;
}
.step_list li{
	width:193px;
	float:left;	
	margin:0 42px 0 0;
}
.step_list div{
	margin:0 0 10px;	
}
.step_list p{
	font-size:12px;
	color:#666;
}

.banner li{
	width:100%;
	position:relative;
}
/*
.bnr01{
	background: url(../images/bg_banner01.png) no-repeat center top;	
	height:348px;
}
.banner .bnr01 a{
	position:absolute;
	left:55px;
	bottom:59px;	
}
.bnr02{
	background: url(../images/bg_banner02.png) no-repeat center top;	
	height:318px;	
}
.banner .bnr02 a{
	position:absolute;
	right:57px;
	bottom:58px;	
}
*/

.step div.photo {
    width:537px;
    float: left;
    margin:20px 23px 20px 0;
}
.step div.flow {
    width:425px;
    float: left;
    font-size: 20px;
    margin:20px 0 20px 0;
}
.step div.flow p {
    padding:20px 0;
    margin:0 0 20px 0;
    font-size: 23px;
    border-bottom: solid 1px #000;
    color: #ff007a;
}
.step div.arrow {
    width:100%;
    text-align: center;
    clear: both;
}

.step .inner > p{
	color:#666;
	font-size:13px;	
}
.step_gr > p{
	line-height:2;
	font-weight:bold;	
}


.pearl{
	background: url(../images/pearl_bg.jpg) no-repeat center top;
}
.pearl .arrow{
	padding:30px 0 70px;	
}
.pearl_bnr{
	margin:-15px 0 0;
}
/*
.pearl_bnr{
	width:548px;
	height:218px;
	background: url(../images/pearl_box.png) no-repeat center top;	
	position:relative;
	margin:-15px 0 0;
}
.pearl_bnr a{
	position:absolute;
	left:30px;
	bottom:28px;	
}
*/
.pearl_photo{
	padding:140px 0 0;
}

.method h4{
	margin:0 0 25px;	
}
.method p{
	font-size:16px;
	color:#999;	
}
.method01{
	width:100%;
	height:463px;
	background: url(../images/method_bg01.png) no-repeat left top;	
	padding:80px 0 0 410px;	
}
.method01 p{
	margin:0 0 0 100px;
}
.method02{
	width:100%;
	height:496px;
	background: url(../images/method_bg02.png) no-repeat right top;		
	margin:-80px 0 0;
	padding:95px 0 0;
}
.method02 p{
	margin:0 0 0 30px;
}
.method03{
	width:100%;
	height:490px;
	background: url(../images/method_bg03.png) no-repeat left top;	
	margin:-105px 0 0;
	padding:115px 0 0 410px;	
}
.method03 p{
	margin:0 0 0 90px;
}

.pearl02{
	background: url(../images/pearl_bg02.png) no-repeat center top;
	padding:45px 0 0;
	margin:-15px 0 0;
	min-height:935px;
}
.pearl02 h3{
	margin:0 0 710px;	
}

.voice{
	background: url(../images/voice_center.png) repeat-y center center;
	padding:20px;
	position:relative;	
	margin:0 0 30px;
}
.voice:before{
	content:"";
	width:100%;
	height:20px;
	background: url(../images/voice_up.png) no-repeat center top;	
	position:absolute;
	left:0;
	top:0;
}
.voice:after{
	content:"";
	width:100%;
	height:20px;
	background: url(../images/voice_bottom.png) no-repeat center top;	
	position:absolute;
	left:0;
	bottom:0;
}
.voice_in{
	background: url(../images/voice_bg02.png) no-repeat left bottom;
	min-height:600px;		
}
.voice h4{
	margin:0 0 45px;	
}
.voice h4 img{
	margin:-35px 0 0;	
	position:relative;
	z-index:10;
}
.voice ul{
	margin:0 30px 0 430px;	
}
.voice li{
	font-size:16px;
	padding:15px 0 35px;
	border-top:1px dashed #a2a2a2;
	line-height:1.8;
	position:relative;
}
.pink{
	color:#ff0684;	
}
.voice01:before{
	content:"";
	width:72px;
	height:72px;
	background: url(../images/voice_no01.png) no-repeat center top;	
	position:absolute;
	left:-90px;
	top:-10px;	
}
.voice02:before{
	content:"";
	width:73px;
	height:72px;
	background: url(../images/voice_no02.png) no-repeat center top;	
	position:absolute;
	left:-90px;
	top:-10px;	
}