.triangle-top-left {
    width: 0;
    height: 0;
    border-left: 200px  solid transparent; /* ブラウザーの幅の50%分の透明な左辺 */
    border-bottom: 200px solid #5c9775; /* ブラウザーの高さの50%分の赤色の下辺 */
    transform: rotate(180deg); /* 180度回転 */
    position: absolute; /* 絶対位置指定 */
    left: 0; /* ブラウザーの左端に配置 */
    top: 0; /* ブラウザーの上端に配置 */
}

.divStartBtn{
  background-color: white;
}

.divTopString
{
    background-color: #CDE0E4;
}



.triangle {
  
  position: absolute; /* 絶対位置指定 */
  left: 80px; /* ブラウザーの左端に配置 */
  top: 70px; /* ブラウザーの上端に配置 */  
}


.divStratBtn
{
  background-color: white;
}

.table-outer-container
{
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: .5rem;
}

.table-container
{
  max-height: 100px;
  overflow: auto;  
}

.table-borderless .timeStampArea,
.table-borderless .newsArea {
  border-bottom: 1px solid #bfc7ce;
  background-color: #e5dbd4;
}

.timeStampArea{  
  width: 50px;
}

.text-green{
  color: #8cbca4;
}

.text-green_b{
  color: #8cbca4;
  font-weight: bold;
  font-size: 20px;
  
}

@media (max-width: 1100px) {
  .triangle{
    display: none;
}  

}