.section .inner {
    position: relative;
    box-sizing: border-box;
}

.sec01 {
    background: #f35c3a;
}

.sec01 .text {
    padding: 10.86% 0 10% 7.86%;
}

.sec01 .l1 {
    font-size: 21px;
    margin-bottom: 34px;
}

.sec01 .l2 {
    font-size: 72px;
    margin-bottom: 20px;
    color: #fff;
}

.sec01 .l3 {
    font-size: 28px;
    color: #fff;
}

.sec01 .pic {
    position: absolute;
    left: 30.86%;
    top: 0;
    margin-top: 4.57%;
    width: 12.57%;
}

.sec01 svg {
    width: 100%;
    fill: #bd2b2f;
}

.sec02 {
    background: #f7f7f7;
}

.sec02 .text {
    position: relative;
    z-index: 1;
    padding: 80px 0 260px 7.86%;
    line-height: 1.5;
}

.sec02 .l1 {
    font-size: 45px;
    margin-bottom: 18px;
}

.sec02 .l2 {
    font-size: 20px;
    color: #595959;
}

.sec02 .pic {
    position: absolute;
    right: 0;
    top: -230px;
    width: 722px;
}

.sec02 .pic img {
    width: 100%;
}

.sec03 {
    padding: 150px 0 175px;
    /*background: url(../img/z5_sec03.jpg) no-repeat center;*/
    background-size: cover;
}
.z50 .sec03{
    background: url(../img/product/z50/3.jpg) no-repeat center;
    background-size: cover;
}


.sec03 .text1 {
    margin-bottom: 90px;
}

.sec03 .l1 {
    font-size: 40px;
    margin-bottom: 24px;
}

.sec03 .l2 {
    font-size: 17px;
    line-height: 1.76;
    margin-bottom: 34px;
}

.sec03 .text1 svg {
    width: 83px;
    fill: #fc685b;
}

.sec03 .text2 svg {
    width: 83px;
    fill: #fc685b;
}

.sec04 {
    position: relative;
}

.sec04 .pic img {
    width: 100%;
}

