.base {
  display: flex;
  flex-direction: row;
  width: 95vw;
  height: 90vh;
}

.class1 {
  width: 50%;
}
.class2 {
  flex-direction: column;
  width: 50%;
}


/*-- タブレット版非表示設定  --*/
@media screen and (max-width: 1155px){
  .class1 {
    width: 100vw;
    height: 100vh;
  }
  .class2 {
    display:none;
  }
}