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

/* ==========================================================================
staff cast
========================================================================== */

body.staff_popup {
	background: #fff;
}


body.staff_popup .container {
	width: 100%;
	padding: 5%;
}
#close-btn{
	position:absolute;
	top: 10px;
	right: 10px;
	width:5%;
	height:auto;
	cursor:pointer;
	z-index:99;
}
#close-btn img{
	width:100%;
}

.staff_popup .col-md-12 {
	position:relative;
}
.staff_popup .col-xs-12 {
	position:relative;
	float:none !important;
}
.staff_popup .col-md-12 img {
	display:inline-block;
	text-align:center;
	margin:0 auto 20% auto;
	width:100%;
	
}

.staff_popup .row {
	padding:0;
	margin:0;
}
.staff_popup .staff_01 {
	background:url(../img/staff_01_bg.jpg) no-repeat right 0;
	background-size:cover;
	background-attachment:fixed;
}
.staff-deco{
	width: 15%;
	position:absolute;
	top: 1%;
	right: 0;
	left:0;
	margin:auto;
	z-index:2;
}
.staff-deco img{
	width:100%;
}
@media screen and (max-width:1000px){
.staff-deco{
	width: 35%;
}
}
@media screen and (max-width:768px){
.staff_popup .staff_01 {
	background:url(../img/staff_01_bg.jpg) no-repeat 75% 0;
	background-attachment:scroll;
	background-size:auto 100%;
}
}
.staff-name {
	margin:0 auto 100% auto;
	padding-top:10%;
	z-index:2;
}
.staff-name img{
	width:100%;
}

.staff-text{
	position:relative;
	bottom: 0;
	right: 0;
	left:0;
	margin:auto;
	z-index:1;
	padding-bottom:3%;
}
.staff-text-2 p{
	color:#000 !important;
}
.staff_popup p{
	color: #fff;
	font-family: "Noto Sans Japanese", Nunito, sans-serif;
}