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

職人たち


----------------------------------------------  */

 #staff .main-head {
	padding: 63px 0 95px;
	background: url(../img/main_head_back.png)top center no-repeat;
	background-size: cover;
}

.staff__title { 
	max-width: 25px; 
	width: 20%;
	margin: 2em auto 0;
}

.staffBox { display: block; content: ""; width: 100%; background: url(../img/staffback_blue.png)no-repeat; background-size: 85% auto; margin: 8em 0 5em; position: relative; padding: 4em 0 0; }
.staffBox__inner { display: block; max-width: 1000px;  margin: -3em auto 0; position:relative; }
.staffBox__inner::after { display: block; content: ""; position: absolute; width: 70px; height: 250px; background: url(../img/staffname01.png)no-repeat; top:12em; right: 9em;}
.staffBox__photo { max-width: 800px; width: 100%; height: auto; }
.staffBox__photo img { widows: 100%; }
.staffBox__text { display: block; position: relative ; background: #fff; max-width: 500px; margin: -6em 0 0 auto; padding: 5em 3em; font-weight: 400; }
.staffBox__text th { padding-right: 14px; text-align: center; font-weight: 400; padding-bottom: .4em;}
.staffBox__text td { padding-left: 14px;   }

.staffBox--left { background: url(../img/staffback_yellow.png)no-repeat right top; background-size: 85% auto; margin: 5em 0; position: relative; padding: 4em 0;}
.staffBox--left .staffBox__inner::after { display: block; content: ""; position: absolute; width: 70px; height: 250px; background: url(../img/staffname02.png)no-repeat; top:12em; left: 22em;}
.staffBox--left .staffBox__inner { display: block; max-width: 1000px;  margin: -3em auto 0; position:relative;}
.staffBox--left .staffBox__photo {  max-width: 1000px; text-align: right; }
.staffBox--left .staffBox__inner .staffBox__photo img { }
.staffBox--left .staffBox__text { display: block; position: relative ; background: #fff; max-width: 500px; margin: -5.5em auto 0 0 ; padding: 5em 4em;}

/*.staffBox--left { background: url(../img/staffback_yellow.png)no-repeat right top; background-size: 90% auto; margin: 12em 0; position: relative; padding: 6em 0; border: solid;}
.staffBox--left .staffBox__inner::after { display: block; content: ""; position: absolute; width: 70px; height: 250px; background: url(../img/staffname.png)no-repeat; top:12em; left: 25em;}
.staffBox--left .staffBox__inner .staffBox__photo { border: solid red;  max-width: 1000px; text-align: right; right: 0;}
.staffBox--left .staffBox__inner .staffBox__photo img { width: 100%;}
.staffBox--left .staffBox__text { display: block; position: relative ; background: #fff; max-width: 500px; margin: -4em auto 0 0 ; padding: 5em 3em;}*/


/*
<div class="staffBox__inner">
	<div class="staffBox__photo">
	<img src="img/img.png" alt="">
	</div>*/