@charset "UTF-8";

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

@media screen and (max-width: 767px) {
    .scrollTable table {
        display: block;
        overflow-x: scroll;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    #mainContents.labo section .history dl dt {
        width: 45%;
    }
    #mainContents.labo section .history dl dt::before {
        font-size: 3.5vw;
        margin: 0.1rem 0.4rem 0 -0.35rem;
    }
    #mainContents.labo .img01 {
        max-width: 100%;
    }
    #mainContents.labo .img02 {
        display: block;
    }
    #mainContents.labo .img02 li {
        width: auto;
        margin-right: 0;
    }
    #mainContents.labo .img04 {
        display: block;
    }
    #mainContents.labo .img04 li {
        text-align: center;
        max-width: 100%;
        margin: 0 0 1.5rem;
    }
}