html {}

body {
	background-color: #dae5f9;
}

img {
	width: 100%;
}

.header {
}

.container {
	position: relative;
	width: 100%;
}

.header .open {
	width: 11.46%;
	position: fixed;
	top: 2%;
	right: 5.33%;
}

main {
	display: block;
	width: 100%;
	padding-top: 15%;

	background: url(../img/staff/bg.jpg) no-repeat center 0;
	background-size: cover;
	padding-bottom: 20%;
}

.staff {
	width: 100%;
}

.staff-list {
	width: 84%;
	margin: 0 auto;
}

.staff-list .staff-item {
	color: #fff;
	width: 100%;
    margin-top: 11%;
}

.staff-list .staff-item:first-child {
    margin-top: 15%;
}

.staff-list .staff-item .role {
	font-size: 16.5px;
	font-size: 3.9vw;
	font-family: 'Times New Roman';
}

.staff-list .staff-item .name {
	font-size: 30px;
	font-size: 8vw;
	font-family: 'Times New Roman';
    margin-top: 3%;
}

.staff-list .staff-item .work {
	font-size: 13px;
    font-size: 3.4vw;
	font-family: 'Times New Roman';
}

.cast {
	width: 100%;
	margin: 19% auto 0;

}

.cast-list {
	width: 84%;
	margin: 0 auto;
	overflow: hidden;
}

.cast-list .cast-item {
	color: #fff;
	font-family: 'Times New Roman';
	font-size: 17.5px;
	font-size: 4.5vw;
	margin-top: 10%;
}

.cast-list .cast-item:first-child {
    margin-top: 13%;
}

.cast-list .cast-item span {
	font-size: 29px;
	font-size: 6.8vw;
}

.leaf {
	position: absolute;
	right: 3.6%;
	bottom: 24.5%;
	width: 36%;
}
footer {
	width: 100%;
	background-color: #fff;
	text-align: center;
}

.footer .twitter {
	width: 92.53%;
	margin: 0 auto;
	padding-top: 8%;
}

.footer .copyright {
	color: #666666;
	font-size: 9px;
	padding: 8% 0;
}

.to-top {
	position: fixed;
	bottom: 14%;
	right: 5%;
	width: 10.8%;
}

.inview {
	opacity: 0;
}