@media screen and (max-width: 612px){
  .vertical-block{
    width: 100%;
  }
  .vertical-text {
    flex: 1 0 70%; 
    font-size: 10px;
    padding: 10px  5px; 
    height: 140px;
  }
  
.title-input{
  width: 70%;
  font-size: 15px;
  padding:5px 10px;
}
  /* シーン入力欄の幅も調整 */
  .title-text {
    flex: 0 1 20%; /* こちらも調整 */
    margin-left:5px;
    padding: 10px 5px;
    height: 140px;
    font-size: 10px;
    border-left:1px dashed #bbbbbb;
  }

  /* ページ番号の文字サイズなどを調整 */
  .vertical-block > p {
    font-size: 10px; /* PC版と同じくらいに戻すなど */
    height: 160px;
    width: 20px;
  }
  
  #googleLoginButton {
    /* 80%の大きさに縮小する（この数値はお好みで調整してください） */
    transform: scale(0.6);
    
    /* 縮小した際の基準点を右端に設定 */
    transform-origin: right center;
  }
  .center-position{
    transform: scale(0.8);
  }

.left-group,
.right-group {
  /* 中身がなくても、最低でもこの幅を確保する */
  min-width: 50px; /* この数値は、ログインボタンの幅などに合わせて調整 */
}
.drive-status-text{
    font-size: 10px;
}

.header-controls{
  min-width: 307px;
}

.toolbar-item{
  padding: 0 5px;
}

}


