main .wrap{
    padding:0;
}

.banner-swiper-box {
    position: relative;
    max-width: 1200px;
    margin-bottom: 40px;
    overflow: hidden;
}

.banner-swiper-box img {
    width: 100%;
}

.swiper-pagination-bullet-active {
    background-color: #63C856;
}

.box01, .box02, .box03{
    padding-bottom: 65px;
    overflow: hidden;
}

.hr-text {
    display: block;
    text-align: center;
    color: #A6A6A6;
    margin-bottom: 50px;
}

.hr-box {
    position: relative;
    margin-bottom:10px;
}

    .hr-box h2 {
        font-size: 24px;
        font-weight: bolder;
        text-align: center;
    }

        .hr-box h2:before {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            transform: translate(0,-50%);
            width: 43%;
            height: 1px;
            background: #EBEBEB
        }

        .hr-box h2:after {
            content: '';
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0,-50%);
            width: 43%;
            height: 1px;
            background: #EBEBEB
        }

        .box01>div:nth-child(2){
            grid-gap:60px;
        }

.box01-listbox {
    height: 374px;
    width: 250px;
    margin:40px 0;
    /*margin: 0 30px;*/
    border: 0.5px solid #CCCCCC;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
    transform: scale(1,1);
    transition: all 0.2s;
}

    .box01-listbox .imgbox {
        height: 250px;
        width: 100%;
        padding: 11px 30px;
        overflow: hidden;
    }

        .box01-listbox:hover .imgbox img {
            transform: scale(1.1,1.1);
        }

.box01 .imgbox img {
    transition:.3s
}

.box01-listbox .textbox {
    height: 124px;
    width: 100%;
}

    .box01-listbox .title {
        font-size: 20px;
        font-weight: 700;
        color: #fff;
    }

    .box01-listbox .text {
        font-size: 14px;
        color: #fff;
        margin-top:10px;
    }

.box02 {
    text-align: center;
}

.box02 h2 {
    font-size: 24px;
    font-weight:bolder;
    margin-bottom:32px;
}


.pc-none {
    display: none;
}

.banner-swiper-box .swiper-button-prev, .banner-swiper-box .swiper-button-next {
    background: none;
    box-shadow: none;
    color: #d1d1d1;
}

    .banner-swiper-box .swiper-button-next:after, .banner-swiper-box .swiper-button-prev:after {
        font-size: 26px;
    }

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

    .mb-none{
        display:none;
    }

    .pc-none{
        display:block;
    }

    .title {
        font-size: 20px;
        font-weight: bolder;
        margin-bottom: 20px;
    }

    .box01,.box02{
        padding:0 16px;
    }

    .box01>div:nth-child(2){
        gap:0;
    }

    .box01-listbox {
        display: flex;
        flex-flow: row-reverse;
        width: 100%;
        height: 195px;
        margin:0 0 50px;
    }

        .box01-listbox .imgbox {
            width: 60%;
        }

            .box01-listbox .imgbox img {
                height: 180px;
            }

        .box01-listbox .title {
            text-align: center;
            margin:0;
        }

        .box01-listbox .textbox {
            height: 195px;
            width: 40%;
        }

        .box01-listbox .textbox div {
            flex-flow: column;
        }

        .box01-listbox svg {
            margin: 0 0 20px;
        }

        .box02 img{
            width:100%;
            margin-bottom:80px;
        }

    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 0;
        z-index: 1;
    }
}