.staff_en2{
	display:block;
	width:100%;
	max-width:186px;
}

main {
	display:block;
	padding-bottom:80px;
	background: url(../img/staff_bg.png) center top no-repeat;
	background-size: cover;
}

.staff-main{
	display:block;
	width:100%;
	max-height:540px;
	margin:0;
	padding:0;
	overflow:hidden;
	position:relative;
}

.staff-main-img{
	display:block;
	width:100%;
	margin:0;
	padding:0;
}

.staff-main-text{
	position:absolute;
	top:32.5%;
	left:80px;
	font-size:36px;
	text-shadow:#FFF 1px 1px 10px, #FFF -1px 1px 10px,#FFF 1px -1px 10px, #FFF -1px -1px 10px;
	font-weight:bold;
	color:#000;
}


.staff-paper{
	width:100%;
	width:-webkit-calc((100% - 40px)/1);
	width:-moz-calc((100% - 40px)/1);
	width:calc((100% - 40px)/1);
	max-width:800px;
	/*margin:-6.9% auto 0;*/
	margin:80px auto 0;
	padding:60px 60px 80px;
	background:#FFF;
	border-radius:4px;
	box-sizing:border-box;
	box-shadow:0px 0px 8px 2px rgba(0,0,0,0.15);
	position:relative;
	z-index:1;
}


.staff-department{
	font-size:16px;
	font-weight:bold;
	color:#666;
	line-height:1.5;
}

.staff-name{
	font-size:24px;
	font-weight:bold;
	color:#666;
}



.staff-career{
	font-size:12px;
	color:#666;
}

.staff-career-back_title{
	font-size:14px;
	color:#FFF;
	background:#999;
	padding:0 8px;
	display:table;
	border-radius:4px;
	margin-top:36px;
}

.staff-career-back{
	color:#666;
	font-size:14px;
	margin-top:8px;
}

.career-back-list{
	display:table;
	table-layout:fixed;
	width:100%;
}

.career-back-list + .career-back-list{
	margin-top:4px;
}

.career-back-list dd,
.career-back-list dt{
	display:table-cell;
	vertical-align:top;
	width:100%;
	font-size:14px;
	line-height:1.75;
}

.career-back-list dt{
	width:80px;
}

.staff-career_span{
	display:inline-block;
	margin-left:65px;
}

.letter{
	border-top:1px solid#CCC;
	margin-top:40px;
	padding-top:60px;
}

.letter-body + .letter-body{
	margin-top:60px;
}


.letter-title{
	font-size:24px;
	font-weight:bold;
	color:rgb(72,157,246);
}

.letter-title img{
	width:61.3%;
}

.letter-text{
	color:#666;
	margin-top:50px;
	line-height:2.5;
}

.letter-img .letter-img-item{
	width:100%;
	display:block;
	margin:60px 0 0;
	padding:0;
}


.letter-img-bottom{
	position:relative;
}

.bottom-text-en{
	display:block;
	width:81px;
	margin-bottom:0px;
	position:absolute;
	left:-14px;
	top:-18px;
}

.letter-img{
	position:relative;
}

.bottom-text{
	position:absolute;
	left:38px;
	bottom:5%;
	text-shadow:#FFF 1px 1px 10px, #FFF -1px 1px 10px,#FFF 1px -1px 10px, #FFF -1px -1px 10px;
	color:#000;
	font-size:24px;
	padding:25px 20px 0 0;
	font-weight:bold;
	line-height:1.75;
	box-sizing:border-box;
}

.staff-activeed .portrait{
	position:relative;
}

.staff-activeed .portrait:after{
	content: "";
	position: absolute;
	display:block;
	bottom:0;
	left:0;
	background:rgba(121,139,155,0.75);
	width:100%;
	height:100%;
}

.contents-staff ul li.staff-activeed .nameset{
	background:#777779;
	color:rgba(255,255,255,0.5);
}

.contents-staff ul.staff-list li .nameset .name span{
	color:rgba(255,255,255,0.5);
}

.contents-staff ul li.staff-activeed .nameset .arw img{
	opacity:0.5;
}

.contents-staff ul li.staff-activeed .nameset:after,
.contents-area2 ul li.staff-activeed a .title:after,
.contents-staff ul li.staff-activeed .nameset:before,
.contents-area2 ul li.staff-activeed a .title:before{
	display:none;
}

/* ================================================== */
@media screen and (max-width: 1040px) {

.staff-main-text{
	font-size:28px;
}
}
/* ================================================== */
/* ================================================== */
@media screen and (max-width: 767px) {

main {
    background: none;
    padding-bottom: 0;
}

.staff_en2{
	/*max-width: 21.55%;*/
	width: 41.55%;
	max-width: 139px;
}

.staff-main {
	display: block;
	width: 100%;
	max-height: initial;
	margin: 0;
	padding: 0;
	overflow: hidden;
	position: relative;
}

.staff1_main{
	background:url(../img/staff1_main.png) no-repeat 80% top;
	background-size:auto 100%;
}

.staff2_main{
	background:url(../img/staff2_main.png) no-repeat 80% top;
	background-size:auto 100%;
}

.staff3_main{
	background:url(../img/staff3_main.png) no-repeat 80% top;
	background-size:auto 100%;
}

.staff4_main{
	background:url(../img/staff4_main.png) no-repeat 70% top;
	background-size:auto 100%;
}

.staff5_main{
	background:url(../img/staff5_main.png) no-repeat 70% top;
	background-size:auto 100%;
}

.staff-main-img{
	opacity:0;
}

.staff-paper {
	width: 100%;
	margin:0 auto 40px;
	padding: 40px 20px 40px;
	border-radius: 0px;
	box-shadow: 0px 0px 0 0 rgba(0,0,0,0);

}

.staff-main-text{
	top:auto;
	left: 20px;
	bottom:20px;
	font-size: 24px;
	line-height:1.75;
	padding-right:20px;
	box-sizing:border-box;
}

.letter-text{
	line-height:2;
}

.bottom-text-en {
    position: absolute;
    left: 8px;
}

.bottom-text {
	left:0;
	bottom: 3%;
	font-size: 18px;
	padding: 20px 20px 0;
	line-height: 1.75;
}

.letter-title {
	font-size: 20px;
}

.letter-title img{
	width:80.2%;
	max-width:412px;
}

}

/* ================================================== */
@media screen and (max-width: 470px) {
.staff-main-text {
	font-size: 20px;
}

.staff-name {
	font-size:20px;
}

.staff-department {
	font-size: 14px;
}

.bottom-text {
	margin-top:25px;
	position:relative;
	padding: 25px 0 0;
	font-size: 18px;
	left: 0;
	bottom:0;
}

.bottom-text-en {
    left: -15px;
    top: -18px;
}

.letter-title img{
	width:100%;
	max-width:380px;
}

}


/* ================================================== */
@media screen and (max-width: 340px) {
.staff-main-text {
	font-size: 18px;
	line-height:1.5;
	bottom: 10px;
}

.staff-name {
	font-size:18px;
}

}