@charset "utf-8";

section-cp-bunner{
	z-index:10;
}

@media screen and (max-width: 767px) {
/* ここに横幅が767px以下の時に発動するスタイルを記述 */
/*------ スライダーの横幅 ------*/
.slider{
  width:90%;
  margin:0px auto 50px auto;
}
}

@media screen and (min-width: 767px) {
/* ここに横幅が767pxより大きい時に発動するスタイルを記述 */
/*------ スライダーの横幅 ------*/
.slider{
  width:710px;
	height:270px;
  margin:-300px auto 50px auto;
}
}



/*------ スライダー画像 ------*/
.slider img{
	width:100%;
	border-radius: 25px;
}

/*-------- 高さ調整 ----------*/
.slider .slick-slide{
	height:auto!important;
}

/*---------- 矢印 ----------*/
.slider .slick-next{
    right:0!important;
}
.slider .slick-prev{
    left:0!important;
}
.slider .slick-arrow{
    width: initial!important;
    height: initial!important;
    z-index:2!important;
}

.slider .slick-arrow:before{
    content:""!important;
    width: 100%!important;
    height: 100%!important;
    position: absolute;
    top: 0;
    left: 0;
}

.slider .slick-next:before{
    background: url(../images/arrow_r.png)!important;
    background-size: contain!important;
}

.slider .slick-prev:before{
    background: url(../images/arrow_l.png)!important;
    background-size: contain!important;
}

.dc .slick-dots li.slick-active button:before {
    color: #E60000;
}
.dc .slick-dots li button:before {
    color: #E60000;
    font-size:10pt;
}

.jcb .slick-dots li.slick-active button:before {
    color: #035bb9;
}
.jcb .slick-dots li button:before {
    color: #035bb9;
    font-size:10pt;
}