/*一覧ブロック（listおよびlist2共通設定）
---------------------------------------------------------------------------*/
.list-staff  figure {
	text-align: center;
}

.list-staff  figure img{
        border-radius: 0;

}

/*listおよびlist2ボックス内のpタグ*/
.list-staff p{
	margin: 0;
	font-size: 1em;	/*文字サイズを70%に。*/
}


/*一覧ブロック（listタイプ）
---------------------------------------------------------------------------*/
/*listボックスを囲むボックス*/
.list-container {
	display: flex;					/*flexボックスを使う指定*/
	flex-wrap: wrap;				/*折り返す指定*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	flex-direction: column;			/*子要素を縦並びにする*/
}

/*listボックス。１個あたりのボックスの指定です。*/
.list-container .list {
	display: flex;					/*flexボックスを使う指定*/
	flex-direction: column;			/*子要素を縦並びにする*/
	justify-content: space-between;	/*並びかたの種類の指定*/
	margin-bottom: 30px;			/*ボックス同士の上下間の余白*/
	border: 1px solid #ccc;			/*枠線の幅、線種、色*/
	padding: 20px;					/*ボックス内の余白*/
	background: #fff;				/*背景色。*/
	box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
		
}

/*listボックス内のh4タグ*/
.list-staff h4 {
	margin: 10px 0;			/*上下、左右へのh4の外側に空けるスペース*/
	font-weight: normal;	/*hタグのデフォルトの太字を標準にする。太字がいいならこの１行を削除。*/
	text-align: center;
	
	
}

.list-staff h4 span{
	font-size: 0.6em;
	padding-right: 30px;
}

/*list、list2内で使っているtableっぽく見える所。
---------------------------------------------------------------------------*/
/*ボックス全体*/
dl.line {
	margin: 0;
	display: flex;		/*flexボックスを使う指定*/
	flex-wrap: wrap;	/*折り返す指定*/
	font-size: 0.9em;	/*文字サイズを70%に。*/

	margin-bottom: 20px;
}

/*左右のボックス*/
dl.line dt, dl.line dd {

	margin: 0 auto;					/*上下、左右へのボックス内の余白*/
}

/*左のボックス*/
dl.line dt {
	width: 7em;				/*幅。8文字(em)分。*/
	background: #fff;	/*背景色*/
	font-weight: bold;
}
/*右のボックス*/
dl.line dd {
	width: calc(100% - 7em);	/*「8em」は上の「dl.line dt」のwidthの値です。*/
	margin-bottom: 10px;
}

/*右のボックス*/
dl.line .coment {
   	width: 100%; padding: 10px; font-size: 15px;
}


/*list2ブロック内でのline設定*/
.list-staff2 dl.line dt:nth-of-type(1), .list-staff2 dl.line dd:nth-of-type(1),
.list-staff2 dl.line dt:nth-of-type(2), .list-staff2 dl.line dd:nth-of-type(2) {
	border-top: none;
}


/*---------------------------------------------------------------------------
ここから下は画面幅600px以上の追加指定
---------------------------------------------------------------------------*/
@media screen and (min-width:600px) {


/*一覧ブロック（listタイプ）
---------------------------------------------------------------------------*/
/*listボックスを囲むボックス*/
.list-container {
	flex-direction: row;	/*子要素を横並びにする*/
}

/*listボックス。１個あたりのボックスの指定です。*/
.list-container .list-staff {
	width: 49%;	/*ボックスの幅*/
}


/*　※注意！　下の閉じカッコ　}　はこのブロックに必要なので、削除しないで下さい。　*/

}