#campusName{
    width: 30vw;
}
#title{
    width: 40vw;
}

.slide{
    width: 195vw;
}
.slide div {
    width: 33.33%;
}
.slide2 { /* スライドさせるために必要なクラス */
    transform: translateX(-33.33%);
}
.slide3 { /* スライドさせるために必要なクラス */
    transform: translateX(-66.66%);
}
.officialSite{
    width: 31vw;
}
.floorMap{
    width: 34vw;
}



@media (min-width: 481px) and (orientation: landscape){
    /*横仕様 スマホ*/
    #campusName{
        width: 150px;
    }
    #title{
        width: 200px;
    }

    .slide{
        width: 1050px;
    }
    .officialSite{
        width: 155px;
    }
    .floorMap{
        width: 170px;
    }
}



@media (min-width: 960px){
    /*横仕様 PC (pxを1/10してvwにしよう)*/
    #campusName{
        width: 15vw;
    }
    #title{
        width: 20vw;
    }

    .slide{
        width: 105vw;
    }
    .officialSite{
        width: 15.5vw;
    }
    .floorMap{
        width: 17vw;
    }
}