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


@media(min-width:481px){

#contents{
    width:1100px;
	margin:0 auto;
}


#mainvisual{
	width: 1024px;
	height:390px;
	background-position: bottom;
	background-size:cover;
	margin: 0 auto;
}

.mainvisual1{
	width: 1024px;
	height:390px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual1.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.mainvisual2{
	width: 1024px;
	height:390px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual2.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	
.mainvisual3{
	width: 1024px;
	height:390px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual3.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	
.mainvisual4{
	width: 1024px;
	height:390px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual4.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	
.mainvisual5{
	width: 1024px;
	height:390px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual5.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	


#mainvisual_s{
	display:none;
}


/*メインテキスト*/
	
#maintext{
	width: 850px;
	margin: 0 auto;
	padding-top: 50px;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	}
	
	
#maintext2{
	width: 850px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 18px;
	line-height: 58px;
	text-align: center;
	}
	
/*プロフィールエリア*/

#infoarea{
	 width: 950px;
	 margin:0 auto;
	 padding-top:100px;
	 padding-bottom:50px;

}

.infocon{
	 width: 950px;
	 margin:0 auto;
}


.infotitle{
	width:180px;
	height:82px;
	margin:0 auto;
}
	
.infotitle1{
	width:400px;
	padding-top:0px;

}
	
.infotitle2{
	width:400px;
	height: 42px;
	padding-top:50px;

}


.info_area1{
	width:400px;
	margin-top:80px;
	float:left;
	font-size: 16px;
	line-height: 34px;

}


.info_area2{
	width:500px;
	margin-top:80px;
	float:right;
}

.info1_1{
	width:80px;
	float:left;
	margin-top:20px;
}
	
.info1_2{
	width:280px;
	float:right;
	margin-top:20px;

}
	
.infoitem{
	width:20px;
	float:left;
	margin-top:5px;
}
	
.infotxt{
	width:260px;
	float:right;
	margin-top:5px;

}
	
	
.infotxt2{
	width:450px;
	margin-top:20px;
	font-size: 

}

	
	
.businesstime{
	width:400px;
	margin-top:20px;
	}
	
.maparea1{
	display: block;
	width:470px;
	height: 481px;
	margin-top:0px;
	background-image: url(../images/map.png);
	background-color: rgba(255,255,255,0.6);
	background-position: center center;
	background-repeat: no-repeat;
}

.maparea2{
	display: block;
	width:457px;
	height: 420px;
	margin-top:30px;
	background-image: url(../images/map2.png);
	background-color: rgba(255,255,255,0.6);
	background-repeat: no-repeat;
	
}




.maptext{
	width:560px;
	margin-top:10px;
	text-align:right;
	font-size:14px;
	line-height:31px;
}

.maptext1{
	width:560px;
	margin-top:5px;
	text-align:right;
	font-size:14px;
}


.maptext2{
	display:none;
}
	
.maptext3{
	width:470px;
	margin-top:5px;
	text-align:left;
	font-size:14px;
}





/*スタッフ出勤表＆お知らせ*/
	
#infoarea2{
	 width: 100%;
	 min-width: 1400px;
	 margin:0 auto;
	 padding-top:50px;
	 padding-bottom:100px;
	 color: #FFF;

}

.infocon2{
	 width:1150px;
	 margin:0 auto;
}

.schedule_area{
	width:500px;
	margin-top:80px;
	float:left;

}



/*スタッフ出勤表*/	

#staffarea{
	width:950px;
	margin:0 auto; 
	padding-top: 100px;
	padding-bottom: 100px;
}


.stafftitle{
	width:140px;
	padding-top: 0px;
	margin:0 auto;
	}

	
.staffcon1{
	width: 420px;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top; 
	padding-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
	}
	
.staffcon2{
	width: 420px;
	display: inline-block; /* インラインブロック化 */
    vertical-align: top; 
	padding-top: 30px;
	}
	
.staffphoto{
	width: 150px;
	height: 200px;
	float: left;
	background-color: #888888;
	}
	
.stafftext{
	width: 250px;
	float: right;
	}
	
	
.staffcate{
	width: 250px;
	font-size:16px;
	line-height: 42px;
	}
	
	
.staffname{
	width: 250px;
	font-size:26px;
	line-height: 32px;
	}
	
.staffname2{
	width: 250px;
	font-size:14px;
	line-height: 32px;
	}
	
