@charset "UTF-8";

.leftBox {
    width: 12%;
}
.leftBox ul li a span {
    font-size: .9vw;
}


.MainDiv {
    background-color: #070209;
}
.MainDiv .titleDiv{
    width: 55%;
    margin: 0 auto;
    padding: 5% 0;
}
.MainDiv .titleDiv{
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    height: 0;
    padding-bottom: 15%;
}
.MainDiv .titleDiv.privacy_title{
    background-image: url(/skin/images/privacy_title.png);
}
.MainDiv .titleDiv.service_title{
    background-image: url(/skin/images/service_title.png);
}
.MainDiv .titleDiv.user_title{
    background-image: url(/skin/images/user_title.png);
}
.MainDiv.MainDiv_w .titleDiv.privacy_title{
    background-image: url(/skin/images/privacy_title_w.png);
}
.MainDiv.MainDiv_w .titleDiv.service_title{
    background-image: url(/skin/images/service_title_w.png);
}
.MainDiv.MainDiv_w .titleDiv.user_title{
    background-image: url(/skin/images/user_title_w.png);
}

.MainDiv .divBox{
    width: 55%;
    margin: 2% auto 5% auto;
}
.MainDiv .divBox p{
    color: #43468f;
}
.MainDiv.MainDiv_w .divBox p{
    color: #ffffff;
}


@media screen and (max-width: 768px) {
    .MainDiv .divBox {
        width: 90%;
    }
    .MainDiv .titleDiv {
        width: 100%;
    }
}