@charset "UTF-8";

#ourworks .main-image .pc{
	width:100%;
	background-image:url(images/main.jpg);
	background-repeat:no-repeat;
	background-position:top center;

}



#ourworks .text-box{

}



#ourworks .section-message01{
	
	
}

#ourworks .section-message01 .pic{ 
	width:402px;
	float:left;
	
}
#ourworks .section-message01 .text{ 
	width:618px;
	float:right;
	padding:30px;
	font-size:18px;
	line-height:1.8;
	font-weight: 400;
}


#ourworks .section-message02 .pic{ 
	width:484px;
	float:right;
	
}
#ourworks .section-message02 .text{ 
	width:536px;
	float:left;
	padding:30px;
	font-size:18px;
	line-height:1.8;
	font-weight: 400;
}


#ourworks .section-message03{ 
	height:1083px;
	width:100%;
	background-image: url("images/pic03.jpg");
	background-position:top center;
	
}

#ourworks .section-message03 .box{
text-align:center;	
}
#ourworks .section-message03 .box .name{
	padding-top:80px;
	margin-bottom:40px;
	font-size:45px;
	color:#F0831E;
}
#ourworks .section-message03 .text{
	margin-bottom:50px;
	font-size:16px;
}
#ourworks .section-message03 .pic{
	
}

#ourworks .section-group{
	text-align:center;
	background-image:url(../images/back02.png);	
}

#ourworks .section-group .clinic{
	
width:760px;
margin:0 auto;
padding-bottom: 50px;
}

#ourworks .section-group .clinic dl{
	width:222px;
	float:left;
}
#ourworks .section-group .logo{
	padding-top:76px;
	margin-bottom:15px;
}


#ourworks .section-group .text{
margin-bottom:20px;
	font-size:16px;
}


#ourworks .section-group dl.center{
margin:0 30px;	
}
#ourworks .section-group dl dt{
margin-bottom:20px;	
}
#ourworks .section-group dl .name{
	color:#F0831E;

	font-size:18px;
		height:57px;
	
}
#ourworks .section-group dl .comment{
text-align:left;
	margin-bottom:15px;
	height:140px;
	font-weight:400;
	
}
#ourworks .section-group dl.center .name{
	
}

@media screen and (max-width: 768px) {
	#ourworks .inner{
		width:100%;
		
	}

	#ourworks .section-message01{


	}
	
	#ourworks .section-message01 .pic{ 
		width:100%;
		float:none;

	}
	#ourworks .section-message01 .text{ 
		width:auto;
		float:none;
		padding:10px;
		font-size:14px;
	}


	#ourworks .section-message02 .pic{ 
		width:auto;
		float:none;

	}
	#ourworks .section-message02 .text{ 
		width:auto;
		float:none;
		padding:10px;
		font-size:14px;
	}
	#ourworks .section-message03{ 
		height:auto;
		width:100%;
		padding-bottom:20px;

	}
	#ourworks .section-message03 .box{
		width:96%;
		margin:0 auto 0 auto;
		
	}
	
	#ourworks .section-message03 .pic img{
		width:80%;
		opacity: 0.8;
	}

	#ourworks .section-message03 .text {
    text-align:left;
		padding:0 20px;
}
	#ourworks .section-group .logo {

    padding-top: 50px;
	}
	
	#ourworks .section-group .logo img{

    width:60%;
	}
	#ourworks .section-group .text {

    margin-bottom: 20px;
	padding:0 20px;
	}
	#ourworks .section-group .clinic {

    width: 80%;
    margin: 0 auto;

	}
	#ourworks .section-group .clinic dl {
	margin:0 auto;
    width: 100%;
    float: none;

	}
	
	#ourworks .section-group .clinic dl dd {
		padding-bottom: 30px;
	}
	
	#ourworks .section-group dl.center {

    margin: 0 auto;

	}
	#ourworks .section-group dl .name{
		margin-bottom:10px;
		height:auto;
	
	}
	#ourworks .section-group dl .comment{	
	height:auto;
	
	
	}

}