.staffdetails{
	width: 250px;
	font-size:14px;
	line-height: 28px;
	}





/*主な特徴*/

#featurearea{
	 width: 1100px;
	 margin:0 auto;
	 padding-top:100px;
	 padding-bottom:100px;
	 background-color:#cfd9be;
}
	
	
	


.featurecon{
	 width:1100px;
	 margin:0 auto;
	 padding-top: 0px;
	 color: #FFF;
	 text-align: center;
}



.featuretitle{
	 width:190px;
	 margin:0 auto;
}
	
.featuretitle2{
	 width:190px;
	 margin:0 auto;
}

	
	
	
.featurevisual{
	 width:850px;
	 height: 322px;
	 margin:0 auto;
	 padding-top: 30px;
	 background-image: url(../images/featurevisual.png);
	 background-repeat: no-repeat;
	background-position: bottom;
}


.featurearea2{
	 width:1100px;
	 margin:0 auto;
	 padding-top: 30px;
}
	
.featuretext{
	 width:800px;
	 margin:0 auto;
	 padding-top: 30px;
	 font-size: 24px;
	 line-height: 48px;
	 text-align: center;
}

.featuretext2{
	 width:800px;
	 margin:0 auto;
	 padding-top: 30px;
	 font-size: 17px;
	 line-height: 48px;
	 text-align: center;
}
	

	
	
		

/*グループ紹介*/
	

#grouparea{
	 width: 1000px;
	 margin:0 auto;
	 text-align: center;
	 padding-top:100px;
	 padding-bottom:100px;
}

.groupcon{
	 width:900px;
	 margin:0 auto; 
}


.groupconarea{
	width:900px;
	margin:0 auto;
}
	
.groupclinic{
	width:411px;
	margin:0 auto;
	padding-top: 30px;
}
	
	

	
.grouptitle{
	width:400px;
	text-align: center;
	margin: 0 auto;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	
}

	
.groupphoto{
	width:312px;
	height: 205px;
	margin: 0 auto;
	background-image: url(../images/sagami_photo.png);
	background-repeat: no-repeat;
}

	
.groupname{
	width:411px;
	height: 50px;
	padding-top: 50px;
	margin: 0 auto;
	background-image: url(../images/sagami_title.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	
	
.groupaddress{
	width:411px;
	padding-top: 10px;
	font-size:16px;
	line-height: 25px;
	margin: 0 auto;
	color: #000;
}

/*お知らせ*/	
	
#newsarea{
	width:1100px;
	padding-top:100px;
	padding-bottom:100px;
	background-color: #FFF;
	margin: 0 auto;
}
	

.newscon{
	width:800px;
	margin: 0 auto;
}

	
	
.newstitle{
	width:500px;
	height: 30px;
	margin: 0 auto;
	padding-top:80px;
	background-image: url(../images/newstitle.png);
	background-repeat: no-repeat;
	background-position: bottom;

}

.ntitle1{
	width:600px;
	font-size:16px;
	line-height:27px;
	margin: 0 auto;
}
	
	
.n_area1{
	width:20px;
	margin-top:36px;
	margin-left:0px;
	float:left;

}


.n_area2{
	width:570px;
	margin-top:30px;
	float:right;
}


	
.ntext1{
	width:570px;
	font-size:16px;
	line-height:27px;
}

.ntext2{
	width:570px;
	font-size:16px;
	line-height:27px;
	padding-top: 10px;
}

.newsphoto{
	width:570px;
	font-size:16px;
	line-height:27px;
	margin-top: 5px;
}
.n_date{
	width:570px;
	font-size:14px;
	line-height:27px;
	color:#4D4D4D;
	padding-top: 10px;
}

.n_url{
	width:410px;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
	color:#FFFFFF;
}

.n_pdf{
	width:410px;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
}


a.morebt{
	display:block;
	width:420px;
	height: 65px;
	margin: 0 auto;
	background-image: url(../images/newsmore.png);
	background-position: bottom;
	background-repeat:no-repeat;
}


	

	
	
.grouptext{
	width:230px;
	text-align: center;
	margin: 0 auto;
	padding-top: 60px;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	
}


}



@media(max-width:480px){

#contents{
    width: 440px;
	margin:0 auto;
	background-color: rgba(255,255,255,0.8);
}


#mainvisual{
	width:440px;
	height:184px;
	background-position: bottom;
	background-size:cover;
	margin: 0 auto;
}

