@charset "UTF-8";

@media screen and (min-width: 521px) and (max-width: 767px) {}

@media screen and (max-width:520px) {
    #container .flex {
        display: block;
    }

    .flex>* {
        margin: 0em;
    }

    .SchoolEmblem {
        width: 100%;
    }

    img.pointIllust {
        top: 74px;
        right: 10px;
    }

    img.pointIllust {
        top: 98px;
        right: 5%;
        width: 110px;
    }

    img.pointIllust_2 {
        top: 106px;
        right: 5%;
        width: 110px;
    }

    img.pointIllust_3 {

        top: 76px;
        right: 5%;
        width: 110px;
    }

    img.pointIllust_4 {

        top: 106px;
        right: 5%;
        width: 110px;
    }

    .btn_dl {
        width: 90vw;

    }

    .box_green dt {
        font-size: 1.5em;
        line-height: 1.5em;
    }

    .inner.information h2 {
        top: 0px;
        width: 103%;
    }

    .arcivebox {
        padding-top: 50px;
    }


    .introduction {
        margin-top: 70px;
        padding: 2.5em 1em 1em 1em;
    }

    .teamname {

        top: -80px;

    }

    .inner h2 {
        width: 70%;
        margin-top: -145px;
    }

    span.match {
        font-size: 1.2em;

    }

    .sec005 .flex {
        display: flex !important;
    }

    .gold li {

    }

    .bronze .flex {

        flex-wrap: wrap !important;
    }

   section.sec005 li {
    width: 44%;
}
.scroll {

    background-color: #dfefff;
    height: 600px;
}

}

@media screen and (max-width:390px) {
section.sec005 li {
    width: 98%;
}
}