@charset "UTF-8";
/*==============================================================================
staff CSS
==============================================================================*/


header {
	background-image: url(../img/staff/staff_top.jpg);
}

table.staff th, table.staff td{
	border:none;
	vertical-align:top;
	text-align:left;
	padding:3em 0 0 0;
	display:block;
}
table.staff{
	clear:both;
	border-top:solid 1px #fff;
	margin-top:3em;
	display:table;
}
.staff .staff-photo img{
	width:70%;
	margin:0 auto;
	display:block;
}
.staff dt{
	font-size:16px;
	padding-top:0.4em;
}
.staff dt strong{
  font-family: 'Roboto';
  font-size:28px;
  display:block;
  line-height:1.4em;
}
.staff dd.about-staff{
	font-size:14px;
	background-color: rgba(255, 255, 255, 0.15);
	padding:1.4em 1em;
	margin:2em 0;
}
.staff dd.about-staff li{
	padding-bottom:0;
}
.staff dd ul li{
	line-height: 1.8em;
	padding-bottom:0.8em;
}
.staff dd ul{
	list-style:disc;
	list-style-position:outside;
	padding:0 0 0 1em;
}
.staff dd ul li strong{
	font-weight:bold;
}
.staff dd.about-staff ul{
	list-style:none;
}

@media print, screen and (min-width:768px) {/*768px以上のCSS PC用*/

table.staff th, table.staff td{
	display:table-cell;
	padding:3em 0;
}
.staff .staff-photo{
	max-width:300px;
	min-width:300px;
	height:auto;
}
.staff .staff-photo img{
	width:100%;
}
.staff dl{
	padding-left:3em;
	max-width:455px;
}

}