#introduction{
    font-size: 14px;
    position: relative;
}

#introduction .content{
    padding: 40px 0;
    background: black;
}
#introduction .content .content-left{
    width: 520px;
    float: left;
}

#introduction .content .content-right{
    width: 520px;
    float: right;
}

#introduction .content .content-right p{
    font-size: 14px;
    display: block;
    float: right;
    text-align: justify;
    line-height: 24px;
    color: white;
}

#introduction .content .content-right p.content-1{
    margin-top: 36px;
}

#introduction .content .content-right p.content-2{
    margin: 30px 0;
}


#introduction .content img{
    width: 100%;
}
/*@media only screen and (min-width: 769px) and (max-width: 1366px){*/
    /*#introduction .content .content-right p.content-2{*/
        /*margin: 4.10687% 0;*/
    /*}*/
/*}*/

@media only screen and (max-width: 768px) {

    #introduction .menu-sp{
        position: absolute;
        right: 0;
        width: 100%;
        top: 0;

    }

    #introduction .menu-sp .menu-top{
        position: relative;
        float: right;
    }

    #introduction .menu-item{
        position: relative;
    }

    #introduction .content{
        padding: 5.208333333333333% 0;
        background: black;
    }
    #introduction .content .content-left{
        width: 100%;
        float: none;
    }

    #introduction .content .content-right{
        margin-top: 5.813953488372093%;
        width: 100%;
        float: none;
    }

    #introduction .content .content-right p{
        font-size: 3.12vw;
        display: block;
        float: right;
        text-align: justify;
        line-height: 4.7vw;
        color: white;
    }

    #introduction .content .content-right p.content-1{
        margin-top: 4.813953%;
    }

    #introduction .content .content-right p.content-2{
        margin: 4.540698% 0;
    }


    #introduction .content img{
        width: 100%;
    }
    #introduction .menu-item{
        top: 3.59%;
    }

}