/*

TOP

*/
/* FV
----------------------------- */
.mv {
    width: 100%;
    margin: 0 auto;
    background: url(img/main_bg01.png) no-repeat center center;
    background-size: cover;
    position: relative;
    padding: 65px 0;
    border: solid 3px #604f42;
}

.mv .mv_inner {
    max-width: 1000px;
    width: 600px;
    margin: 0px auto;
    padding: 2rem 4rem;
    background: #ffffff;
}

.mv .mv_inner h2.mv_title {
    margin: 1rem 0 2.5rem 0;
    font-size: 2.7rem;
    padding: 0 4rem;
    line-height: 1.5;
    color: #5aae43;
}

.mv .mv_inner p.mv_text {
    color: #4c4c4c;
    line-height: 1.6;
}

/* compare-table-frame
----------------------------- */
.compare-table-frame .compare-table-group {
    margin: 2rem 0 3rem;
    padding: 2rem 2rem 3rem;
    /*/////title-text-area /////*/
    /*/////image-text-area /////*/
}

.compare-table-frame .compare-table-group h2 {
    color: #4c4c4c;
    font-size: 3rem;
    margin: 0rem auto 5rem;
    position: relative;
    font-weight: bold;
    padding: 2rem 2rem;
    line-height: 1.4;
    text-align: center;
    background: url(img/h1_bg.png) repeat top 25px center;
}

.compare-table-frame .compare-table-group .catch-copy {
    color: #333;
    font-size: 2.1rem;
    background-size: 100% auto;
    text-align: center;
    margin: 2rem 0 3rem;
    position: relative;
    border-bottom: solid 1px #eee9e5;
}

.compare-table-frame .compare-table-group .image-text__textarea .catch-copy {
    padding: 1.5rem 2rem;
    text-align: center;
    background: #82756a;
    color: #fff;
    font-size: 2.5rem;
    line-height: 1.2;
    margin: 2rem 0 3rem;
}

.compare-table-frame .compare-table-group .image-text__textarea .catch-copy:after,
.compare-table-frame .compare-table-group .image-text__textarea .catch-copy:before {
    content: none;
}

.compare-table-frame .compare-table-group .title-text-area {
    background: #fff;
    padding: 2rem;
    margin: 3rem auto;
}

#contents .compare-table-frame .compare-table-group .title-text-area .top-title h2,
#contents .compare-table-frame .compare-table-group .title-text-area .top-title h3,
#contents .compare-table-frame .compare-table-group .title-text-area .top-title h4,
#contents .compare-table-frame .compare-table-group .title-text-area .top-title h5 {
    margin-top: 0;
}

#contents .compare-table-frame .compare-table-group .image-text-area {
    background: #fff;
    padding: 2rem;
}

#contents .compare-table-frame .compare-table-group .image-text-area .table-layout table tr td {
    vertical-align: middle;
}

#contents .compare-table-frame .compare-table-group .title-table-area {
    margin: 3rem auto;
    background: #fff;
    padding: 2rem;
}

#contents .compare-table-frame .compare-table-group .title-table-area h2,
#contents .compare-table-frame .compare-table-group .title-table-area h3,
#contents .compare-table-frame .compare-table-group .title-table-area h4,
#contents .compare-table-frame .compare-table-group .title-table-area h5 {
    background: none;
    margin: 0 auto 3rem;
    color: #4c4c4c;
    padding: 1rem 2.5rem;
    font-size: 2.4rem;
    text-align: left;
    border-left: solid 0.5rem #5db146;
}

#contents .compare-table-frame .compare-table-group .title-table-area .table-layout table tr td {
    background: #fff;
    vertical-align: middle;
}

#contents .compare-table-frame .compare-table-group .title-table-area .table-layout table tr td:nth-child(1) {
    background-color: #e5f6e0;
    width: 25%;
}

#contents .compare-table-frame .compare-table-group .title-list-area {
    background: #fff;
    padding: 2rem;
}