.mainvisual1{
	width:440px;
	height:164px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual1s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}

.mainvisual2{
	width:440px;
	height:164px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual2s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	
.mainvisual3{
	width:440px;
	height:164px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual3s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	
.mainvisual4{
	width:440px;
	height:164px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual4s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	
.mainvisual5{
	width:440px;
	height:164px;
	background-position: bottom;
	padding-top: 0px;
	background-image: url(../images/mainvisual5s.png);
	background-repeat: no-repeat;
	background-position: top;
	background-size: cover;
}
	


#mainvisual_s{
	display:none;
}


/*メインテキスト*/
	
#maintext{
	width:360px;
	margin: 0 auto;
	padding-top: 50px;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
	}
	
	
#maintext2{
	width:360px;
	margin: 0 auto;
	padding-top: 20px;
	font-size: 18px;
	line-height: 48px;
	text-align: center;
	}
	
/*プロフィールエリア*/

#infoarea{
	 width:360px;
	 margin:0 auto;
	 padding-top:100px;
	 padding-bottom:100px;

}

.infocon{
	 width:360px;
	 margin:0 auto;
}


.infotitle{
	width:180px;
	height:82px;
	margin:0 auto;
}
	
.infotitle1{
	width:360px;
	margin:0 auto;
	padding-top:0px;

}
	
.infotitle2{
	width:360px;
	margin:0 auto;
	height: 42px;
	padding-top:50px;

}


.info_area1{
	width:360px;
	margin:0 auto;
	margin-top:40px;
	font-size: 16px;
	line-height: 34px;

}


.info_area2{
	width:360px;
	margin:0 auto;
	margin-top:40px;
}

.info1_1{
	width:360px;
	margin-top:20px;
	font-weight: bold;
}
	
.info1_2{
	width:360px;
	margin-top:0px;

}
	
.infoitem{
	width:20px;
	float:left;
	margin-top:5px;
}
	
.infotxt{
	width:340px;
	float:left;
	margin-top:5px;

}
	
	
.businesstime{
	width:360px;
	margin:0 auto;
	margin-top:20px;
	}
	
	
.maparea1{
	display: block;
	width:360px;
	height: 368px;
	margin-top:0px;
	background-image: url(../images/map_s.png);
	background-color: rgba(255,255,255,0.6);
	background-repeat: no-repeat;
}

.maparea2{
	display: block;
	width:360px;
	height: 331px;
	margin-top:30px;
	background-image: url(../images/map2_s.png);
	background-color: rgba(255,255,255,0.6);
	background-repeat: no-repeat;
	
}




.maptext{
	width:360px;
	margin:0 auto;
	margin-top:10px;
	text-align:right;
	font-size:14px;
	line-height:31px;
}

.maptext1{
	width:360px;
	margin:0 auto;
	margin-top:5px;
	text-align:right;
	font-size:14px;
}


.maptext2{
	display:none;
}
	
.maptext3{
	width:440px;
	margin-top:5px;
	text-align:left;
	font-size:14px;
}





/*スタッフ出勤表＆お知らせ*/
	
#infoarea2{
	 width:400px;
	 margin:0 auto;
	 padding-top:50px;
	 padding-bottom:100px;
	 color: #FFF;

}

.infocon2{
	 width:400px;
	margin:0 auto;
}

.schedule_area{
	width:360px;
	margin:0 auto;

}



/*スタッフ出勤表*/	

#staffarea{
	width:380px;
	margin:0 auto;
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}


.stafftitle{
	width:140px;
	padding-top: 0px;
	margin:0 auto;
	}

	
.staffcon1{
	width:360px;
	margin:0 auto;
	padding-top: 30px;
	}
	
.staffcon2{
	width:360px;
	margin:0 auto;
	padding-top: 30px;
	}
	
.staffphoto{
	width: 150px;
	height: 200px;
	background-color: #888888;
	margin:0 auto;
	}
	
.stafftext{
	width: 250px;
	margin:0 auto;
	}
	
	
.staffcate{
	width: 250px;
	font-size:16px;
	line-height: 42px;
	margin:0 auto;
	}
	
	
.staffname{
	width: 250px;
	font-size:26px;
	line-height: 42px;
	margin:0 auto;
	}
	
.staffname2{
	width: 250px;
	font-size:14px;
	line-height: 42px;
	margin:0 auto;
	}
	
