#dzm_banner_boxes{
    width: 100vw !important;
    margin-left: calc(-100vw/12.8);
}

/*--------画像サイズ調整---------*/
img{
	width:100%;
}

/*-----------height調整----------*/
.slick-slide{
	height:auto!important;
}
/*------------------------------*/

.slick-dotted.slick-slider{
    margin-bottom: calc(42vw/12.8);
}
/*-----------矢印表示----------*/
.slick-next,.slick-prev{
    width: auto;
    height: auto;
    top:auto;
    bottom: calc(-32vw/12.8);
}
.slick-next{
    right:calc(400vw/12.8) !important;
}
.slick-prev{
    left:calc(400vw/12.8);
}
.slick-arrow{
    z-index:2!important;
}
.slick-prev:before, 
.slick-next:before{
color:#3d639f;
font-size: calc(32vw/12.8);
}
.arrows_parent{
    position: relative;
    width: 100vw;
}
.arrows{
    position: absolute;
    text-align: center;
    width: calc(1080vw/12.8);
    top: calc(-32vw/12.8);
}
#development .arrows{
    top: calc(-44vw/12.8);
}
.slick-arrow{
    bottom:calc(-26vw/12.8);
}

/*-----------ドット表示----------*/
.slick-dots {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: auto;
    top:calc(4vw/12.8);
    margin-top: calc(42vw/12.8);
}
.slick-dots li{
    height: calc(12vw/12.8);
}
.slick-dots li button:before{
    font-size: calc(12vw/12.8);
}

.slick-dots li.slick-active button:before{
color:#3d639f !important;
}
#development .slick-slider .slick-track{
    padding-bottom: calc(4vw/12.8);
}
#development .slick-arrow{
    bottom: calc(-26vw/12.8);
}
/*------------------------------*/

@media screen and (max-width: 480px){
    #dzm_banner_boxes{
        margin-left: calc(-40vw/7.5);
    }
    .arrows{
        width: calc(100vw - calc(80vw/7.5));
        top: calc(-52vw/7.5);
}
    #development .arrows{
        top: calc(-64vw/7.5);
        left: 50%;
        transform: translateX(-50%);
    }
    .slick-dots{
        margin-top: calc(48vw/7.5);
    }
    .slick-dots li button:before{
        font-size:calc(32vw/7.5)!important;
    }
    .slick-prev{
        left: calc(80vw/7.5) !important;
        width: auto;
        height: auto;
    }
    .slick-next{
        right: calc(80vw/7.5) !important;
        width: auto;
        height: auto;
    }
    .slick-prev:before, 
    .slick-next:before{
    color:#3d639f;
    font-size: calc(48vw/7.5);
    position: absolute;
    }
    .slick-next:before{
        right: 0;
    }
    #development .slick-arrow{
        bottom: calc(-20vw/7.5);
    }
}