@charset "utf-8";
/* CSS Document */

@import url("slick.css");
@import url("slick-theme.css");

.slider_style {
  display:none;
}
.slider_style.slick-initialized {
  	display: block;	
}
.slider_style ul{
  padding: 0;
}
.slider_style img{
  max-width:100% !important;
  height:auto;
  margin: 0 auto;
}
.slick-dots{
	bottom: 15px;
}
@media screen and (max-width: 896px){
    .slick-dots{
	bottom: 10px;
}
}
.slick-dots li button:before{
	color: #eee;
}
.slick-dots li.slick-active button:before{
	color: white;
}

.imgBox{
    position: relative;
}
.slick-slide {
    position: relative;
}
.slick-slide .slider_txt {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: calc(100% - 40px);
  padding: 20px;
  background: rgba(0, 0, 0, .6);
  color: #fff;
  font-size: 14px;
  opacity: 0;
  transition: .3s ease;
}
.slick-slide {
  position: relative;
}
.slick-slide .slider_text {
  position: absolute;
  left: 0;
  bottom: calc(50% - 0.5em);
  z-index: 2;
  width: calc(100% - 40px);
  padding-left: 10%;
  /*background: rgba(0, 0, 0, .6);*/
  color: #fff;
  font-size: 20px;
    line-height: 1.5em;
  opacity: 0;
  transition: .6s ease;
}
@media screen and (max-width: 896px){
.slick-slide .slider_text {
    font-size: 16px;
    }
}
.slick-current .slider_text {
  opacity: 1;
  transition-delay: .3s;
}
.slick-slide .slider_text.tLine_02{
      bottom: calc(50% - 1.25em);
}
.slick-slide .slider_text.tLine_03{
      bottom: calc(50% - 2em);
}
.slick-dots li button:before{
    font-size: 12px;
}
@media screen and (max-width: 896px){
.slick-dots li button:before{
    font-size: 12px !important;
}
}
.slick-dots li{
    margin: 0 3px;
}
.slick-prev{
    left: 0 !important;
}
.slick-next{
    right: 0 !important;
}
.slick-prev:before, .slick-next:before{
    content: "";
}

.slider_style div{
    line-height: 0;
}

.slick-prev, .slick-prev:before, .slick-prev:hover, .slick-prev:focus, .slick-prev:hover:before, .slick-prev:focus:before{
     background: url("/ja/assets/img/s-arrow_prev.png") no-repeat; 
}
.slick-next, .slick-next:before, .slick-next:hover, .slick-next:focus, .slick-next:hover:before, .slick-next:focus:before{
     background: url("/ja/assets/img/s-arrow_next.png") no-repeat; 
}
.slick-prev, .slick-prev:before{
  height: 84px;
  width: 48px;
  left: 0;
  right: auto;
  margin: auto;
  display: block;
    opacity: 1;
    z-index: 99;
}
.slick-next, .slick-next:before{
  height: 84px;
  width: 48px;
  right: 0;
  left: auto;
  margin: auto;
  display: block;
    opacity: 1;
}

.slick-prev:hover, .slick-next:hover{
    color: #000;
    opacity: .5;
}

.slick-prev:focus, .slick-next:focus{
    color: #000;
    opacity: 1;
}
@media screen and (max-width: 896px){
.slick-prev, .slick-prev:before, .slick-next, .slick-next:before {
    display: none !important;
    }
}