@charset "utf-8";

.criterion #h2-title .inner {
    background-image: url(../images/criterion/bg-h2-title.jpg);
}

.criterion #contents .section-area .article-area {
    margin: 0 auto 60px;
}

.criterion #contents .article-area .article-head {
    margin: 0 0 25px;
}

.criterion #contents .article-area .article-head h3 {
    font-size: 2.4rem;
    color: #E26A23;
    text-align: left !important;
}

.criterion #contents .article-area .article-head h3 span {
    font-size: 80%;
    letter-spacing: 0;
}

.criterion #contents .article-area .article-body p {
    margin: 0 0 15px;
}

.criterion #contents .article-area .article-body p:last-child {
    margin: 0;
}

.criterion #contents .article-area .article-body ul {
    padding: 0 0 0 40px;
}

.criterion #contents .article-area .article-body ul li {
    list-style-type: disc;
    padding: 0 0 0 5px;
    margin: 0 0 10px;
}


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

    .criterion #contents .section-area .article-area {
        margin: 0 auto 50px;
    }

    .criterion #contents .article-area .article-head h3 {
        font-size: 2.2rem;
    }
}

@media screen and (max-width: 960px) {}

@media screen and (max-width: 835px) {
    .criterion #contents .section-area .article-area {
        margin: 0 auto 40px;
    }

    .criterion #contents .article-area .article-head h3 {
        font-size: 2.125rem;
    }
}

@media screen and (max-width: 750px) {
    .criterion #contents .article-area .article-head {
        margin: 0 0 20px;
    }

    .criterion #contents .article-area .article-head h3 {
        font-size: 2rem;
        letter-spacing: 0;
    }

    .criterion #contents .article-area .article-body {
        letter-spacing: 0;
    }

    .criterion #contents .article-area .article-body p {
        margin: 0 0 10px;
    }

    .criterion #contents .article-area .article-body ul {
        padding: 0 0 0 25px;
    }

    .criterion #contents .article-area .article-body ul li {
        margin: 0 0 7.5px;
        padding: 0;
    }

}

@media screen and (max-width: 640px) {
    .criterion #contents .article-area .article-head h3 {
        font-size: 1.8rem;
    }

    .criterion #contents .article-area .article-head h3 span {
        display: block;
    }

    .criterion #contents .article-area .article-body p {
        margin: 0 0 7.5px;
    }

    .criterion #contents .article-area .article-body ul li {
        margin: 0 0 5px;
    }
}

@media screen and (max-width: 480px) {}

@media screen and (max-width: 350px) {}