@media (max-width: 768px) {
    #service .item {
        flex-wrap:wrap;
    }

    #service .item .img {
        width: 100%;
    }
    #service .item .img-inner {
        width: 100%;
        height:230px;
        position: relative;
    }

    #service .item .info .eng {

        font-size: 30px;
    }

    #service .item .info {
        margin-top:-40px;
        margin-left:15px;
        margin-right:15px;
        width:calc(100% - 30px);
        background-color: #fff;
        padding: 40px;
        box-shadow: 0 6px 10px rgba(0,0,0,.2);
        z-index: 2;
        position: relative;
    }

    #service .item:nth-child(odd) .info {
        order: 2;
    }
    #service .item:nth-child(odd) .img {
        order: 1;
    }


    #service .item .info .to-btn.common-btn a{
        width: 100%;
    }
    #service .item .info .ttl {
        font-size:18px;

    }


}