#staff{
	padding-top:140px;
	width:760px;
	margin: 0 auto;
	overflow: hidden;
	line-height: 1.4em;
}

#staff h3{
	letter-spacing: 0.05em;
	text-align: center;
	font-weight: 500;
	margin-bottom: 50px;
	font-size: 110%;
	margin-top: -10px;
}

#staff p{
	font-size: 90%;
	line-height: 1.6em;
	margin-top: 7px;
	margin-bottom: 20px;
}


/*========= モーダル表示のためのCSS ===============*/

/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
  display: none;
}

.modaal-close:after, 
.modaal-close:before{
  background:#ccc;  
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#666;
}



/*以下はコンテンツ内のレイアウト*/

.info-list dt{
	width: 100%;
}

.info-list dd{
	width: 100%;
	text-align: center;
	margin-top: 5px;
}

.ml_box{
	padding: 20px 2%;
	overflow: hidden;
}
.ml_left img{
	width: 100%;
}

.ml_left{
	float: left;
	width: 35%;
}

.ml_right{
	float: right;
	width: 60%;
	font-size: 90%;
}

.ml_right dl{
	margin-bottom: 10px;
}

.name{
	margin-bottom: 10px;
}

.name b{
	font-size: 140%;
}

#staff ul {

	width: 100%;
}
#staff ul li{
	float:left;
	width: 30%;
	margin-right:5%;
	margin-bottom: 40px;
}

#staff ul li img{
	width: 100%;
}

#staff ul li:nth-child(3n){
	margin-right: 0;
}


/*small{
  background:#333;
  color:#fff;
  display: block;
  text-align: center;
  padding:20px;
}
*/

img{
  max-width: 100%;
  height: auto;
}

section:nth-child(2n){
  background:#f3f3f3; 
}



@media screen and (max-width: 780px) {
.ml_box{
	padding: 0;
}

#staff{
padding-top:100px;
	width:92%;
}
	
#staff h3{
	margin-bottom: 25px;
	margin-top: -5px;
}

#staff p{
	font-size: 90%;
	line-height: 1.6em;
	margin-top: 7px;
	margin-bottom: 20px;
}
	
#staff ul li{
	float:left;
	width: 31%;
	margin-right:3.5%;
	margin-bottom: 25px;
}


#staff ul li:nth-child(3n){
	margin-right: 0;
}


}


@media screen and (max-width: 600px) {
.ml_left{
	display: none;
}

.ml_right{
	float: none;
	width: 100%;
	font-size: 90%;
}
	
#staff ul li{
	float:left;
	width: 48%;
	margin-right:4%;
	margin-bottom: 15px;
}

#staff ul li:nth-child(3n){
	margin-right:4%;
}

#staff ul li:nth-child(2n){
	margin-right: 0;
}

	
}