@charset "utf-8";

/* トップ「スライダー」スタイル */

#top-content4 {
	background:#0f0f0f;
/*	padding:35px 0 0;*/
}

#ASlider {
	background:#2e2d2d;
	padding:25px 0;
}

.slide {
	background:#1b1a1a;
	text-align:center;
	padding:31px 0 22px;
	border-left:1px solid #100f0f;
	width:352px;
}
.slide p {
	text-align:center;
	color:#d8dae3;
	font-size:142%;
	padding-top:10px;
}



#ASlider .bx-controls.bx-has-controls-direction a{
	position:absolute;
	top:0;
	height:100%; 
	width:45px;
	background:url('images/top-content4/btn_left_right.png') 0 50%;
	text-indent:-99999px;
	z-index:99999;
}
#ASlider .bx-controls.bx-has-controls-direction a.bx-prev {
	left:0;
}
#ASlider .bx-controls.bx-has-controls-direction a.bx-next {
	right:0;
	background-position:100% 50%;
}


/* メインタイトル */
#Contant2-header {
	padding: 25px 0 20px 0;
}


.slider-page2 {
	padding:0 56px !important;
	width:1140px;
}
.slider2 li {
	background:#1b1a1a;
	padding:8px 40px;
}
.slider2 .img-staff {
	float:left;
	width:448px;
}
.staff-information {
	width:480px;
	float:right;
	padding: 15px;
	padding-left: 5px;
}
.staff-information .name-staff {
	padding:35px 0 0;
	color:#d8dae3;
	font-size:200%;
	margin-bottom:20px;
}
.staff-information p {
	color:#d8dae3;
	font-size:134%;
}


@media screen and (max-width : 1169px) {
	.slider-page2 {
		width:100%;
	}
	.slider2 li {
		padding:8px;
	}
	.slider2 .img-staff {
		width:45%;
	}
	.slider2 .img-staff img {
		width:100%;
		height: auto;
	}
	.staff-information {
		width:50%;
	}
	.staff-information .name-staff {
		padding:0;
		margin-bottom:10px;
	}
}
@media screen and (max-width : 768px) {
	.slider2 li {
		padding:0;
	}
	.slider2 .img-staff {
		width:100%;
		float:none;
		margin-bottom:10px;
	}
	.staff-information {
		width:100%;
		float:none;
	}
}


/* **************************************************** */
/* メディアクエリ
/* **************************************************** */

@media screen and (max-width: 979px) {
	/* 979px以下用（タブレット用）の記述 */
}
@media screen and (max-width: 767px) {
	/* 767px以下用（タブレット／スマートフォン用）の記述 */
}
@media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
}

	/* デフォルト：479px以下用（スマートフォン用）の記述 */
@media screen and (min-width: 480px) {
	/* 480px以上用（タブレット／スマートフォン用）の記述 */
}
@media screen and (min-width: 768px) {
	/* 768px以上用（タブレット用）の記述 */
}
@media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
}

@media screen and (min-width: 768px) and (max-width: 979px) {
	/* 768px - 979px用（タブレット用）の記述 */
}
@media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
}