@charset "UTF-8";
/* CSS Document */

@media(min-width:481px){
	


#contents{
    min-width:1200px;
	margin:0 auto;
	padding-top: 200px;
	padding-bottom:30px;
}
	
#contents1{
    min-width:1200px;
	margin:0 auto;
	padding-top: 50px;
	padding-bottom:100px;
	background-color: #FFF;
}

#contents2{ 
	min-width:1100px;
	margin:0 auto;
	padding-bottom:40px;
	background-color: #FFF;
}
	
	
#contents3{ 
	min-width:1100px;
	margin:0 auto;
	padding-bottom:40px;
	background-color: #EEF4DE;
}

.acc{
	display:block;
	width:190px;
	height:190px;
	position:absolute;
	top:250px;
	left:40px;
}
	
#mainvisual{
   width:807px;
	height:449px;
	margin:0 auto;
	padding-top: 30px;
	background-image: url(../images/featurevisual1.png);
	background-repeat: no-repeat;
	background-position:center center;
}

#mainvisual2{
    width:1025px;
	height:449px;
	margin:0 auto;
	padding-top: 30px;
	background-image: url(../images/featurevisual2.png);
	background-repeat: no-repeat;
	background-position:center center;
}
	
	
#mainvisual3{
    width:1025px;
	height:495px;
	margin:0 auto;
	padding-top: 30px;
	background-image: url(../images/messagevisual.png);
	background-repeat: no-repeat;
	background-position:center center;
}



#featuresarea{
    width:1100px;
	margin:0 auto;
	padding-top: 50px;
	padding-bottom:100px;
	}
	
#messagearea{
    width:1100px;
	margin:0 auto;
	padding-top: 150px;
	padding-bottom:150px;
	}
	
	
.maintitle{
	width: 359px;
	height: 152px;
	margin:0 auto;
	background-image: url(../images/featuretitle1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	}

	
.featuretitle1{
	width:437px;
	height: 178px;
	margin:0 auto;
	background-image: url(../images/featuretitle2.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-top: 50px;
	}


	
.featuretitle2{
	width: 318px;
	height:179px;
	margin: 0 auto;
	background-image: url(../images/featuretitle3.png);
	background-position: center;
	background-repeat: no-repeat;
	}

.messagetitle{
	width: 297px;
	height: 163px;
	margin: 0 auto;
	background-image: url(../images/messagetitle.png);
	background-position: center;
	background-repeat: no-repeat;
	}

.maintext{
	width:950px;
	margin:0 auto;
	padding-top:25px;
	font-size:17px;
	line-height:55px;
	text-align:center;
	
}

.maintext2{
	width:950px;
	margin:0 auto;
	padding-top:20px;
	font-size:17px;
	line-height:55px;
	text-align:center;
	
}
	
.maintext3{
	width:300px;
	margin:0 auto;
	padding-top:30px;
	font-size:17px;
	line-height:47px;
	text-align:center;
	
}
	
	
.doctor1{
	width:125px;
	margin:0 auto;
	padding-top:10px;
	float: left;
	
}
	
.doctor2{
	width:125px;
	margin:0 auto;
	padding-top:10px;
	margin-left: 50px;
	float: left;
	
}
	
.doctorname1{
	font-size: 17px;
	line-height: 23px;
		
	}
	
.doctorname2{
	font-size: 23px;
	line-height: 27px;
	margin-top: 10px;
		
	}
	
}

	
@media(max-width:480px){


#contents{
    width:100%;
	margin:0 auto;
	padding-top: 200px;
	padding-bottom:30px;
}
	
#contents1{
    width:100%;
	margin:0 auto;
	padding-top: 80px;
	padding-bottom:100px;
	background-color: #FFF;
}

#contents2{ 
    width:100%;
	margin:0 auto;
	padding-top: 80px;
	padding-bottom:40px;
	background-color: #FFF;
}
	
	
#contents3{ 
    width:100%;
	margin:0 auto;
	padding-top: 80px;
	padding-bottom:40px;
	background-color: #EEF4DE;
}

.acc{
	display:block;
	width:190px;
	height:190px;
	position:absolute;
	top:250px;
	left:40px;
}
	
#mainvisual{
    width:100%;
	padding-top:50.6%;
	margin:0 auto;
	background-image: url(../images/featurevisual1s.png);
	background-repeat: no-repeat;
	background-position:center center;
}

#mainvisual2{
    width:100%;
	padding-top:50.6%;
	margin:0 auto;
	background-image: url(../images/featurevisual2s.png);
	background-repeat: no-repeat;
	background-position:center center;
}
	
	
#mainvisual3{
    width:100%;
	padding-top:50.6%;
	margin:0 auto;
	background-image: url(../images/messagevisuals.png);
	background-repeat: no-repeat;
	background-position:center center;
}



#featuresarea{
    width:100%;
	margin:0 auto;
	padding-top: 50px;
	padding-bottom:100px;
	}
	
#messagearea{
    width:100%;
	margin:0 auto;
	padding-top: 150px;
	padding-bottom:150px;
	}
	
	
.maintitle{
	width: 359px;
	height: 192px;
	margin:0 auto;
	background-image: url(../images/featuretitle1.png);
	background-position: center center;
	background-repeat: no-repeat;
	}

	
.featuretitle1{
    width:90%;
	height: 178px;
	margin:0 auto;
	background-image: url(../images/featuretitle2.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 90%;
	padding-top: 50px;
	}


	
.featuretitle2{
    width:90%;
	height:179px;
	margin: 0 auto;
	background-image: url(../images/featuretitle3.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 90%;
	padding-top: 50px;
	}

.messagetitle{
	width: 297px;
	height: 213px;
	margin: 0 auto;
	background-image: url(../images/messagetitle.png);
	background-position: center center;
	background-repeat: no-repeat;
	}

.maintext{
    width:90%;
	margin:0 auto;
	padding-top:35px;
	font-size:16px;
	line-height:55px;
	text-align:center;
	
}

.maintext2{
    width:96%;
	margin:0 auto;
	padding-top:20px;
	font-size:16px;
	line-height:55px;
	text-align:center;
	
}
	
.maintext3{
    width:90%;
	margin:0 auto;
	padding-top:30px;
	font-size:16px;
	line-height:47px;
	text-align:center;
	
}
	
	
.doctor1{
	width:45%;
	margin:0 auto;
	padding-top:10px;
	float: left;
	
}
	
.doctor2{
	width:45%;
	margin:0 auto;
	padding-top:10px;
	float: left;
	
}
	
.doctorname1{
	font-size: 17px;
	line-height: 23px;
		
	}
	
.doctorname2{
	font-size: 23px;
	line-height: 27px;
	margin-top: 10px;
		
	}
}



