.mp學校資料4 {
    /*background-color: darkgreen;*/
    color: #FFFFFF;
}

    .mp學校資料4 .innerShell {
        max-width: 800px;
        margin: 0 auto;
        padding: 1vw;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    .mp學校資料4 .link {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-items: center;
        text-align: center;
        flex-shrink: 1;
        flex-basis: 40%;
    }

    .mp學校資料4 .schoolLogo {
        max-height: 150px;
        filter: drop-shadow(0 0 0.25em #FFFFFF);
    }

    .mp學校資料4 .schoolName01 {
        display: block;
        font-weight: 700;
        font-size: 1.1em;
    }

    .mp學校資料4 .schoolName02 {
        display: block;
    }

    .mp學校資料4 .textInfo {
        flex-grow: 1;
        flex-basis: 50%;
    }

        .mp學校資料4 .textInfo > div {
            padding-bottom: 1em;
        }

        .mp學校資料4 .textInfo .label {
            margin-right: 1em;
        }

    .mp學校資料4 .dmSocial {
        flex-basis: 10%;
        flex-shrink: 1;
        font-size: 1.8em;
    }

        .mp學校資料4 .dmSocial a {
            display: block;
        }


@media (max-width: 480px) {
    .mp學校資料4 .innerShell {
        display: block;
    }

    .mp學校資料4 .schoolLogo {
        max-height: 100px;
    }

    .mp學校資料4 .link {
        flex-direction: row;
        justify-content: space-evenly;
        align-items: center;
        padding: 1em;
    }

    .mp學校資料4 .textInfo {
        padding: 0 1em 1em 1em;
    }

    .mp學校資料4 .dmSocial {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        padding: 0 1em 1em 1em;
    }

    .mp學校資料4 .copyright {
        text-align: right;
    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .mp學校資料4 .innerShell {
        display: block;
    }

    .mp學校資料4 .schoolLogo {
        max-height: 100px;
        margin-right: 1em;
    }

    .mp學校資料4 .link {
        flex-direction: row;
        justify-content: center;
        align-items: center;
        padding: 1em;
    }

    .mp學校資料4 .textInfo {
        padding: 0 1em 1em 1em;
    }

    .mp學校資料4 .dmSocial {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        padding: 0 1em 1em 1em;
    }

    .mp學校資料4 .copyright {
        text-align: right;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
}

@media (min-width: 980px) and (max-width:1199px) {
}

@media (min-width: 1200px) and (max-width:1919px) {
}

@media (min-width: 1920px) {
}