/**
 * Top Slider
 */

#slider{
    position:relative;
    overflow:hidden;
    width:100%;
    margin-top:100px;
    background:url("../images/slider-bg3.jpg") center 40%/cover no-repeat;
}

#slider::after{
    content:"";
    position:absolute;
    inset:-10px;
    background:inherit;
    filter:blur(8px);
    z-index:0;
}

#slider .container{
    position:relative;
    z-index:2;
    max-width:100%;
    padding:30px 0;
}

/* ------------------------------
   Swiper
------------------------------ */

.swiper{
    width:100%;
    overflow:visible;
    padding: 20px 0;
}

.swiper-wrapper{
    align-items:stretch;
}

.swiper-slide{
    height:auto;
}

/* ------------------------------
   Card
------------------------------ */

.slider-article{
    background:#fff;
    margin:0 10px;
    padding:20px;
    border-radius:4px;
    box-shadow:0 3px 12px rgba(0,0,0,.15);
}

.slider-article .pic{
    margin-bottom:15px;
}

.slider-article .pic img{
    width:100%;
    height:auto;
    display:block;
}

.slider-article h2{
    margin:0 0 15px;
    font-size:20px;
    font-weight:bold;
    line-height:1.5;
    font-weight: bold;
    background-color: transparent;
    padding: 0;
    border: 0;
    margin-bottom: 0.6em;
        display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.slider-article h2 a{
    /* color:#333;
    text-decoration:none; */
}

.slider-article p{
    font-size:14px;
    line-height:1.8;
        display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

/* ------------------------------
   Navigation
------------------------------ */

.swiper-button-next,
.swiper-button-prev{
    color:#fff;
}

.swiper-pagination{
    margin-top:20px;
    position:relative;
}

/* ------------------------------
   SP
------------------------------ */

@media(max-width:767px){

    #slider{
        margin-top:60px;
    }

    .slider-article{
        padding:0;
    }

    .slider-article .pic{
        margin:0;
    }

    .slider-article .txt{
        padding:15px;
    }

    .slider-article p{
        display:none;
    }

    .slider-article h2{
        font-size:16px;
    }

}