.swiper-slide {
            -webkit-transition: transform 1.0s;
            -moz-transition: transform 1.0s;
            -ms-transition: transform 1.0s;
            -o-transition: transform 1.0s;
            -webkit-transform: scale(0.7);
            transform: scale(0.7);
        }


        .swiper-slide-active,.swiper-slide-duplicate-active {
            -webkit-transform: scale(1);
            transform: scale(1);
        }
        .none-effect {
            -webkit-transition: none;
            -moz-transition: none;
            -ms-transition: none;
            -o-transition: none;
        }

        .swiper-slide a {
            background: #fff;
            padding:3px;
            display: block;
            border-radius: 14px;
        }

        .swiper-slide a:after {
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            box-sizing: border-box;
            border: 3px solid #fff;
            content: "";
            width: 100%;
            height: 100%;
            background: url(../images/top_slick_cover_bg01.png) 0 0 repeat;
            border-radius: 20px;
        }

        .swiper-slide-active a:after {
            background: none;
        }

        .swiper-slide img {
            width: 100%;
            border-radius: 14px;
            display: block;
        }

        .swiper-pagination {
            position: relative;
            margin-bottom: 30px;
            margin-top: 15px;
        }

        .swiper-pagination-bullet {
            background: #00a0e9;
            margin-left: 4px;
            margin-right: 4px;
            width: 17px;
            height: 17px;
            opacity: 1;
            margin-bottom: 4px;
        }

        .swiper-pagination-bullet-active {
            width: 25px;
            height: 25px;
            background: #FFF;
            border: 6px solid #00a0e9;
            margin-bottom: 0;
        }

        @media screen and (max-width: 668px) {

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

            .swiper-pagination-bullet {
                background: #00a0e9;
                margin-left: 2px;
                margin-right: 2px;
                width: 8px;
                height: 8px;
                margin-bottom: 2px;
            }

            .swiper-pagination-bullet-active {
                width: 6px;
                height: 6px;
                background: #FFF;
                border: 3px solid #00a0e9;
                margin-bottom: 0;
            }
        }

        .button {
            width: 1000px;
            margin: 0 auto;
            bottom: 43px;
            position: relative;
        }

        @media screen and (max-width: 668px) {
            .button {
                width: 70%;
                bottom: 22px;
            }
        }

        .button div:hover {
            background-color: #2f4798;
        }

        .swiper-button-prev {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
        }

        .swiper-button-next {
            width: 40px;
            height: 40px;
            border-radius: 50%;
            background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E") #00a0e9 center 50%/50% 50% no-repeat;
        }

        @media screen and (max-width: 668px) {
            .button div {
                width: 28px;
                height: 28px;
            }
        }