/* concept page style start */
h1 {
    font-weight: normal;
    margin: 0;
    font-size: 160%;
}
.contentBox {
    width: 1000px;
    margin: 0 auto;
}
.contentBody {
    font-size: 80%;
    line-height: 240%;
}
#concept01 {
    background-image: url(../images/concept/encodeconcept.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    padding: 200px 0 100px 0;
}
#concept01 h1 {
    text-align: center;
    margin-bottom: 180px;
    font-size: 200%;
}
#concept01 .contentBody {
    text-align: center;
}
#concept02 {
    background-image: url(../images/concept/encodeconcept2.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #000;
    padding: 140px 0 300px 0;
}
#concept02 h1 {
    text-align: left;
    margin-bottom: 56px;
}
#concept02 .contentBody {
    text-align: left;
}

#concept03 {
    background-image: url(../images/concept/encodeconcept3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    padding: 140px 0 300px 0;
}
#concept03 .contentBox {
    width: 100%;
    padding-left: 60%;
    box-sizing: border-box;
}
#concept03 h1 {
    text-align: left;
    margin-bottom: 56px;
}

#concept04 {
    background-image: url(../images/concept/encodeconcept4.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #000;
    padding: 140px 0 70px 0;
}
#concept04 h1 {
    text-align: center;
    margin-bottom: 300px;
}
#concept04 .contentBody {
    text-align: center;
}
@media only screen and (max-width: 854px) {
    .contentBox {
        width: 600px;
        margin: 0 auto;
    }
    .contentBody {
        font-size: 100%;
    }
    #concept03 .contentBox {
        padding-left: 40%;;
    }
}
@media only screen and (max-width: 654px) {
    .contentBox {
        width: 300px;
        margin: 0 auto;
        text-align: left;
    }
    .contentBody {
        font-size: 100%;
    }
    #concept01 {
        padding: 100px 0 40px 0;
    }
    #concept01 h1 {
        margin-bottom: 40px;
    }
    #concept01 .contentBody {
        text-align: left;
    }
    #concept02 {
        padding: 55px 0 40px 0;
    }
    #concept03 {
        padding: 55px 0 40px 0;
    }
    #concept03 .contentBox {
        width: 300px;
        padding-left: 0;
    }
    #concept04 {
        padding: 55px 0 40px 0;
    }
    #concept04 h1 {
        margin-bottom: 40px;
    }
    #concept04 .contentBody {
        text-align: left;
    }
}