@charset "utf-8";
.bg_wave {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
}
.main_mv .mv_wrap {
    padding: 40px;
}
.main_mv .mv_wrap h2 {
    padding-bottom: 0;
}
.main_mv .mv_wrap h2::after {
    content: none;
}
.main_mv .mv_wrap p {
    font-size: 24px;
    color: var(--sub3-color);
    line-height: 1.5;
    margin-bottom: 10px;
}
.main_mv .mv_wrap span {
    font-size: 18px;
    line-height: 1.3;
}

.sec_education {
    position: relative;
    text-align: center;
    padding: 80px 0 100px;
}
.sec_education .inner {
    max-width: 1240px;
}
.education_content {
    margin-bottom: 110px;
}
.education_content:last-child {
    margin-bottom: 0;
}
.education_content .title_bg_gradient {
    padding: 10px 39px;
    margin-bottom: 50px;
}
.education_content .title_bg_gradient span {
    display: block;
    font-size: 20px;
    line-height: 1.3;
}
.education_wrap {
    justify-content: space-between;
    align-items: center;
    text-align: left;
}
.education_info h4 {
    font-size: 34px;
    color: var(--sub36-color);
    line-height: 1.3;
    margin-bottom: 35px;
}
.education_info .text_lg {
    color: var(--sub36-color);
    line-height: 2;
}
.mb-35 {
    margin-bottom: 35px;
}      
.education_info .text_lg .first_letter {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 86px;
    height: 86px;
    font-size: 48px;
    color: var(--sub3-color);
    line-height: 1;
    background: var(--sub35-color);
    vertical-align: text-bottom;
    margin-right: .15em;
}
.education_content01 .education_info {
    width: 38%;
}
.education_content01 .img_education {
    width: 57%;
    max-width: 700px;
}
.education_content02 .education_info {
    width: 48%;
}
.education_content02 .img_education {
    width: 51%;
    max-width: 630px;
}
.education_content03 .education_info {
    width: 55%;
}
.education_content03 .img_education {
    width: 42%;
    max-width: 512px;
}
.education_content03 .education_wrap.no-image {
    margin-top: 80px;
}
.education_content03 .education_wrap.no-image .education_info {
    width: 100%;
}
.list_education_ques {
    justify-content: center;
    margin-top: 80px;
    gap: 60px;
}
.list_education_ques li {
    width: 18%;
    max-width: 217px;
}

