/* ********************************
TOPの制作実績・スライダー部分
******************************* */
.splide_section {
    /* background-color: #EEF5F5; */
    background: linear-gradient(to right, #EEF5F5, #e1f0f2);
    padding: 120px 0;
}

.splide {
    max-width: 1280px;
    margin: 0 auto;
}

.splide__slide img {
    box-shadow: 2px 2px 10px 0px rgba(90, 154, 161, 0.2);
}

.splide__arrow {
    /* background: #96C5CB; */
    background: linear-gradient(to right, #96C5CB, #a9d0ea);
    opacity: 1;
}

.splide__arrow--next,
.splide__arrows--rtl .splide__arrow--prev {
    right: 27%;
}

.splide__arrow--prev,
.splide__arrows--rtl .splide__arrow--next {
    left: 27%;
}


.splide__pagination__page.is-active {
    /* background: #96C5CB; */
    background: linear-gradient(to right, #96C5CB, #a9d0ea, #96C5CB);
    transform: scale(1.4);
    z-index: 1
}

.section_titleWrap {
    margin: 60px auto;
}

@media screen and (max-width:800px) {
    .splide__arrow--next {
        right: 5%;
    }

    .splide__arrow--prev {
        left: 5%;
    }

    .splide__arrows--rtl .splide__arrow--prev {
        right: 5%;
    }

    .splide__arrows--rtl .splide__arrow--next {
        left: 5%;
    }

}





/* **************************
TOPのservice
************************** */

.service_cardContainer {
    margin: 60px auto;
    justify-content: space-between;
    flex-wrap: wrap;
}


.service_card {
    width: 301px;
}

.card_title {
    font-weight: bold;
    font-size: 20px;
    color: #4e4e4e;
    text-align: center;
    padding: 23px 0;
}

.card_title::before {
    content: "";
    display: inline-block;
    background: linear-gradient(to right, #96C5CB, #a9d0ea);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;
}

/* .card_title span {
    display: inline-block;
    background: linear-gradient(to right, #96C5CB, #a9d0ea);
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin-right: 10px;
} */

@media screen and (max-width:1100px) {
    .service_cardContainer {
        width: 90%;
        gap: 60px;
    }
}


@media screen and (max-width:750px) {
    .service_card {
        width: 100%;
    }

    .service_card img {
        width: 100%;
    }

    .service_cardContainer {
        gap: 60px;
    }
}