/* =================================
	chart CSS
================================= */

/*	reset
============================== */
@media all and (min-width: 768px) {
.team_intro .contents{
	padding: 0 0 12px;
}
.team_intro .main_area h1{
	height: 240px !important;
}
}
@media all and (max-width: 767px) {
.team_intro .contents{
	padding: 0 0 8px;
	margin: 0;
}
}

/*	member_text
============================== */
.member_text{
	background-image:url(../team_intro/img/member_text.png);
	background-repeat: no-repeat;
}
@media all and (min-width: 768px) {
.member_text{
	width: 883px;
	height: 156px;
	margin: 35px auto 10px;
}
}
@media all and (max-width: 767px) {
.member_text{
	padding-top: 17.667%;
	overflow: hidden;
	height: 0;
	background-size: contain;
	margin: 10px 15px 0px;
}
}

/*	chart
============================== */
.chart {
	position:relative;
	background-image:url(../team_intro/img/team.jpg?20190818_2);
	background-repeat:no-repeat;
	background-position:left top;
	margin: 0 auto;
}
.chart ul {
	position: absolute;
	list-style-type:none;
	}
.chart ul li {
	position:absolute;
	}
.chart ul li#chara1 { left:30px; top:104px;}
.chart ul li#chara2 { left:209px; top:104px;}
.chart ul li#chara3 { left:388px; top:104px;}
.chart ul li#chara4 { left:567px; top:104px;}

.chart ul li#chara5 { left:30px; top:328px;}
.chart ul li#chara6 { left:209px; top:328px;}
.chart ul li#chara7 { left:388px; top:328px;}
.chart ul li#chara8 { left:567px; top:328px;}

.chart ul li#chara9 { left:30px; top:552px;}
.chart ul li#chara31 { left:209px; top:552px;}
.chart ul li#chara32 { left:388px; top:552px;}
.chart ul li#chara33 { left:567px; top:552px;}

.chart ul li#chara10 { left:30px; top:776px;}
.chart ul li#chara11 { left:209px; top:776px;}
.chart ul li#chara12 { left:388px; top:776px;}
.chart ul li#chara13 { left:567px; top:776px;}

.chart ul li#chara14 { left:30px; top:1000px;}
.chart ul li#chara15 { left:209px; top:1000px;}


.chart ul li#chara16 { left:30px; top:1340px;}
.chart ul li#chara17 { left:209px; top:1340px;}
.chart ul li#chara18 { left:388px; top:1340px;}
.chart ul li#chara19 { left:567px; top:1340px;}

.chart ul li#chara20 { left:30px; top:1564px;}
.chart ul li#chara21 { left:209px; top:1564px;}
.chart ul li#chara22 { left:388px; top:1564px;}
.chart ul li#chara23 { left:567px; top:1564px;}

.chart ul li#chara24 { left:30px; top:1788px;}
.chart ul li#chara25 { left:209px; top:1788px;}
.chart ul li#chara26 { left:388px; top:1788px;}
.chart ul li#chara27 { left:567px; top:1788px;}

.chart ul li#chara28 { left:30px; top:2012px;}
.chart ul li#chara29 { left:209px; top:2012px;}

.chart ul li#chara30 { left:30px; top:2263px;}

.chart ul li a {
	display:block;
	/*background-color:#fc0;
	opacity:0.5;*/
	text-decoration:none;
	}
.chart ul li a img {
	display:block;
	width:165px;
	height:210px;
	}
@media all and (min-width: 768px) {
.chart {
	width:762px;
	height:2515px;
}
.chart ul li a:hover {
	background-color:#fff;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
.chart {
	overflow:hidden;
	background-size:cover;
	height:0;
	padding-top:331.3648%;
}
.chart ul {
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	footer
============================== */
.team_intro footer {
	width: 100%;
	text-align: center;
	color: #fff;
	background-color:#000;
}
.team_intro footer .copyright a{
	color: #fafb37;
}
@media all and (min-width: 768px) {
.team_intro footer {
	font-size: 75%;
	min-height: 330px;
}
.team_intro footer .copyright{
	padding-top: 240px;
}
}
@media all and (max-width: 767px) {
.team_intro footer {
	font-size: 62.5%;
	padding:20px 0px 20px;
	line-height: 1.5;
}
.team_intro footer .copyright{
	font-size: 75%;
	line-height: 1.3;
	padding: 0px 0 30px;
}
}