.sec04 .text {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.sec04 .text .inner {
    color: #fff;
}

.sec04 .l1 {
    font-size: 45px;
    margin-bottom: 25px;
}

.sec04 .l2 {
    position: relative;
    font-size: 18px;
    line-height: 1.67;
}

.sec04 .l2 img {
    position: absolute;
    left: 445px;
    top: -10px;
    width: 50px;
}

.sec05 {
    background: url(../img/z5_sec05.jpg) no-repeat center;
    background-size: cover;
}

.sec05 .text {
    padding: 160px 0 200px 44px;
}

.sec05 .l1 {
    font-size: 44px;
    margin-bottom: 20px;
}

.sec05 .l2 {
    font-size: 17px;
    line-height: 1.76;
    color: #8c8c8c;
    margin-bottom: 75px;
}

.sec05 .pic {
    position: relative;
    width: 367px;
    font-size: 18px;
    color: #f45c3a;
    text-align: center;
}

.sec05 .pic img {
    display: block;
    width: 100%;
    margin-bottom: 24px;
}

.sec05 .pic .amount {
    position: absolute;
    left: 0;
    top: 20px;
    right: 0;
    font-size: 64px;
}

.sec05 .pic .amount span {
    margin-left: 3px;
    font-size: 32px;
}

.sec06 {
    padding: 100px 0 90px;
    text-align: center;
    background: url(../img/z5_sec06.jpg) no-repeat center;
    background-size: cover;
}

.sec06 .l1 {
    font-size: 45px;
    margin-bottom: 92px;
}

.sec06 .pic {
    width: 630px;
    margin: 0 auto;
}

.sec06 .pic img {
    width: 100%;
}

.sec06 ul {
    font-size: 0;
}

.sec06 li {
    display: inline-block;
    width: 316px;
    color: #fff;
    border-right: 1px solid #fff;
}

.sec06 li:last-child {
    border-right: none;
}

.sec06 li img {
    display: block;
    width: 100px;
    margin: 0 auto 42px;
}

.sec06 li .title {
    font-size: 25px;
    margin-bottom: 16px;
}

.sec06 li .content {
    font-size: 18px;
    line-height: 1.67;
    margin-bottom: 10px;
}

.sec07 {
    position: relative;
    background: url(../img/z5_sec07.jpg) no-repeat center;
    background-size: cover;
}

.sec07 canvas {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 400px;
}

.sec07 .text {
    padding: 266px 0 312px 0;
}

.sec07 .l1 {
    font-size: 40px;
    margin-bottom: 20px;
}

.sec07 .l2 {
    font-size: 17px;
    line-height: 1.76;
    color: #8c8c8c;
    margin-bottom: 94px;
}

.sec07 {
    font-size: 0;
}

.sec07 li {
    display: inline-block;
    font-size: 20px;
    color: #f45c3a;
    text-align: center;
}

.sec07 li .amount {
    font-size: 75px;
    margin-bottom: 15px;
}

.sec07 li .amount span {
    font-size: 20px;
    margin-left: 7px;
}

.sec07 .item1 {
    padding-right: 58px;
    border-right: 1px solid #d3d3d4;
}

.sec07 .item2 {
    padding-left: 53px;
}

@media all and (max-width: 1480px) {
    .sec01 .l1 {
        font-size: 16px;
        margin-bottom: 26px;
    }

    .sec01 .l2 {
        font-size: 55px;
        margin-bottom: 15px;
    }

    .sec01 .l3 {
        font-size: 21px;
    }

    .sec02 .hd {
        width: 380px;
    }

    .sec02 .text {
        padding: 61px 0 200px 7.86%;
    }

    .sec02 .l1 {
        font-size: 34px;
        margin-bottom: 14px;
    }

    .sec02 .l2 {
        font-size: 18px;
    }

    .sec02 .pic {
        top: -170px;
        width: 549px;
    }

    .sec03 {
        padding: 114px 0 133px;
    }

    .sec03 .text1 {
        margin-bottom: 68px;
    }

    .sec03 .l1 {
        font-size: 30px;
        margin-bottom: 18px;
    }

    .sec03 .l2 {
        font-size: 15px;
        margin-bottom: 26px;
    }

    .sec03 .text1 svg {
        width: 63px;
    }

    .sec03 .text2 svg {
        width: 85px;
    }

    .sec04 .l1 {
        font-size: 34px;
        margin-bottom: 19px;
    }

    .sec04 .l2 {
        font-size: 16px;
    }

    .sec04 .l2 img {
        position: absolute;
        left: 338px;
        top: -8px;
        width: 38px;
    }

    .sec05 .text {
        padding: 122px 0 152px 33px;
    }

    .sec05 .l1 {
        font-size: 33px;
        margin-bottom: 15px;
    }

    .sec05 .l2 {
        font-size: 15px;
        margin-bottom: 57px;
    }

    .sec05 .pic {
        width: 279px;
        font-size: 16px;
    }

    .sec05 .pic img {
        margin-bottom: 18px;
    }

    .sec05 .pic .amount {
        top: 15px;
        font-size: 49px;
    }

    .sec05 .pic .amount span {
        font-size: 24px;
    }

    .sec06 {
        padding: 76px 0 90px;
    }

    .sec06 .l1 {
        font-size: 34px;
        margin-bottom: 68px;
    }

    .sec06 .pic {
        width: 479px;
    }

    .sec06 li {
        width: 240px;
    }

    .sec06 li img {
        width: 76px;
        margin: 0 auto 32px;
    }

    .sec06 li .title {
        font-size: 19px;
        margin-bottom: 12px;
    }

    .sec06 li .content {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .sec07 canvas {
        height: 304px;
    }

    .sec07 .text {
        padding: 202px 0 237px 0;
    }

    .sec07 .l1 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    .sec07 .l2 {
        font-size: 15px;
        margin-bottom: 71px;
    }

    .sec07 li {
        font-size: 18px;
    }

    .sec07 li .amount {
        font-size: 57px;
        margin-bottom: 12px;
    }

    .sec07 li .amount span {
        font-size: 18px;
    }

    .sec07 .item1 {
        padding-right: 44px;
    }

    .sec07 .item2 {
        padding-left: 40px;
    }
}

@media all and (max-width: 767px) {
    .sec01 .text {
        padding: 8% 0 6.27% 12.93%;
    }

    .sec01 .l1 {
        font-size: 3.47vw;
        margin-bottom: 5.01vw;
    }

    .sec01 .l2 {
        font-size: 9.73vw;
        margin-bottom: 2.27vw;
    }

    .sec01 .l3 {
        font-size: 4vw;
    }

    .sec01 .pic {
        left: auto;
        right: 12.8vw;
        top: auto;
        bottom: 6.27vw;
        margin-top: 0;
        width: 22vw;
    }

    .sec02 {
        padding-top: 13.33vw;
    }

    .sec02 .text {
        padding: 0;
        text-align: center;
    }

    .sec02 .text .hd {
        width: auto;
    }

    .sec02 .l1 {
        font-size: 6.67vw;
        margin-bottom: 4.67vw;
    }

    .sec02 .l2 {
        font-size: 4.27vw;
        margin-bottom: 10.4vw;
    }

    .sec02 .pic {
        position: static;
        margin: 0 auto;
        width: 100%;
		margin-left: -0.3rem;
    }

    .sec03 {
        padding: 10.66vw 0 93.33vw;
        /*background-image: url(../img/z5_sec03_sp.jpg);*/
        background-position: center bottom;
    }
    .z50 .sec03{
        background-image: url(../img/product/z50/3_sp.jpg);
    }
    .sec03 .text {
        float: none;
        text-align: center;
    }

    .sec03 .text1 {
        margin-bottom: 8vw;
    }

    .sec03 .l1 {
        font-size: 5.87vw;
        margin-bottom: 6vw;
    }

    .sec03 .l2 {
        font-size: 3.2vw;
        line-height: 1.58;
        margin-bottom: 5.6vw;
    }

    .sec03 .text1 svg {
        width: 12vw;
    }

    .sec03 .text2 svg {
        width: 12vw;
    }

    .sec04 .text {
        background: url(../img/z5_sec04_1_sp.jpg) no-repeat center;
        background-size: cover;
    }

    .sec04 .text {
        position: static;
        text-align: center;
        padding: 14vw 0 7vw;
        transform: none;
    }

    .sec04 .l1 {
        font-size: 6vw;
        margin-bottom: 6vw;
    }

    .sec04 .l2 {
        font-size: 4vw;
        line-height: 1.33;
    }

    .sec04 .l2 img {
        position: static;
        display: block;
        margin: 8vw auto 0;
        width: 8vw;
    }

    .sec04 .pic {
        padding-bottom: 98.67vw;
        background: url(../img/z5_sec04_sp.jpg) no-repeat center;
        background-size: cover;
    }

    .sec05 {
        background-image: url(../img/z5_sec05_sp.jpg);
    }

    .sec05 .text {
        padding: 24vw 0 106.67vw 5vw;
    }

    .sec05 .l1 {
        font-size: 5.33vw;
        margin-bottom: 6vw;
    }

    .sec05 .l2 {
        font-size: 3.2vw;
        line-height: 1.8;
        margin-bottom: 6vw;
    }

    .sec05 .pic {
        width: 53.33vw;
        font-size: 2.67vw;
    }

    .sec05 .pic img {
        margin-bottom: 3.73vw;
    }

    .sec05 .pic .amount {
        top: 5.33vw;
        font-size: 6.67vw;
    }

    .sec05 .pic .amount span {
        margin-left: .8vw;
        font-size: 3.2vw;
    }

    .sec06 {
        padding: 14.4vw 0 6.13vw;
        background-position: center top;
    }

    .sec06 .l1 {
        font-size: 5.87vw;
        margin-bottom: 18.97vw;
    }

    .sec06 .pic {
        width: 42vw;
        margin-bottom: 8vw;
    }

    .sec06 li {
        width: 32vw;
    }

    .sec06 li img {
        margin: 0 auto 3.2vw;
        width: 11.2vw;
    }

    .sec06 li .title {
        font-size: 4vw;
        margin-bottom: 1.5vw;
    }

    .sec06 li .content {
        font-size: 3.2vw;
        line-height: 1.67;
        margin-bottom: 0;
    }

    .sec07 {
        background-image: url(../img/z5_sec07_sp.jpg);
        background-position: center bottom;
    }

    .sec07 canvas {
        height: 50vw;
    }

    .sec07 .text {
        float: none;
        padding: 24vw 0 75.2vw;
        text-align: center;
    }

    .sec07 .l1 {
        font-size: 5.87vw;
        margin-bottom: 10.4vw;
    }

    .sec07 .l2 {
        font-size: 3.2vw;
        line-height: 1.67;
        margin-bottom: 5.33vw;
    }

    .sec07 li {
        font-size: 3.2vw;
    }

    .sec07 li .amount {
        font-size: 9.33vw;
        margin-bottom: 2.4vw;
    }

    .sec07 li .amount span {
        font-size: 3.2vw;
        margin-left: 1.33vw;
    }

    .sec07 .item1 {
        padding-right: 11vw;
    }

    .sec07 .item2 {
        padding-left: 11vw;
    }
}