#contents .compare-table-frame .compare-table-group .title-list-area h2,
#contents .compare-table-frame .compare-table-group .title-list-area h3,
#contents .compare-table-frame .compare-table-group .title-list-area h4,
#contents .compare-table-frame .compare-table-group .title-list-area h5 {
    border-bottom: solid 1px #d4c7bd;
    border-top: solid 1px #d4c7bd;
    background: url(img/h2_bg.png) no-repeat left center #fff;
    color: #333333;
    font-size: 2.4rem;
    position: relative;
    padding: 1rem 2rem 1rem 6rem;
    width: auto;
    margin: 0 auto 3rem;
    text-align: left;
    font-weight: bold;
    line-height: 1.4;
}

#contents .compare-table-frame .compare-table-group .title-list-area ul li {
    color: #635245;
    background: url(img/li-icon.png) no-repeat 30px 26px #f2efec;
    margin: 0 0 2rem;
    padding: 2rem 2rem 1rem 6rem;
    line-height: 1.6;
    font-size: 1.7rem;
}

#contents .compare-table-frame .compare-table-group .title-list-area ul li:last-child {
    margin: 0;
}

#contents .compare-table-frame .compare-table-group .title-list-area ul li p {
    color: #635245;
    margin: 2rem 0 2rem -3rem;
}

/*/////img/////*/
.top-image-text-box {
    margin: 30px 0;
}

/*----------------------------------------------------
    SP_css
----------------------------------------------------*/
@media screen and (max-width: 599px) {

    /* FV
----------------------------- */
    .mv {
        padding: 3rem 0 5rem 0;
        border: none;
    }

    .mv .mv_inner {
        max-width: 100%;
        width: 100%;
        margin: 0px;
        padding: 2rem 1.5rem;
        background: #ffffffb3;
    }

    .mv .mv_inner h2.mv_title {
        margin: 1rem 0 2.5rem 0;
        font-size: 2.2rem;
        padding: 0 1.5rem;
        line-height: 1.3;
        text-align: justify;
        color: #5aae43;
    }

    .mv .mv_inner p.mv_text {
        color: #4c4c4c;
        line-height: 1.6;
        text-align: justify;
    }

    /* compare-table-frame
----------------------------- */
.compare-table-frame .compare-table-group {
        padding: 2rem 0 3rem;
    }

    .compare-table-frame .compare-table-group h2 {
        font-size: 2.4rem;
        margin: 0 auto 3rem;
        line-height: 1.3;
    }

    .compare-table-group .compare-table-group .catch-copy {
        font-size: 1.7rem;
        margin: 1rem 0 1.5rem;
        padding: 0 0 1.2rem;
        line-height: 1.4;
    }

    /*/////image-text-area /////*/
    .compare-table-frame .compare-table-group .image-text-area,
    .compare-table-frame .title-text-area {
        padding: 5%;
    }

    .compare-table-frame .compare-table-group .title-table-area {
        padding: 5%;
    }

    .compare-table-frame .compare-table-group .title-table-area h2,
    .compare-table-frame .compare-table-group .title-table-area h3,
    .compare-table-frame .compare-table-group .title-table-area h4,
    .compare-table-frame .compare-table-group .title-table-area h5 {
        margin: 0 auto 2rem;
        color: #4c4c4c;
        padding: 5% 5% 5% 8%;
        font-size: 2.0rem;
    }

    .compare-table-frame .compare-table-group .title-table-area h2:before {
        left: 1rem;
    }

    .compare-table-frame .compare-table-group .title-list-area {
        background: #fff;
        padding: 5%;
    }

    .compare-table-frame .compare-table-group .title-list-area h2,
    .compare-table-frame .compare-table-group .title-list-area h3,
    .compare-table-frame .compare-table-group .title-list-area h4,
    .compare-table-frame .compare-table-group .title-list-area h5 {
        font-size: 2.0rem;
        padding: 5% 5% 5% 21%;
    }

    .compare-table-frame .compare-table-group .title-list-area h2:before {
        width: 40px;
        height: 45px;
        left: 10px;
        top: 11px;
    }

    .compare-table-frame .compare-table-group .title-list-area ul li {
        color: #f46891;
        background: url(img/icon_catch04.png) no-repeat left 6% top 21px #f9f2e0;
        margin: 0 0 2rem;
        padding: 5% 5% 5% 16%;
        line-height: 1.6;
        font-size: 1.7rem;
    }

    .compare-table-frame .compare-table-group .title-list-area ul li p {
        color: #333;
        margin: 2rem 0 2rem -3rem;
    }
}