h1,
h2,
h3,
h4,
p {
    color: #3f3f3f;
}


section.body .title-body .box-center .bg-active {
    position: absolute;
    background-color: #656565;
    height: 3.2vw;
    width: 12.7vw;
    border-radius: .5vw;
    bottom: -.8vw;
    left: -1.3vw;
}

.body-plan-edu .body-header {
    background-image: url("/libro/images/plan/std/img-main-edu.png");
    margin: auto;
    max-width: 1400px;
    height: 880px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
}


.bg-out-header {
    position: relative;
    background-color: #F6F7F7;
}


.bg-black-end {
    position: absolute;
    background-color: #5b779b;
    height: 389px;
    width: 100%;
    bottom: 0;
}

.title-main {
    position: absolute;
    bottom: 258px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.title-main .title {
    width: 100%;
    display: flex;
    justify-content: center;
}

.title-main .title h2 {
    font-size: 30px;
    color: white;
    text-align: center;
    letter-spacing: 3px;
    letter-spacing: 6px;
}

.title-main .lorem p {
    width: 100%;
    display: flex;
    justify-content: center;
    color: white;
    font-size: 12px;
    letter-spacing: 1.2px;
}


.all-box-main {
    position: absolute;
    bottom: -2px;
    max-width: 950px;
    width: 100%;
    display: flex;
    justify-content: center;
    row-gap: 20px;
    column-gap: 40px;
}

.body-header .box-double-main {
    display: flex;
    width: 100%;
    justify-content: center;
}

.body-header .box-double-main .box {
    display: flex;
    background-color: white;
    width: 48%;
    border-radius: 30px;
    align-items: center;
    padding: 28px;
    border: 5px solid #6d8fba;
    box-shadow: inset -4px -4px 5px 0px #bcbcbc;
}

.body-header .box-double-main .box.not-active {
    height: 195.6px;
}

.body-header .box-double-main .box.active {
    border: unset;
    box-shadow: unset;
    border-radius: 30px 30px 0 0;
    border-bottom: 37px solid white;
}

.body-header .box-double-main .box:hover {
    opacity: .8;
}


.body-header .box-double-main .box.active:hover {
    opacity: 1;
}


.body-header .box-double-main .box .box-logo {
    display: flex;
    flex-direction: column;
    padding: 10px;
    border-radius: 20px;
    width: 130px;
    height: 130px;
}


.body-header .box-double-main .box .box-logo img {
    width: 63%;
    margin: auto;
}

.body-header .box-double-main .box:last-child .box-logo img {
    width: 75%;
}

.body-header .box-double-main .box .box-title {
    display: flex;
    width: 65%;
    flex-wrap: wrap;
    margin-left: 30px;
}

.body-header .box-double-main .box .box-title h3 {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 15px;
}

.body-header .box-double-main .box .box-title p {
    font-size: 15px;
}

.body-plan-edu .section-1 {
    max-width: 950px;
    margin: auto;
}

.body-plan-edu .section-1 .all-box-number .box {
    display: flex;
    align-items: start;
    width: 31%;
    height: 147px;
    border-radius: 20px;
    padding: 20px 30px;
    background-color: #5b779b;
    position: relative;

}

.body-plan-edu .section-1 .all-box-number {
    padding: 40px 0;
}

.body-plan-edu .section-1 .all-box-number .all-box {
    display: flex;
    justify-content: space-between;
}

.body-plan-edu .section-1 .all-box-number .all-box .box .title h4 {
    display: flex;
    font-size: 24px;
    letter-spacing: 3px;
    line-height: 32px;
    color: white;
    z-index: 90;
    position: relative;
}

.body-plan-edu .all-box-number .all-box .box .number h4 {
    color: #7c92af;
    font-size: 116.5px;
    display: flex;
    justify-content: end;
    letter-spacing: -4px;
    position: absolute;
    bottom: -24px;
    right: 11px;
}

.body-plan-edu .all-box-number .title-under-box {
    display: flex;
    justify-content: center;
    margin: 26px 0;
}

.body-plan-edu .all-box-number .title-under-box h4 {
    font-size: 16px;
    line-height: 32px;
    text-align: center;
    color: #5b779b;
}

.body-plan-edu .all-box-number .bg-gray-img {
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 25px;
}

.body-plan-edu .all-box-number .bg-gray-img img {
    width: 100%;
}

.body-plan-edu .section-1 .block-botom .title-bottom {
    width: 100%;
    background-image: radial-gradient(circle, #5b779b 10%, transparent 22%);
    background-position: bottom;
    background-size: 8px 17px;
    background-repeat: repeat-x;
    display: flex;
    justify-content: center;
    height: 55px;
    margin-bottom: 33px;
}


.body-plan-edu .section-1 .block-botom .title-bottom h3 {
    font-size: 24px;
    color: #5c779c;
    letter-spacing: 4px;
}

.body-plan-edu .section-1 .block-botom .all-box {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    column-gap: 26px;
    margin-bottom: 92px;
}

.body-plan-edu .section-1 .block-botom .all-box .box {
    display: flex;
    flex-wrap: wrap;
    width: 27%;
}


.body-plan-edu .section-1 .block-botom .all-box .box-3 {
    width: 37%;
    padding-top: 7px;
}

.body-plan-edu .section-1 .block-botom .all-box .box-top {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 12px;
}


.body-plan-edu .section-1 .block-botom .all-box .box-3 .box-top {
    margin-bottom: 0;
}

.body-plan-edu .section-1 .block-botom .all-box .box-top .image {
    height: 80px;
}


.body-plan-edu .section-1 .block-botom .all-box .box-3 .image {
    height: 110px;
}

.body-plan-edu .section-1 .block-botom .all-box .box-top .image img {
    height: 100%;
}

.body-plan-edu .section-1 .block-botom .all-box .box-top .title-box {
    width: 50%;
    display: flex;
    align-items: center;
    margin-left: 14px;
}

.body-plan-edu .section-1 .block-botom .all-box .box-top .box-lorem {
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}

.body-plan-edu .section-1 .block-botom .all-box .box-3 .box-lorem {
    width: 63%;
    margin-left: 14px;
}

.body-plan-edu .section-1 .block-botom .all-box .box-3 .title-box {
    width: 100%;
    margin-left: 0;
    padding-bottom: 10px;
}

.body-plan-edu .section-1 .block-botom .all-box .box-top .title-box h4 {
    font-size: 24px;
    line-height: 26px;
}

.body-plan-edu .section-1 .block-botom .all-box .lorem p {
    font-size: 14px;
    letter-spacing: -.5px;
    color: #5b779b;
}


.body-plan-edu .title-yellow {
    background-color: #f5ac4c;
}

.body-plan-edu .title-blue {
    background-color: #5b779b;
}


.body-plan-edu .title-common {
    padding: 20px 0;
}


.body-plan-edu .title-common .title {
    max-width: 950px;
    margin: auto;
    display: flex;
    align-items: center;
}

.body-plan-edu .title-common .title .logo-title {
    background-color: white;
    border-radius: 7px;
    padding: 7px 28px;
}

.body-plan-edu .title-blue .title .logo-title h4 {
    color: #5b779b;
}


.body-plan-edu .title-yellow .title .logo-title h4 {
    color: #f5ac4c;
}

.body-plan-edu .title-common .title .logo-title h4 {
    font-size: 18px;
    letter-spacing: 2px;
}


.body-plan-edu .title-common .title .lorem-title h3 {
    font-size: 24px;
    color: white;
    letter-spacing: 2.5px;
    margin-left: 20px;
}

.body-plan-edu .section-common {
    background-color: #f6f7f7;
    padding: 30px 0;
}

.body-plan-edu .section-common.section-3 {
    padding-bottom: 50px;
}

.body-plan-edu .section-common .bg-in-section {
    max-width: 950px;
    margin: auto;
    background-color: white;
    border-radius: 20px;
    padding: 30px;
    margin-bottom: 25px;
}

.body-plan-edu .section-common .bg-in-section img {
    width: 100%;
}

.bg-pc-table-custom {
    background-color: #ffff !important;
}

.bg-body-pc-table-custom {
    padding-top: 50px;
}

section#footer .section-footer {
    background-color: #ebebeb;
}


@media (max-width: 1399px) {
    section.body .title-body .box-center .bg-active {
        position: absolute;
        background-color: #656565;
        height: 47px;
        width: 175px;
        border-radius: .8vw;
        bottom: -11px;
        left: -20px;
    }
}

@media (max-width: 670px) {
    .body-plan-edu .body-header {
        background-image: url(/libro/images/plan/std/img-main-std-sp.png);
        height: 165vw;
        width: 100%;
    }

    .title-main {
        bottom: 82vw;
    }

    .title-main .title h2 {
        font-size: 4.7vw;
        letter-spacing: .5vw;
        margin-bottom: 2vw;
    }

    .title-main .lorem p {
        font-size: 2.4vw;
        letter-spacing: .5vw;
    }

    .all-box-main {
        column-gap: 4vw;
        bottom: -.2vw
    }

    .body-header .box-double-main .box {
        width: 42vw;
        border-radius: 3vw;
        padding: 3vw;
        flex-wrap: wrap;
    }

    .body-header .box-double-main .box .box-title {
        width: 100%;
        margin-left: 0;
        justify-content: center;
    }

    .body-header .box-double-main .box .box-logo {
        display: flex;
        flex-direction: column;
        padding: 2vw;
        border-radius: 2vw;
        width: 36vw;
        height: 36vw;
        box-shadow: 4px 4px 2px 2px #d7d6d6;
    }

    .body-header .box-double-main .box .box-logo img {
        width: 56%;
    }

    .body-header .box-double-main .box:last-child .box-logo img {
        width: 63%;
    }

    .body-header .box-double-main .box .box-title h3 {
        font-size: 4vw;
        line-height: 5vw;
        margin-bottom: 2.5vw;
        margin-top: 4vw;
        text-align: center;
    }

    .body-header .box-double-main .box .box-title p {
        font-size: 2.7vw;
        letter-spacing: .1vw;
        margin-bottom: 3vw;
        padding-left: 1vw;
    }


    .body-header .box-double-main .box {
        border: unset;
        width: 42vw;
        box-shadow: unset;
    }

    section#footer .section-footer {
        height: auto;
        background-color: #3f3f3f;
        flex-wrap: wrap;
        flex-direction: column;
    }


    .body-header .box-double-main .box.not-active {
        height: 69.5vw;
    }

    .body-header .box-double-main .box.active {
        border: unset;
        box-shadow: unset;
        border-radius: 3vw 3vw 0 0;
        border-bottom: 5.2vw solid white;
    }

    .body-plan-edu .section-1 .all-box-number {
        padding: 5.5vw 0;
        padding-bottom: 9vw;
    }

    .body-plan-edu .section-1 .all-box-number .all-box {
        flex-wrap: wrap;
        row-gap: 3vw;
        padding: 0 5vw;
    }

    .body-plan-edu .section-1 .all-box-number .all-box .box {
        width: 100%;
    }

    .all-box-number .box {
        display: flex;
        align-items: start;
        width: 31%;
        height: 18vw;
        border-radius: 3vw;
        padding: 3vw 6.5vw;
        background-color: #5b779b;
        position: relative;
    }

    .body-plan-edu .section-1 .all-box-number .box {
        width: 31%;
        height: 19vw;
        border-radius: 3vw;
        padding: 3vw 6.5vw;
    }

    .body-plan-edu .section-1 .all-box-number .all-box .box .title h4 {
        display: flex;
        font-size: 4.5vw;
        letter-spacing: .6vw;
        line-height: 6vw;
    }

    .body-plan-edu .all-box-number .all-box .box .number h4 {
        color: #7c92af;
        font-size: 20vw;
        display: flex;
        justify-content: end;
        letter-spacing: -1vw;
        position: absolute;
        bottom: -4vw;
        right: 5vw;
    }

    .body-plan-edu .all-box-number .title-under-box {
        margin: 4.5vw 0;
        margin-bottom: 10vw;
    }

    .body-plan-edu .all-box-number .title-under-box h4 {
        font-size: 3.8vw;
        line-height: 6.5vw;
        letter-spacing: -.05vw;
        padding: 0 7vw;
        text-align: left;
    }

    .body-plan-edu .all-box-number .bg-gray-img {
        border-radius: 0;
        padding: 6vw;
    }

    .body-plan-edu .section-1 .block-botom .title-bottom h3 {
        font-size: 5vw;
        color: #5c779c;
        letter-spacing: .3vw;
    }

    .body-plan-edu .section-1 .block-botom .title-bottom {
        width: 99%;
        background-image: radial-gradient(circle, #5b779b 10%, transparent 22%);
        background-size: 1vw 3vw;
        height: 11vw;
        margin-bottom: 4vw;
    }

    .body-plan-edu .section-1 .block-botom {
        padding: 0 5vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        background-position: bottom;
        background-repeat: repeat-x;
        background-image: radial-gradient(circle, rgb(201, 201, 201) 10%, transparent 22%);
        background-size: 1.2vw 2.5vw;
        height: 23vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box:last-child {
        background-image: unset;
        padding-top: 5vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-top .image {
        height: auto;
        width: 19vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-top .title-box {
        width: 60%;
        display: flex;
        flex-wrap: wrap;
        align-items: start;
        flex-direction: column;
        margin-left: 6vw;
        padding-top: 4vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-top .title-box h4 {
        font-size: 5vw;
        line-height: 5.5vw;
        letter-spacing: -.2vw;
        margin-bottom: 1vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .lorem p {
        font-size: 2.7vw;
        letter-spacing: -.05vw;
        color: #5b779b;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-top {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 11vw;
        padding-left: 3vw;

    }

    .body-plan-edu .section-1 .block-botom .all-box .box-3 .box-lorem {
        width: 70%;
        margin-left: 6vw;
        display: flex;
        flex-direction: column;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-2 .box-top .image img {
        width: 85%;
        height: auto;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-3 .box-top .image img {
        width: 90%;
        height: auto;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-top .image img {
        width: 100%;
        height: auto;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-3 .box-top .title-box {
        width: 100%;
        padding-top: 0;
        margin-left: 0;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-2 .box-top {
        margin-bottom: 6vw;
        padding-top: 3.5vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-2 .box-top .title-box {
        padding-top: 2vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box {
        column-gap: 2vw;
        margin-bottom: 16vw;
    }

    .body-plan-edu .title-common {
        padding: 3vw 5vw;
    }

    .body-plan-edu .title-common .title .logo-title {
        background-color: white;
        border-radius: 2vw;
        padding: 2vw .5vw;
        width: 21%;
    }

    .body-plan-edu .title-common .title .logo-title h4 {
        font-size: 4vw;
        letter-spacing: .2vw;
        text-align: center;
        line-height: 5vw;
    }

    .body-plan-edu .title-common .title .lorem-title {
        width: 75%;
    }

    .body-plan-edu .title-common .title .lorem-title h3 {
        font-size: 4.6vw;
        letter-spacing: .2vw;
        margin-left: 4vw;
        line-height: 6vw;
    }

    .body-plan-edu .section-common {
        background-color: white;
        padding: 2vw 0;
    }

    section.body .bg-body-pc-table {
        background-color: #f6f7f7 !important;
    }

    .bg-body-pc-table-custom {
        padding-top: 8vw;
    }


    section.body .title-body .box-center .bg-active {
        height: 8vw;
        width: 44vw;
        border-radius: 1vw;
        bottom: 46.5vw;
        left: 28vw;
    }

    .body-plan-edu .section-1 .block-botom .all-box .box-3 .title-box {
        padding-bottom: 0;
    }

    .body-plan-edu .section-common .bg-in-section {
        margin-bottom: 0;
    }
}