#key img {
    width: 100%;
    height: auto;
}

.txt {
    text-align: justify;
}

#sec1 img,
#sec4 img,
#sec2 img,
#sec3 img {
    width: 100%;
    height: auto;
}

#sec1 .txt,
#sec4 .txt,
#sec2 .txt,
#sec3 .txt {
    padding: 0;
}

#sec1 {
    padding: 0 0 15%;
    background: url("../img/shopping/s1_deco.png") no-repeat top center/100% auto;
    color: #53290f;
}

#sec1 .group {
    position: relative;
    margin: 0 0 7vw;
}

#sec1 .group p.img1 {
    position: absolute;
    right: -2%;
    top: -8vw;
    width: 45%;
}

#sec2 {
    padding-bottom: 15%;
    background: url("../img/shopping/s3_deco.png") no-repeat top/100% auto,
        url("../img/shopping/s4_deco.png") no-repeat top/100% auto, url("../img/shopping/bg.jpg");
}

#sec2 .group {
    position: relative;
    margin-bottom: 4vw;
}

#sec2 .group h3 {
    width: 30%;
    margin-left: 8%;
    margin-bottom: -15vw;
    position: relative;
    z-index: 2;
}

#sec2 .txt+h3 {
    margin-bottom: 5%;
}

#sec2 .group p.img1 {
    position: absolute;
    width: 58%;
    top: 0;
    right: -2%;
}

#sec2 h4 {
    margin-bottom: 4vw;
}

#sec2 .slide2 {
    margin: 10% -2% 10%;
}

#sec2 .slide2 .item {
    padding: 5vw 2% 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

#sec2 .slide2 .item h4 {
    width: 21.5%;
    top: 0;
    position: absolute;
    left: 8%;
}

#sec2 .slide2 .slick-dots {
    position: static;
    width: 100%;
    text-align: center;
}

#sec3 {
    color: #53290f;
    padding-bottom: 15%;
    background: url("../img/shopping/s3_deco-2.png") no-repeat top/100% auto;
}

#sec3 .group {
    margin: 23vw 0 32vw;
    position: relative;
}

#sec3 .group p.img1 {
    position: absolute;
    width: 45%;
    top: -22vw;
    left: -1%;
}

#sec3 .group p.img2 {
    position: absolute;
    width: 40%;
    right: 0;
    bottom: -30vw;
}

#sec3 p.txt {
    margin: 5vw 0 8vw;
}

#sec4 {
    background: url("../img/shopping/s2_line.jpg") no-repeat bottom/100% auto, url("../img/shopping/s2_deco_1.png") no-repeat top/100% auto, url("../img/shopping/bg.jpg");
    padding-bottom: 15%;
}

#sec4 p.img1 {
    position: relative;
    z-index: 2;
    margin-top: -13vw;
}

#sec4 h3 {
    margin-bottom: 7vw;
}

#sec4 .slide1 {
    margin-top: 15%;
}

#sec4 .slide1 .slick-dots {
    position: static;
    width: 100%;
    text-align: center;
}


.slick-arrow:before {
    display: none;
}

.slick-arrow {
    z-index: 3;
    width: 20px;
    height: 40px;
    top: 47%;
}

.slick-prev {
    left: 3%;
    background: url('../img/shopping/left.png') no-repeat center / 100% auto!important;
}

.slick-next {
    right: 3%;
    background: url('../img/shopping/right.png') no-repeat center / 100% auto!important;
}

.slick-dots li.slick-active {
    background: url('../img/shared/fixed_bg.jpg');
}