.case-wrap .pad-img{
    width: 60%;
}
.dance-wrap {
    background: #fff url('../image/silom-banner-bg.png') top center no-repeat;
    background-size: 100%;
}
.dance-wrap .case-intro{
    margin-top: 6%;
}
.intro{
    width: 100%;
    padding: 6.2% 13.5% 0 18.7%;
    box-sizing: border-box;
    font-size: 0;
}
.dance-wrap .main .intro{
    margin-top: 4%;
    background: rgba(249, 249, 249, 1);
    background-size: cover;
}
.intro .text p{
    font-size: 20px;
    color: #333;
    margin-bottom: 10px;
}
.intro .text{
    display: inline-block;
    width: 22%;
    vertical-align: middle;
    font-size: 14px;
    line-height: 30px;
    color: #666666;
}
.dance-wrap .main .intro .img{
    display: inline-block;
    width: 78%;
    vertical-align: middle;
    padding-left: 18%;
    box-sizing: border-box;
}

.last-img{
    position: static !important;
}
.module2{
background: #CDDFF3;
}
.module2 .limit_width{
    width: 100%;
    font-size: 0;
}
.module2 .img img{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
}
.module2 .txt{
    padding: 7% 10% 6%;
    font-size: 14px;
    line-height: 30px;
    text-align: center;
    color: #666;
}
.module3{
    position: relative;
    box-sizing: border-box;
    font-size: 0;
    padding: 0 16% 90px;
    margin-top: 7%;
}
.module3 .text{
    position: relative;
    z-index: 2;
    display: inline-block;
    width: 35%;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 30px;
    text-align: left;
    color: #666;
    vertical-align: bottom;
    padding-bottom: 10%;
}

.module3 .img{
    display: inline-block;
    position: relative;
    width: 65%;
    vertical-align: bottom;
    box-sizing: border-box;
}
.module3::after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: 1;
    background: linear-gradient(0deg, #F4F4F5 0%, #E6E6E8 100%);
}
.module3 .img img{
    position: relative;
    z-index: 2;
    display: block;
    width: 100%;
    margin: 0 auto;
    height: auto;
}
@media only all and (max-width: 640px) {
    .intro .text{
        width: 100%;
    }
    .module3 .text{
        padding: 10% 5%;
    }
    .dance-wrap .main .intro .img{
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }
    .dance-wrap .main .intro{
        padding: 20px;
        margin-top: 40px;
    }
    .module2{
        padding: 20px;
    }
    .module2 .img{
        width: 100%;
        padding-top: 20px;
        -webkit-transform: none;
        -o-transform: none;
        -ms-transform: none;
        transform: none;
    }
    .module2 .txt{
        width: 100%;
        padding: 0;
        margin-top: 15px;
    }
    .module3 .img{
        width: 100%;
    }
    .module3 .text{
        width: 100%;
    }
    .module3{
        padding: 0 16px 0;
        margin-top: 7%;
    }
}