.sec_vision {
    position: relative;
    text-align: center;
    padding-bottom: 100px;
}
.sec_vision .inner {
    max-width: 1240px;
}
.vision_conent {
    margin-bottom: 80px;
}
.vision_conent:last-child {
    margin-bottom: 0;
}
.vision_conent .title_bg_gradient {
    width: 590px;
    padding: 16px;
    margin-bottom: 40px;
    background: linear-gradient(to right,#8C6DEA 0%,#FEABE9 100%);
}
.vision_conent01 .education_info {
    width: 43%;
}
.vision_conent01 .img_education {
    width: 54%;
    max-width: 667px;
}
.vision_conent02 .education_info {
    width: 45%;
}
.vision_conent02 .img_education {
    width: 46%;
    max-width: 670px;
}
.education_info .text_lg.teal-blue {
    color: var(--sub37-color);
}

.sec_message {
    position: relative;
    padding: 100px 0;
}
.sec_message .inner {
    max-width: 968px;
}
.sec_message h3 {
    font-size: 34px;
    color: var(--sub38-color);
    line-height: 1.3;
    margin-bottom: 20px;
    text-align: center;
}
.message_content {
    background: var(--sub39-color);
    border-radius: 21px;
    padding: 35px 70px;
}
.message_content h4 {
    text-align: center;
    margin-bottom: 30px;
}
.message_content .text_lg,
.message_content .text_sm {
    color: var(--sub40-color);
}
.message_wrap {
    justify-content: space-between;
    align-items: flex-start;
}
.message_wrap .img_message {
    width: 29%;
    max-width: 233px;
}
.message_wrap .img_message img {
    border-radius: 12px;
}
.message_wrap .message_info {
    width: 66%;
}
.message_info ul li {
    justify-content: space-between;
}
.message_info ul li span {
    width: 18%;
}
.message_info ul li p {
    width: 81%;
}

.sec_contact {
    position: relative;
	background: var(--sub30-color);
}

footer {
    position: relative;
}

@media only screen and (min-width: 768px) and (max-width: 1199px) {
    .main_mv .mv_wrap {
        padding: 3.336vw;
    }
    .main_mv .mv_wrap p {
        font-size: 2.002vw;
        margin-bottom: 0.834vw;
    }
    .main_mv .mv_wrap span {
        font-size: 1.501vw;
    }

    .sec_education {
        padding: 6.672vw 0 8.340vw;
    }
    .education_content {
        margin-bottom: 9.174vw;
    }
    .education_content .title_bg_gradient {
        padding: 0.834vw 3.253vw;
        margin-bottom: 4.170vw;
    }
    .education_content .title_bg_gradient span {
        font-size: 1.668vw;
    }
    .education_info h4 {
        font-size: 2.836vw;
        margin-bottom: 2.919vw;
    }
    .mb-35 {
        margin-bottom: 2.919vw;
    }      
    .education_info .text_lg .first_letter {
        width: 7.173vw;
        height: 7.173vw;
        font-size: 4.003vw;
    }
    .education_content03 .education_wrap.no-image {
        margin-top: 6.672vw;
    }
    .list_education_ques {
        margin-top: 6.672vw;
        gap: 5.004vw;
    }

    .sec_vision {
        padding-bottom: 8.340vw;
    }
    .vision_conent {
        margin-bottom: 6.672vw;
    }
    .vision_conent .title_bg_gradient {
        width: 49.208vw;
        padding: 1.334vw;
        margin-bottom: 3.336vw;
    }

    .sec_message {
        padding: 8.340vw 0;
    }
    .sec_message h3 {
        font-size: 2.836vw;
        margin-bottom: 1.668vw;
    }
    .message_content {
        border-radius: 1.751vw;
        padding: 2.919vw 5.838vw;
    }
    .message_content h4 {
        margin-bottom: 2.502vw;
    }
    .message_wrap .img_message img {
        border-radius: 1.001vw;
    }
}

@media only screen and (max-width: 767px) {
    .main_mv .mv_wrap {
        width: 6.20rem;
        padding: 0.50rem;
        top: 0.20rem;
        transform: none;
    }
    .main_mv .mv_wrap h2 {
        font-size: 0.38rem;
    }
    .main_mv .mv_wrap p {
        font-size: 0.28rem;
        margin-bottom: 0.20rem;
    }
    .main_mv .mv_wrap span {
        font-size: 0.26rem;
    }

    .sec_education {
        padding: 0.70rem 0 1.10rem;
    }
    .sec_education .inner {
        max-width: 100%;
    }
    .education_content {
        margin-bottom: 0.80rem;
    }
    .education_content .title_bg_gradient {
        width: 6.38rem;
        font-size: 0.34rem;
        padding: 0.30rem;
        margin-bottom: 1.10rem;
    }
    .education_content02 .title_bg_gradient,
    .education_content03 .title_bg_gradient {
        text-align: left;
    }
    .education_content .title_bg_gradient span {
        font-size: 0.26rem;
        text-align: center;
    }
    .education_wrap {
        justify-content: center;
    }
    .education_info h4 {
        font-size: 0.34rem;
        margin-bottom: 0.35rem;
    }
    .mb-35 {
        margin-bottom: 0.35rem;
    }
    .education_info .text_lg {
        font-size: 0.26rem;
    }
    .education_info .text_lg span{
        font-size: .24rem;
    }    
    .education_info .text_lg .first_letter {
        width: 0.86rem;
        height: 0.86rem;
        font-size: 0.48rem;
    }
    .education_info {
        width: 100% !important;
        max-width: 6.40rem;
        margin-bottom: 0.30rem;
    }
    .education_content01 .img_education {
        width: 100%;
        max-width: 7.00rem;
    }
    .education_content02 .img_education {
        width: 100%;
        max-width: 6.30rem;
    }
    .education_content03 .img_education {
        width: 100%;
        max-width: 5.12rem;
    }
    .education_content03 .education_wrap.no-image {
        margin-top: 0.70rem;
    }
    .list_education_ques {
        margin-top: 0.80rem;
        gap: 0.20rem;
    }
    .list_education_ques li {
        width: 31%;
        max-width: 2.17rem;
    }

    .sec_vision {
        padding-bottom: 0.50rem;
    }
    .sec_vision .inner {
        max-width: 100%;
    }
    .vision_conent {
        margin-bottom: 1.40rem;
    }
    .vision_conent .title_bg_gradient {
        width: 5.90rem;
        font-size: 0.34rem;
        padding: 0.30rem;
        margin-bottom: 0.80rem;
    }
    .vision_conent01 .img_education {
        width: 100%;
        max-width: 6.67rem;
    }
    .vision_conent02 .education_info {
        margin: 1.00rem 0 0;
    }
    .vision_conent02 .img_education {
        width: 100%;
        max-width: 100%;
    }

    .sec_message {
        padding: 0.50rem 0 1.10rem;
    }
    .sec_message .inner {
        max-width: 6.94rem;
    }
    .sec_message h3 {
        font-size: 0.38rem;
        margin-bottom: 0.20rem;
    }
    .message_content {
        border-radius: 0.21rem;
        padding: 0.35rem 0.45rem;
    }
    .message_content h4 {
        text-align: left;
        margin-bottom: 0.30rem;
    }
    .message_content .text_lg,
    .message_content .text_sm {
        font-size: 0.26rem;
    }
    .message_wrap {
        justify-content: center;
    }
    .message_wrap .img_message {
        width: 59%;
        max-width: 3.54rem;
        margin-bottom: 0.40rem;
    }
    .message_wrap .img_message img {
        border-radius: 0.12rem;
    }
    .message_wrap .message_info {
        width: 100%;
    }
    .message_info ul li span {
        width: 27%;
    }
    .message_info ul li p {
        width: 72%;
    }
}