/*画面サイズによる表示・非表示の設定*/

@media screen and (max-width: 787px) {
.PhoneOn { display: block; }
.PhoneOff { display: none; }
}

@media screen and (min-width: 787px) {
.PhoneOn { display: none; }
.PhoneOff { display: block; }
}
/*Indexのスタッフボタン・スタッフのプロフィール----------------------------------------------------------*/

img.ImageLetter{
	float:left;
	overflow: hidden;
}
img.LetterImage{
	float:right;	
	overflow: hidden;

	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}

.ImageLetter ul li {
  position: relative;
  left: -50%; /* 各リスト項目になるli要素を左に50%移動。 */
  float: left;
  list-style: none; /* 項目にぼっちを出したくない場合はこれを設定（今回はあんまり関係ないですが） */
}

.cursorPointer{
	cursor:pointer ;
}

.space{
	max-width: 1200px;/*横幅の最大値*/
	width: 80%;/*中央ぞろえ*/
	margin-left: auto;
	margin-right: auto;
}