@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;-ms-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:-ms-flexbox;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:center;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;-ms-flex-negative:0;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:transparent;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}

/* Add numbers to pagination buttons by CSS */
section#splide01 {
    position: relative;
}

.splide__pagination {
    counter-reset: pagination-num;
}

.splide__pagination__page:before {
    counter-increment: pagination-num;
    content: counter(pagination-num);
}

.splide__arrow--prev,
section .splide__arrow--next {
    position: absolute;
    z-index: 10;
    top: 0;
    bottom: 0;
    margin: auto;
}

button.splide__arrow {
    width: 6rem;
    height: 6rem;
    background-color: #A4C1CC;
    border: unset;
    border-radius: 50%;
    opacity: 0.8;
    cursor: pointer;
    fill: #FFFFFF;
}

button.splide__arrow.splide__arrow--prev {
    transform: rotate(180deg);
    right: calc(100% - 5rem);
}

.splide__arrow--next {
    left: calc(100% - 5rem);
}

#columns .splide__pagination,
#serial .splide__pagination {
    margin-top: 1.6rem;
    padding: 0;
    gap: 0.5rem;
}

button.splide__pagination__page {
    width: 3.2rem;
    height: 3.2rem;
    border: solid 1px #A4C1CC;
    border-radius: 50%;
    color: #000000;
    font-weight: 500;
    cursor: pointer;
}

button.splide__pagination__page.is-active {
    background-color: #0059A0;
    color: #FFFFFF;
}

.splide__slide {
    background-color: #FFFFFF;
}

.splide__slide a {
    display: flex;
    height: 100%;
    border: .2rem solid #9DD4C5;
    border-radius: .4rem;
    overflow: hidden;
    flex-direction: column;
    justify-content: flex-start;
}

.splide__slide a:hover {
    border-color: #00A1B9;
    text-decoration: none;
}

.splide__slide a h3 {
    margin-bottom: 0;
    padding: 1rem;
    background-color: #FFFFFF;
    font-size: 1.6rem;
}

.splide__slide a h3 span {
    display: block;
    font-weight: normal;
}

@media (min-width: 1300px) {
    button.splide__arrow.splide__arrow--prev {
        right: calc(100% + min(0.77vw, 4rem));
    }

    button.splide__arrow.splide__arrow--next {
        left: calc(100% + min(0.77vw, 4rem));
    }
}