/*	lower h1
============================== */
.staff h1 {
   background-image: url(../img/staff_h1.jpg);
}
@media all and (min-width: 768px) {
   .staff h1 {
      background-repeat: no-repeat;
      white-space: nowrap; text-indent: 110%; overflow: hidden;
      width: 956px;
      height: 207px;
   }
   .staff div.atcl_inner {
      margin-top: -80px;
      background-color: hsla(0, 0%, 100%, 0.8);
   }
}
/*	lower h1 (00px ÷ 782) */
@media all and (max-width: 767px) {
   .staff h1 {
		background-position: left 33.969309%;
   }
}
/* .staff_main */
@media all and (min-width: 768px) {
   figure.staff_main p span, figure.staff_main p span img { width:560px; height:372px; }}
@media all and (max-width: 767px) {
   figure.staff_main p span { padding-top:66.4285714285714%; }}


/*	table
============================== */
table {
	width:100%;
	font-size:  115%;
	border-collapse:collapse;
	border-spacing:0;
	padding:0;
}
table th, table td {
	vertical-align:top;
	line-height:1.75;
	text-align:left;
	padding-bottom:0.5em;
}

.staff table th, .staff table td {
	padding-bottom:0.75em;
}
.staff table td b {
	color: #53301a;
}
table th {
	text-align:right;
	font-weight:normal;
	color: #bd1634;
	white-space: nowrap;
}

table td.naka {
	font-family: sans-serif;
	color:#997017;
	text-align:center;
	width:2em;
}
@media all and (min-width: 768px) {
   table td {
      width: 55%;
   }
}
@media all and (max-width: 767px) {
   table th, table td {
   	font-size: 90%;
   }
}
