@charset "utf-8";




.mv {
    padding-bottom: 15px;
}

.aText{
    display: block;
    text-align: center;
    padding-bottom: 30px;
}


.aflex{
    justify-content: center;
    gap: 50px;
}

.aMore{
    display: block;
    text-align: right;
    padding: 30px ;
}

.aMore a{
    color: inherit;
    text-decoration: underline;

}

.aMore a:hover{
color: red
}


.topScroll01,.topScroll02{
    max-width: 400px;
    max-height: 300px;
    overflow: scroll;
}


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

    .topScroll01,.topScroll02{
        max-width: 300px;
        max-height: 200px;
        overflow: scroll;
    }

}


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

    .aflex{
        flex-direction: column;
    }

    .topScroll01,.topScroll02{
        margin: 0 auto;
    }
    

}