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

/*-----------------------------------------------
#E86480
-----------------------------------------------*/


/*-----------------------------------------------
  profile
-----------------------------------------------*/

#staff .box {
display: flex;
flex-flow: row;
justify-content: space-between;
margin-top: 2em;
padding: 4%;
background: #F1F1F1;
border-radius: 0.5em;
}
#staff dl {
width: 48%;
}
#staff dt {
font-weight:bold;
line-height:1.2;
color:#F90;
}
#staff dt span {
font-size: 1.8em;
}
#staff .ph {
margin-top:10px;
}
#staff .comment {
margin-top:8px;
padding-top:8px;
border-top:1px dotted #CCC;
}

#staff .profile {
width: 48%;
line-height:1.3;
}
#staff .profile thead th {
padding:1px 10px;
color:#FFF;
letter-spacing:2px;
background:#F90;
border-bottom:1px dotted #CCC;
}
#staff .profile tbody th {
width:4em;
padding:8px 10px;
text-align:center;
vertical-align: middle;
background:#FF9;
border-bottom:1px dotted #CCC;
}
#staff .profile tbody td {
padding:8px 10px;
background:#FFF;
border-bottom:1px dotted #CCC;
}
#staff .profile tbody td span {
font-size:85%;
}

@media screen and (max-width:800px) {
	#staff .box {
	flex-flow: column;
	}
	#staff dl {
	width: 100%;
	}
	#staff .profile {
	width: 100%;
	margin-top: 1em;
	}
}