@charset "UTF-8";

#performance {
    background-color: #EFF8FD;
    max-width: 1600px;
    width: 100%;
}

.performance_box,
.learn_box,
.curriculum_box {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
    width: 100%;
    max-width: 1080px;
    display: flex;
    flex-wrap: wrap;
}

#performance .SPhide,
#learn .SPhide,
#curriculum .SPhide {
    max-width: 530px;
    height: auto;
    width: 100%;
    flex-basis: 50%;
}

.box_inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.content_title {
    font-size: 1.25em;
    margin-top: 60px;
    margin-bottom: 60px;
    text-align: center;
    flex-basis: 100%;
}

.performance_box p {
    margin-left: 20px;
    line-height: 1.5;
    text-align: justify;
    flex-basis: 50%;
    max-width: 530px;
}

#learn {
    background-color: #DEF1FB;
    max-width: 1600px;
    width: 100%;
}

.learn_box img {
    order: 2;
}

.learn_box p {
    order: 1;
    margin-right: 20px;
    line-height: 1.5;
    text-align: justify;
    flex-basis: 50%;
    max-width: 530px;
}

#curriculum {
    background-color: #CEEBF8;
    max-width: 1600px;
    width: 100%;
}

.curriculum_box p {
    margin-left: 20px;
    line-height: 1.5;
    text-align: justify;
    flex-basis: 50%;
    max-width: 530px;
}

/*        スマートフォン用           */

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

    .m-top {
        margin-top: 50px;
    }

    .br2::before {
        content: "\A";
        white-space: pre;
    }

    #performance .SPhide,
    #learn .SPhide,
    #curriculum .SPhide {
        display: none;
    }

    #performance .PChide,
    #learn .PChide,
    #curriculum .PChide {
        display: block;
        max-width: 530px;
        height: auto;
        width: 100%;
        flex-basis: 50%;
    }

    .performance_box,
    .learn_box,
    .curriculum_box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }

    .performance_box img,
    .learn_box img,
    .curriculum_box img {
        order: -1;
    }

    .content_title {
        order: 0;
        line-height: 1.5;
    }

    .performance_box p,
    .learn_box p,
    .curriculum_box p {
        order: 1;
        width: 90%;
        margin-left: 0px;
        margin-right: 0px;
    }
}

/*           for iphone 5/SE                 */
@media screen and (max-width: 320px) {
    .inner_title_min {
        font-size: 150%;
    }

    .br3::before {
        content: "\A";
        white-space: pre;
    }

    .content_title {
        font-size: 1em;
    }
}

/*                 タブレット（縦）用                         */
@media screen and (min-width:751px) and (max-width: 1024px) {

    #performance .SPhide,
    #learn .SPhide,
    #curriculum .SPhide {
        display: block;
        max-width: 530px;
        height: auto;
        width: 100%;
        flex-basis: 50%;
    }

    .performance_box,
    .learn_box,
    .curriculum_box {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-top: 15px;
    }

    .performance_box img,
    .learn_box img,
    .curriculum_box img {
        order: -1;
    }

    .content_title {
        order: 0;
    }

    .performance_box p,
    .learn_box p,
    .curriculum_box p {
        order: 1;
    }
}