@media (max-width: 768px) {

    #rscd .sec00 {
        background: url(../../img/responsive/rscd-img00.jpg) no-repeat center top;
        height: 500px;
        margin: 0 auto 90px;
        max-width: 100%;
        position: relative;
    }

        #rscd .sec00 .box.type1{
            left:50%;
            margin-left:-140px;
            width: 280px;
        }

    #rscd .sec01 h2 {
        right: 73px;
        font-size: 5.5vw;
        left: auto;
        text-indent: -67px;
        top: -43px;
    }

    #rscd .sec01 h2:after {
        left: -56px;
        width: 280px;
    }

    #rscd .sec01 .box.type1{
        height: 272px;
        top: 175px;
        width: 280px;
        left: 34px;
    }

    #rscd .sec01 .box.type1:before {
        height: 259px;
        left: -9px;
        width: 280px;
    }

}

@media (max-width: 512px) {

    #rscd .sec01 h2 {
        right: 13px;
        font-size: 8vw;
        line-height: 10vw;
    }

    #rscd .sec01 .box.type1{
        height: 260px;
        left: 50%;
        margin-left: -140px;
        top: 155px;
        width: 280px;
    }

    #rscd .sec02 h2{
        font-size:8vw;
    }

    #rscd .sec02 h2:after {
        left: 8px;
        width: 280px;
    }

    #rscd .sec03 h2{
        font-size: 8vw;
        padding: 10px;
        line-height: 10vw;
    }

    #rscd .sec03 h2:after {
        left: 8px;
        width: 280px;
    }

    #rscd .sec03 .box.type1 {
        height: 307px;
        left:50%;
        margin-left:-140px;
        right:auto;
        top: 311px;
        width: 280px;
    }

    #rscd .sec03 .box.type1:before {
        left: 7px;
        top: -24px;
        width: 260px;
    }
}