@charset "UTF-8";

@media screen and (max-width: 1024px) {
    #mainContents.tumorImmunityIndex .tumorImmunityIndexBox01 section ul li a div span.num {
        width: 10%;
    }
}

@media screen and (max-width: 767px) {
    #mainContents.tumorImmunityIndex .tumorImmunityIndexBox01 section ul li a div span.num {
        width: 15%;
    }
    #mainContents.tumorImmunityIndex .tumorImmunityIndexBox01 section ul li {
        margin-bottom: 1em;
    }
    #mainContents.tumor_immunity .box01, #mainContents.tumor_immunity .box02, #mainContents.tumor_immunity .box03, #mainContents.tumor_immunity .box04 {
        margin-bottom: 0;
    }
    #mainContents.tumor_immunity .box01 .imgArea, #mainContents.tumor_immunity .box02 .imgArea, #mainContents.tumor_immunity .box03 .imgArea, #mainContents.tumor_immunity .box04 .imgArea {
        width: auto;
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
    #mainContents.tumor_immunity .box01 .txtArea, #mainContents.tumor_immunity .box02 .txtArea, #mainContents.tumor_immunity .box03 .txtArea, #mainContents.tumor_immunity .box04 .txtArea {
        display: block;
        margin-left: 0;
    }
    #mainContents.tumor_immunity .img01 {
        width: auto;
    }
    #contents #subMenu {
        max-height: inherit;
        overflow-y: visible;
    }
}