body {
		background: #fff;
}
.wrapper {
		background: url(../images/header_inner_team.png) #fff no-repeat;
		background-size: 100% auto;
}
.header_title {
		/* font-family: "ACaslonPro"; */
		color: rgb(255, 255, 255);
		line-height: 0.5;
		text-align: center;
}
.header_inner {
		height: 100vh;
		width: auto;
}
.header_subtitle a {
		border-bottom: 1px solid #d8d8d9;
		text-decoration: none;
}
.banner_inner {
		background: url(../images/banner_team.png) #fff no-repeat;
		background-size: 100% auto;
		width: auto;
		height: 304px;
}
.div {
		display: flex;
		justify-content: center;
		display: -webkit-flex;
		-webkit-justify-content: center;
}
.header_subtitle {
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
		padding: 20px 0;
}
.header_subtitle a {
		font-size: 15px;
		/* font-family: "Arial"; */
		color: #fff;
		line-height: 1.4;
		text-align: center;
		display: flex;
		display: -webkit-flex;
		justify-content: center;
		-webkit-justify-content: center;
}
.header_subtitle_footer {
		font-size: 48px;
		/* font-family: "ACaslonPro"; */
		color: rgb(92, 157, 220);
		line-height: 1.4;
		color: #fff;
		text-align: center;
		margin-top: 90px;
}
.header_title_footer {
		text-align: center;
		padding-top: 10px;
}
.header_title_footer a {
		font-size: 15px;
		/* font-family: "Arial"; */
		color: rgb(255, 255, 255);
		line-height: 0.5;
}
.img-list .div {
		display: inline-block;
		position: relative;
		padding: 0;
}
span.text-content {
		background: rgba(0, 0, 0, 0.5);
		color: white;
		cursor: pointer;
		display: table;
		height: 265px;
		left: 0;
		position: absolute;
		top: 0;
		width: 201px;
}
.img-list {
		padding: 0;
		text-align: center;
}
span.text-content span {
		font-size: 13px;
		/* font-family: "Arial"; */
		color: rgb(255, 255, 255);
		line-height: 1.4;
		text-align: left;
}
.description {
		padding: 15px 0;
		width: 201px;
		margin: 0 auto;
}
.img-list {
		margin-top: 0px;
}
.img-list:first-child {
		margin-top: 80px;
}
span.text-content {
		background: rgba(0, 0, 0, 0.5);
		color: white;
		cursor: pointer;
		display: table;
		height: 265px;
		left: 0;
		position: absolute;
		top: 0;
		width: 201px;
		opacity: 0;
}
span.text-content {
		background: #5c9ddc;
		color: white;
		cursor: pointer;
		display: table;
		height: 265px;
		left: 0;
		position: absolute;
		top: 0;
		width: 201px;
		opacity: 0;
		-webkit-transition: opacity 500ms;
		-moz-transition: opacity 500ms;
		-o-transition: opacity 500ms;
		transition: opacity 500ms;
		left: 50%;
		margin-left: -100.5px;
}
.img-list .div:hover span.text-content {
		opacity: 1;
		text-align: left;
		padding: 18px;
}
.description_title {
		font-size: 24px;
		/* font-family: "ACaslonPro"; */
		font-weight: bold;
		color: rgb(0, 0, 0);
		line-height: 1.2;
		text-align: left;
}
.description_text {
		font-size: 18px;
		/* font-family: "ACaslonPro"; */
		font-weight: bold;
		color: rgb(0, 0, 0);
		line-height: 1.2;
		text-align: left;
}
.banner_inner {
		margin-top: 30px;
}
@media screen and (min-width: 768px) {
		.banner_inner {
				margin-top: 50px;
		}
}
/*
.footer_wrapper {
		margin-top: -30px !important;
}

@media screen and (max-width: 1600px) {
		.footer_wrapper {
				margin-top: -30px;
		}
}
*/
@media screen and (max-width: 1600px) {
		.main_content {
				margin-top: 40px;
		}
}
@media screen and (max-width: 1280px) {
		.circle {
				margin-bottom: 100px;
		}
}
@media screen and (max-width: 1024px) {
		.img-list .div {
				height: 350px;
				margin-bottom: 30px;
		}
		.img-list {
				/*margin-top: 30px;*/
		}
}
@media screen and (max-width: 768px) {
		.img-list .div:hover span.text-content {
				opacity: 0;
				text-align: left;
				padding: 18px;
		}
		.img-list .div span.text-content.selected {
				opacity: 1;
				text-align: left;
				padding: 18px;
		}
		.wrapper {
				background: url(../images/header_inner_team.png) #fff 40% 0 no-repeat;
				background-size: 120% auto;
		}
		.banner_inner {
				height: 220px;
		}
		/* .footer_wrapper {
				margin-top: -10px;
		} */
		.img-list .div {
				height: 370px;
		}
}
@media screen and (max-width: 425px) {
		span.text-content {
				height: 224px
		}
		.img-list .div:hover span.text-content {
				opacity: 0;
				padding: 10px;
		}
		.img-list .div span.text-content.selected {
				padding: 10px;
				opacity: 1;
		}
		span.text-content span {
				font-size: 13px;
		}
		.member img {
				width: 80%;
				/*height: 80%;*/
		}
		span.text-content {
				left: 50%;
				margin-left: -85px;
		}
		.description {
				width: 170px;
		}
		span.text-content {
				width: 170px;
		}
		.wrapper {
				background: url(../images/header_inner_team_m.png) #fff 50% 0 no-repeat;
				background-size: 120% auto;
		}
		.main_content_text {
				padding-top: 50px;
		}
		.banner_inner {
				background: url(../images/banner_team.png) #fff 50% 0% no-repeat;
				background-size: 170% auto;
		}
		.quote:after {
				right: -30px;
		}
		.header_subtitle_footer {
				margin-top: 70px;
		}
		.header_subtitle_footer {
				font-size: 40px;
		}
		.header_title_footer {
				padding-top: 10px;
		}
}
@media screen and (max-width: 375px) {
		span.text-content {
				width: 150px;
				height: 198px;
		}
		span.text-content {
				left: 50%;
				margin-left: -75px;
		}
		span.text-content span {
				font-size: 10px;
		}
		.img-list .div:hover span.text-content {
				opacity: 0;
				line-height: 1;
		}
		.img-list .div span.text-content.selected {
				line-height: 1;
				opacity: 1;
		}
		.wrapper {
				background-size: 130% auto;
		}
		.banner_inner {
				background-size: 200% auto;
		}
		.description {
				width: 150px;
		}
		.img-list .div {
				height: 330px;
		}
}
@media screen and (max-width: 320px) {
		.img-list .div:hover span.text-content {
				opacity: 0;
				padding: 6px;
		}
		.img-list .div span.text-content.selected {
				padding: 6px;
				opacity: 1;
		}
		.img-list {
				margin-top: 0px;
		}
		.wrapper {
				background-size: 140% auto;
		}
		.main_content_text {
				padding-top: 0px;
		}
		.banner_inner {
				background-size: 240% auto;
		}
		.header_title {
				font-size: 32px;
		}
		.header_subtitle_footer {
				font-size: 35px;
		}
		.description_text {
				font-size: 16px;
		}
		.img-list .div {
				height: 290px;
		}
		span.text-content {
				width: 130px;
		}
		span.text-content {
				left: 50%;
				margin-left: -65px;
		}
		.img-list .div:hover span.text-content {
				padding: 6px;
		}
		span.text-content span {
				font-size: 10px;
		}
		span.text-content {
				height: 170px;
		}
		.description_title {
				font-size: 20px;
		}
		.description {
				width: 130px;
		}
		span.text-content {
				width: 130px;
		}
		span.text-content {
				left: 50%;
				margin-left: -65px;
		}
		.img-list .div:hover span.text-content {
				padding: 4px;
		}
		span.text-content span {
				font-size: 10px;
		}
		span.text-content {
				height: 170px;
		}
}
@media all and (max-width: 1600px) {
		.banner_inner {
				height: 290px;
		}
}
@media all and (max-width: 946px) {
		.banner_inner {
				height: 290px;
		}
}
@media all and (max-width: 915px) {
		.banner_inner {
				height: 277px;
		}
}
@media all and (max-width: 861px) {
		.banner_inner {
				height: 270px;
		}
}
@media all and (max-width: 825px) {
		.banner_inner {
				height: 264px;
		}
}
@media all and (max-width: 809px) {
		.banner_inner {
				height: 258px;
		}
}
@media all and (max-width: 792px) {
		.banner_inner {
				height: 250px;
		}
		.header_subtitle_footer {
				margin-top: 86px;
		}
}
@media all and (max-width: 768px) {
		.banner_inner {
				height: 250px;
		}
		.header_subtitle_footer {
				margin-top: 69px;
		}
}
@media all and (max-width: 742px) {
		.banner_inner {
				height: 240px;
		}
		.header_subtitle_footer {
				margin-top: 69px;
		}
}
@media all and (max-width: 724px) {
		.banner_inner {
				height: 229px;
		}
		.header_subtitle_footer {
				margin-top: 69px;
		}
}
@media all and (max-width: 656px) {
		.banner_inner {
				height: 209px;
		}
		.header_subtitle_footer {
				margin-top: 62px;
		}
}
@media all and (max-width: 605px) {
		.banner_inner {
				height: 200px;
		}
		.header_subtitle_footer {
				margin-top: 62px;
		}
}
@media all and (max-width: 573px) {
		.banner_inner {
				height: 194px;
		}
		.header_subtitle_footer {
				margin-top: 55px;
		}
}
@media all and (max-width: 551px) {
		.banner_inner {
				height: 185px;
		}
		.header_subtitle_footer {
				margin-top: 50px;
		}
}
@media all and (max-width: 521px) {
		.banner_inner {
				height: 180px;
		}
		.header_subtitle_footer {
				margin-top: 42px;
		}
}
@media all and (max-width: 500px) {
		.banner_inner {
				height: 171px;
		}
		.header_subtitle_footer {
				margin-top: 35px;
		}
}
@media all and (max-width: 474px) {
		.banner_inner {
				height: 161px;
		}
		.header_subtitle_footer {
				margin-top: 30px;
		}
}
@media all and (max-width: 447px) {
		.banner_inner {
				height: 153px;
		}
		.header_subtitle_footer {
				margin-top: 23px;
		}
}
@media all and (max-width: 425px) {
		.banner_inner {
				height: 220px;
		}
		.header_subtitle_footer {
				margin-top: 74px;
		}
}
@media all and (max-width: 345px) {
		.banner_inner {
				height: 220px;
		}
		.header_subtitle_footer {
				margin-top: 37px;
		}
}
@media all and (max-width: 320px) {
		.banner_inner {
				height: 220px;
		}
		.header_subtitle_footer {
				margin-top: 79px;
		}
}
@media all and (max-width: 305px) {
		.banner_inner {
				height: 220px;
		}
		.header_subtitle_footer {
				margin-top: 49px;
		}
}
/*
@media all and (max-width: 1592px) and (min-width: 1300px) {
		.footer_wrapper {
				margin-top: -17px !important;
		}
}
*/