@charset "utf-8";

#slider li {
  height: 80vh;
  background: center/cover no-repeat;
  position: relative;
}
#slider .slider-text{
	position: absolute;
	top: 50%;
	left: 100px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	color: #fff;
	max-width: 500px;
	width: 100%;
}
#slider li.bg01 {
	background-image:url(../images/slide/img-01.jpg);
}
#slider li.bg02 {
	background-image:url(../images/slide/img-02.jpg);
}
#slider li.bg03 {
	background-image:url(../images/slide/img-03.jpg);
}

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

	#slider li.bg01 {
		background-image:url(../images/slide/img-01-sp.jpg);
	}
	#slider li.bg02 {
		background-image:url(../images/slide/img-02-sp.jpg);
	}
	#slider li.bg03 {
		background-image:url(../images/slide/img-03-sp.jpg);
	}

	#slider .slider-text{
		left: 24px;
		max-width: 300px;
	}
}
#slider .slider-text h2{
	font-size: 42px;
	font-weight: bold;
	margin-bottom: 16px;
	text-shadow: 1px 2px 3px #898989;
}
@media only screen and (max-width: 767px){
	#slider .slider-text h2{
		font-size: 28px;
	}
}
#slider .slider-text h3{
	margin-bottom: 32px;
}
@media only screen and (max-width: 767px){
	#slider .slider-text h3{
		font-size: 14px;
	}
}
#slider .slider-text h4{
	margin-bottom: 32px;
}
@media only screen and (max-width: 767px){
	#slider .slider-text h4{
		font-size: 14px;
	}
}
#slider .slider-text .slider-btn .morebtn{
	width: 250px;
	height: 50px;
	border: 1px solid #ffffff;
	text-align: center;
	background-color: #505050;
	position: relative;
	margin-right: auto!important;
	display: inline-block!important;
	color: #ffffff!important;
}
@media only screen and (max-width: 767px){
	#slider .slider-text .slider-btn .morebtn{
		width: 200px;
		height: 44px;

	}
}
/* ページャー
----------------------------------- */
.bx-default-pager {
  display: flex;
  justify-content: center;
  position: absolute;
  z-index: 99999;
  bottom: 40px;
  right: 0;
  left: 0;
  margin: auto;
}
.bx-pager-item a {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  overflow: hidden;
  background-color: #fff;
  border-radius: 50%;
  text-indent: 100%;
  cursor: pointer;
}
/* active時の色 */
.bx-pager-item .active {
  background-color: #898989;
}