slickを使用しスライドを3つ連動させる

<div id="works_slider">
                    <div class="slide_item">
                        <div class="img" style="background-image: url(../images/works/works_slide01.jpg);"></div>
                    </div>
                    <div class="slide_item">
                        <div class="img" style="background-image: url(../images/works/works_slide02.jpg);"></div>
                    </div>
                    <div class="slide_item">
                        <div class="img img01" style="background-image: url(../images/works/works_slide03.jpg);"></div>
                    </div>
                    <div class="slide_item">
                        <div class="img" style="background-image: url(../images/works/works_slide04.jpg);"></div>
                    </div>
                    <div class="slide_item">
                        <div class="img" style="background-image: url(../images/works/works_slide05.jpg);"></div>
                    </div>
                    <div class="slide_item">
                        <div class="img" style="background-image: url(../images/works/works_slide06.jpg);"></div>
                    </div>
                    <div class="slide_item">
                        <div class="img" style="background-image: url(../images/works/works_slide01.jpg);"></div>
                    </div>
                </div>
                <div id="works_slider01">
                    <div class="slide_item"><div class="img" style="background-image: url(../images/works/works_slide01.jpg);"></div></div>
                    <div class="slide_item"><div class="img" style="background-image: url(../images/works/works_slide02.jpg);"></div></div>
                    <div class="slide_item"><div class="img" style="background-image: url(../images/works/works_slide03.jpg);"></div></div>
                    <div class="slide_item"><div class="img" style="background-image: url(../images/works/works_slide04.jpg);"></div></div>
                    <div class="slide_item"><div class="img" style="background-image: url(../images/works/works_slide05.jpg);"></div></div>
                    <div class="slide_item"><div class="img" style="background-image: url(../images/works/works_slide06.jpg);"></div></div>
                    <div class="slide_item"><div class="img" style="background-image: url(../images/works/works_slide01.jpg);"></div></div>
                </div>
                <div id="works_slider02">
                    <div class="slide_item">
                        <p>
                            統一感が出るように、建具・家具選びにもとてもこだわりが*:.｡☆<br>
                            ダイニングテーブルやイスはどんなものを選ばれたのでしょう？<br>
                            きっとますます素敵なお部屋になっているだろうと、考えるだけでもワクワクします*:.｡☆
                        </p>
                    </div>
                    <div class="slide_item">
                        <p>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。<br>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
                        </p>
                    </div>
                    <div class="slide_item">
                        <p>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
                        </p>
                    </div>
                    <div class="slide_item">
                        <p>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
                        </p>
                    </div>
                    <div class="slide_item">
                        <p>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
                        </p>
                    </div>
                    <div class="slide_item">
                        <p>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
                        </p>
                    </div>
                    <div class="slide_item">
                        <p>
                            テキストが入ります。テキストが入ります。テキストが入ります。テキストが入ります。
                        </p>
                    </div>
                </div>
            </div>

$('#works_slider').slick({
        infinite: true,
        autoplay: false,
        autoplaySpeed: 3000,
        speed: 2000,
        slidesToShow: 1,
        dots: false,
        arrows: true,
        asNavFor: '#works_slider01',
        asNavFor: '#works_slider02',
    });
    $('#works_slider01').slick({
        infinite: true,
        autoplay: false,
        autoplaySpeed: 3000,
        speed: 2000,
        slidesToShow: 6,
        asNavFor: '#works_slider',
        asNavFor: '#works_slider02',
        responsive: [
            {
                breakpoint: 739,
                settings: {
                    slidesToShow: 3,
                }
            },  
        ]
    });
    $('#works_slider02').slick({
        infinite: true,
        autoplay: false,
        arrows: false,
        dots: false,
        autoplaySpeed: 3000,
        speed: 2000,
        slidesToShow: 1,
        asNavFor: '#works_slider',
        asNavFor: '#works_slider01',

    });