.staffdetails{
	width: 250px;
	font-size:14px;
	line-height: 28px;
	margin:0 auto;
	}





/*主な特徴*/

#featurearea{
	 width:440px;
	 margin:0 auto;
	 padding-top:100px;
	 padding-bottom:100px;
	 background-color:#cfd9be;
}
	
	
	


.featurecon{
	 width:350px;
	 margin:0 auto;
	 padding-top: 0px;
	 color: #FFF;
	 text-align: center;
}



.featuretitle{
	 width:190px;
	 margin:0 auto;
}
	
.featuretitle2{
	 width:190px;
	 margin:0 auto;
}

	
	
	
.featurevisual{
	 width:360px;
	 height: 137px;
	 margin:0 auto;
	 padding-top: 30px;
	 background-image: url(../images/featurevisual_s.png);
	 background-repeat: no-repeat;
	background-position: bottom;
}


.featurearea2{
	 width:350px;
	 margin:0 auto;
	 padding-top: 30px;
}
	
.featuretext{
	 width:350px;
	 margin:0 auto;
	 padding-top: 30px;
	 font-size: 24px;
	 line-height: 48px;
	 text-align: center;
}

.featuretext2{
	 width:350px;
	 margin:0 auto;
	 padding-top: 30px;
	 font-size: 17px;
	 line-height: 48px;
	 text-align: center;
}
	

	
	
		

/*グループ紹介*/
	

#grouparea{
	 width:380px;
	 margin:0 auto;
	 text-align: center;
	 padding-top:100px;
	 padding-bottom:100px;
}

.groupcon{
	 width:380px;
	 margin:0 auto;
}


.groupconarea{
	width:360px;
	 margin:0 auto;
}
	
.groupclinic{
	width:360px;
	margin:0 auto;
	padding-top: 30px;
}
	
	

	
.grouptitle{
	width:360px;
	margin:0 auto;
	text-align: center;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	
}

	
.groupphoto{
	width:312px;
	height: 205px;
	margin: 0 auto;
	background-image: url(../images/sagami_photo.png);
	background-repeat: no-repeat;
}

	
.groupname{
	width:360px;
	height: 50px;
	padding-top: 50px;
	margin: 0 auto;
	background-image: url(../images/sagami_titles.png);
	background-repeat: no-repeat;
	background-position: bottom;
}
	
	
.groupaddress{
	width:350px;
	margin:0 auto;
	padding-top: 20px;
	font-size:16px;
	line-height: 25px;
	margin: 0 auto;
	color: #000;
}

/*お知らせ*/	
	
#newsarea{
	width:440px;
	margin:0 auto;
	padding-top:100px;
	padding-bottom:100px;
	background-color: #FFF;
	margin: 0 auto;
}
	

.newscon{
	width:360px;
	margin:0 auto;
}

	
	
.newstitle{
	width:360px;
	margin:0 auto;
	height: 30px;
	padding-top:80px;
	background-image: url(../images/newstitle.png);
	background-repeat: no-repeat;
	background-position: bottom;

}

.ntitle1{
	width:360px;
	margin:0 auto;
	font-size:16px;
	line-height:27px;
}
	
	
.n_area1{
	width:20px;
	margin-top:36px;
	margin-left:0px;
	float:left;

}


.n_area2{
	width:340px;
	margin-top:30px;
	float:right;
}


	
.ntext1{
	width:340px;
	font-size:16px;
	line-height:27px;
}

.ntext2{
	width:340px;
	font-size:16px;
	line-height:27px;
	padding-top: 10px;
}

.newsphoto{
	width:340px;
	font-size:16px;
	line-height:27px;
	margin-top: 5px;
}
.n_date{
	width:340px;
	font-size:14px;
	line-height:27px;
	color:#4D4D4D;
	padding-top: 10px;
}

.n_url{
	width:340px;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
	color:#FFFFFF;
}

.n_pdf{
	width:340px;
	margin-top:2px;
	font-size:14px;
	line-height:27px;
}


a.morebt{
	display:block;
	width:340px;
	height: 65px;
	margin: 0 auto;
	background-image: url(../images/newsmore.png);
	background-position: bottom;
	background-repeat:no-repeat;
}


	

	
	
.grouptext{
	width:230px;
	text-align: center;
	margin: 0 auto;
	padding-top: 60px;
	font-size: 14px;
	line-height: 23px;
	font-weight: bold;
	
}



}