.c-tip {
    margin-bottom: 40px
}

.p-tip-cont {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

    .p-tip-cont .text {
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        padding-top: 2px;
        max-width: 760px
    }

@media screen and (max-width:480px) {
    .c-tip {
        margin-bottom: 36px
    }

    .p-tip-cont .text {
        padding-top: 6px;
        padding-right: 30px
    }
}

.p-tip-cont .text h3 {
    margin-bottom: 12px
}

@media screen and (max-width:480px) {
    .p-tip-cont .text h3 {
        margin-bottom: 8px;
        font-size: 19px;
        line-height: 1.2
    }
}

.p-tip-cont .text p {
    margin-bottom: 10px;
    font-size: 17px
}

.p-tip-cont .text li::before {
    top: 8px
}

.p-tip-img {
    padding-right: 38px
}

    .p-tip-img img {
        display: inline-block;
        width: 92px;
        height: auto
    }

@media screen and (max-width:480px) {
    .p-tip-cont .text p {
        margin-bottom: 8px;
        font-size: 16px
    }

    .p-tip-cont .text li {
        margin-bottom: 8px
    }

        .p-tip-cont .text li::before {
            top: 6px
        }

    .p-tip-img {
        padding: 0 10px
    }

        .p-tip-img img {
            width: 26px
        }
}
/*# sourceMappingURL=tip.css.map */

@media screen and (max-width:768px) {
    .dtc-class .c-tip {
        margin-bottom: 130px;
    }
}

@media screen and (max-width: 480px) {
    .dtc-class .c-tip {
        margin-bottom: 130px;
    }
}