@charset "utf-8";

/* --------------------------------
   □ staff
-------------------------------- */

/*    question  */
#staff section#question {
	width: 1000px;
	margin: 0 auto;
}
#staff section#question h3 {
	text-align: center;
}
#staff section#question p {
	text-align: center;
	margin-top: -70px;
}
#staff section#question p span {
	font-size: 21px;
	padding: 0 15px 10px;
	border-bottom: 2px solid #404040;
}

/*    stafflist  */
#staff section#stafflist {
	width: 1000px;
	margin: 70px auto 0;
}

#staff section#stafflist ul.staff li{
	width: 475px;
    float: left;
    min-height: 390px;
    margin-right: 30px;
	margin-bottom:65px;
}
#staff section#stafflist ul.staff li:nth-child(2n){
	margin-right:0;
}

/*
#staff section#stafflist ul.staff li.president{
	margin-left: 260px;
}

#staff section#stafflist ul.staff li:nth-child(3),
#staff section#stafflist ul.staff li:nth-child(5),
#staff section#stafflist ul.staff li:nth-child(7),
#staff section#stafflist ul.staff li:nth-child(9){
	margin-right:0;
}
*/

#staff section#stafflist .bxslider{
	width: 169px;
    float: left;
    margin-right: 18px;
}

#staff section#stafflist p.prof{
	width: 288px;
    float: right;
	margin-top: 40px;
}

#staff section#stafflist p.msg{
	clear: both;
    background: url(../../images/staff/msg-middle.gif) 0 0 repeat-y;
    font-size: 13px;
    line-height: 1.7;
    color: #623333;
    font-weight: bold;
}

#staff section#stafflist p.msg:before{
    content: " ";
    width: 100%;
    display: block;
    height: 41px;
    background: url(../../images/staff/msg-top.gif) 0 0 no-repeat #fff;
}

#staff section#stafflist p.msg:after{
	content: " ";
    width: 100%;
    display: block;
    height: 15px;
    background: url(../../images/staff/msg-bottom.gif) 0 0 no-repeat #fff;
}

#staff section#stafflist p.msg span{
	margin: 0 23px;
    display: block;
}

#staff section#stafflist .character {
	clear: both;
	padding: 50px 0;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}
#staff section#stafflist .character h3 {
	text-align: center;
	margin-bottom: 20px;
}
#staff section#stafflist .character dl {
	width: 475px;
	float: left;
	margin-right: 45px;
}
#staff section#stafflist .character dl:last-child {
	margin-right: 0;
}
#staff section#stafflist .character dl dt {
	width: 169px;
	float: left;
	margin-right: 18px;
	text-align: center;
}
#staff section#stafflist .character dl dd {
	width: 288px;
	float: right;
}

#staff section#stafflist p.btn {
	margin: 60px auto;
	text-align: center;
}

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

	/*    question  */
	#staff section#question {
		width: 100%;
		box-sizing: border-box;
		margin: 0 auto;
	}
	#staff section#question h3 {
		text-align: center;
	}

	/*    stafflist  */
	#staff section#stafflist {
		width: 100%;
		margin: 30px auto 0;
		padding:  0 5%;
		box-sizing: border-box;
	}

	#staff section#stafflist ul.staff li{
		position: relative;
		width: 100%;
		float: inherit;
		text-align: center;
		min-height: inherit;
		margin-right: 0px;
		margin-bottom: 52px;
	}
	#staff section#stafflist ul.staff li:nth-child(2n){
		margin-right:0;
	}

	/*
	#staff section#stafflist ul.staff li.president{
		margin-left: 260px;
	}
	*/
		
	#staff section#stafflist ul.staff li:nth-child(2){
		margin-top: 10;
		z-index: -4;
	}
		
	#staff section#stafflist ul.staff li:nth-child(3){
		margin-top: 0;
		z-index: -3;
	}
		
	#staff section#stafflist ul.staff li:nth-child(4){
		margin-top: 0;
		z-index: -2;
	}
		
	#staff section#stafflist ul.staff li:nth-child(5){
		margin-top: 0;
		z-index: -1;
	}
		
	#staff section#stafflist ul.staff li:nth-child(6){
		margin-top: 0;
		z-index: 0;
	}
		
	#staff section#stafflist ul.staff li:nth-child(7){
		margin-top: 0;
		z-index: 1;
	}
		
	#staff section#stafflist ul.staff li:nth-child(8){
		margin-top: 0;
		z-index: 2;
	}
		
	#staff section#stafflist ul.staff li:nth-child(9){
		margin-top: 0;
		z-index: 3;
	}


	#staff section#stafflist .bxslider{
		width: 42%;
		float: inherit;
		z-index: 3;
		margin: 0 auto 10px;
	}

	#staff section#stafflist p.prof{
		position: relative;
		width: 100%;
		text-align: center;
		float: inherit;
		margin-top: 20px;
		z-index: -3;
	}

	#staff section#stafflist p.msg{
		display: none;
	}

	#staff section#stafflist p.msg:before{
		display: none;
	}

	#staff section#stafflist p.msg:after{
		display: none;
	}

	#staff section#stafflist p.msg span{
		display: none;
	}

	#staff section#stafflist .character dl {
		width: 100%;
		height: auto;
		box-sizing: border-box;
		float: inherit;
		margin-right: 0px;
		padding: 0 5%;
	}
	#staff section#stafflist .character dl:last-child {
		margin-right: 0;
	}
	#staff section#stafflist .character dl dt {
		position: relative;
		display: block;
		width: 100%;
		float: inherit;
		margin-right: 0;
		text-align: center;
		z-index: 1;
	}
	#staff section#stafflist .character dl dd {
		position: relative;
		display: block;
		width: 100%;
		float: inherit;
		margin-top: -30px;
		z-index: 0;
	}

	#staff section#stafflist p.btn {
		margin: 30px auto 50px;
	}	
		
}