.subf_view_inner {
	background:url(../images/staff/bg_staff.jpg) no-repeat center / cover;
}


/* --- staff --- */

.staff {
	margin-bottom:160px;
}

.staff_wrap {
	margin-bottom:100px;
}

.staff_block {
	text-align:center;
	border:2px solid #8AABB8;
	width:31%;
	max-width:372px;
	padding-bottom:20px;
	margin-bottom:3.3%;
}

.staff_block figure {
	height:20vw;
	max-height:260px;
	margin-bottom:-5%;
	overflow:hidden;
}

.staff_block figure img {
	transition:transform .4s;
}

.staff_block:hover {
	opacity:0.8;
}

.staff_block:hover figure img {
	transform:scale(1.1);
}

@media screen and (max-width:1060px){
.staff_block figure {
	margin-bottom:-7%;
}
}

.cate {
	margin-bottom:20px;
	font-size:1.8rem;
	padding: 0.37em 0.75em;
	position:relative;
}

.name {
	font-size:2rem;
}

.name_en {
	font-size:1.4rem;
	display: block;
	text-align:center;
	padding-top:0.5em;
	font-weight:500;
}

/* --- staff single --- */

#staff-single .staff {
	padding:0 70px;
	margin-bottom:60px;
}

#staff-single .staff .inner {
	max-width:1200px;
	padding:0 92px;
	background:linear-gradient(#fff 0%, #fff 46%, #E1E7E9 46%, #E1E7E9 100%);
}

.staff_pro figure {
	width:57%;
	max-width:572px;
	height:30vw;
	max-height:402px;
	border:2px solid #8AABB8;
}

.staff_txt {
	 width:38%;
	 max-width:380px;
	 margin-top:30px;
}

.staff_txt .name {
	padding-bottom:0.5em;
	border-bottom:1px solid #8AABB8;
	margin-bottom:1em;
}

#staff-single .name_en {
	display: inline-block;
	padding-left:1.5em;
	padding-top:0;
}
.staff_dl > div {
	width:100%;
	margin-bottom:1em;
}
.staff_dl > div:nth-of-type(2) {
	min-height: 64px;
}
.staff_dl dt,
.staff_dl dd {
	line-height:2em;
}

.staff_dl dt {
	letter-spacing: 0.1rem;
}

.staff_dl dd {
	padding-left:0.5em;
}

.sns {
	margin-top:20px;
	padding-top:40px;
	position:relative;
}

.sns .follow {
	position:absolute;
	left:-24px;
	top:0px;
	transform:rotate(-15deg);
}

.icon_sns {
	width:45px;
	height:45px;
	border-radius:50%;
	margin-right:15px;
}

.message {
	margin-top:35px;
	padding-bottom:50px;
}

.message h2 {
	font-size:3.5rem;
	position:relative;
	margin-bottom:0.2em;
}

.message h2::after {
	content:"";
	display: block;
	width:calc(100% - 5em);
	height:1px;
	font-size:3.5rem;
	background:#8AABB8;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto 0;
}

.message p {
	line-height:2em;
}

.page_eng {
	margin-bottom:150px;
	position: relative;
}

.page_eng::before {
    content: "";
    display: block;
    width: 1px;
    height: 70px;
    background: #8AABB8;
    position: absolute;
    top: -90px;
    left: 0;
    right: 0;
    margin: 0 auto;
}


/* ---------  ver.SmartPhone ------------ */

@media screen and (max-width:768px){

	.staff {
		margin-bottom:12.25vw;
	}
	.staff_wrap {
		margin-bottom:12.5vw;
	}

	.staff_block {
		width:100%;
		max-width:100%;
		padding-bottom:5vw;
		margin-bottom:5vw;
	}

	.staff_block:last-of-type {
		margin-bottom:0;
	}

	.staff_block figure {
		height:63vw;
		margin-bottom:-4.5vw;
		max-height:100%;
	}

	.cate {
		font-size:4.5vw;
	}

	.name {
		font-size:5vw;
	}

	.name_en {
		font-size:3.5vw;
	}

	/* --- staff single --- */

	#staff-single .staff {
		padding:0;
		margin-bottom:12.5vw;
	}

	#staff-single .staff .inner {
		padding:0 5vw;
		max-width:100%;
		background:linear-gradient(#fff 0% , #fff 14% ,#E1E7E9 14% , #E1E7E9 100%);
	}

	.staff_pro figure {
		width:100%;
		max-width:100%;
		height:63.25vw;
		max-height:100%;
		margin-bottom:5vw;
	}

	.staff_txt {
		width:100%;
		max-width:100%;
		margin-top:0;
		text-align:center;
	}

	.staff_dl dt {
		font-size:4vw;
	}

	.staff_dl dt,
	.staff_dl dd {
		text-align:left;
	}

	.staff_dl dd {
		font-size:3.5vw;
		padding-top:0.2em;
	}

	.staff_dl > div {
		margin-bottom:0.5em;
		flex-wrap:nowrap;
		-webkit-flex-wrap:nowrap;
	}
	.staff_dl > div:nth-of-type(2) {
		min-height: inherit;
	}
	.sns {
		padding-top:0;
		margin-top:3vw;
		justify-content:center;
		-webkit-justify-content:center;
	}

	.sns .follow {
		transform:rotate(0);
		position:relative;
		left:auto;
		top:auto;
		width:100%;
		margin-bottom:4vw;
	}

	.sns .follow img {
		width:26.5vw;
	}

	.sns .icon_sns {
		width:11.25vw;
		height:11.25vw;
		margin:0;
	}

	.sns .icon_sns img {
		width:11.25vw;
		height:11.25vw;
	}

	.sns .icon_twitter {
		margin:0 2.5vw;
	}

	.message {
		margin-top:5vw;
		padding-bottom:10vw;
	}

	.message h2,
	.message h2::after {
		font-size:6.25vw;
	}

	.page_eng {
		margin-bottom:12.5vw;
	}
	.page_eng::before {
	    height: 17.5vw;
	    top: -22.5vw;
	}
}