*{
  font-family: 'Noto Sans JP', sans-serif;
}

main {
  background-color: #fffefb;
}

.overViewTitle {
  max-width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100px;
  margin-top: 60px;
  text-align: center;
  font-size: 27px;
  font-weight: bold;
  background-color: rgb(187, 219, 164);
  color: rgb(47, 47, 47);
  padding: 0.5em 1em calc(0.5em - 6px);
}

.titleLine {
  margin-top: 3px;
  content: '';
  background-color: rgb(187, 219, 164);
  width: 100%;
  height: 3px;
  bottom: -6px;
  left: 0;
}

.overViewTableBox {
  display: flex;
  justify-content: center;
  margin: 85px 0px;
}

.overViewTable {
  border-collapse: collapse;
  border: 3px solid #000;
}

.overViewTable_th {
  border: 3px solid #000;
  height: 120px;
  width: 180px;
}

.overViewTable_tb {
  border: 3px solid #000;
  padding-left: 20px;
  width: 680px;
}

.overViewTable_thL {
  border: 3px solid #000;
  /* padding: 40px 70px; */
  height: 580px;
  width: 180px;
}

#memberName {
  font-size: 20px;
}

.tbBox {
  display: flex;
}

.tbText:hover {
  cursor : pointer;
  text-decoration:underline;
}

@media screen and (max-width: 960px) {
	/* 960px以下に適用されるCSS（タブレット用） */
  .overViewTable_th {
    height: 100px;
    width: 95px;
  }
  
  .overViewTable_tb {
    width: 480px;
  }
  
  .overViewTable_thL {
    height: 580px;
    width: 95px;
  }
}

@media screen and (max-width: 600px) {
	/* 600px以下に適用されるCSS（スマホ用） */
  .overViewTitle {
    font-size: 24px;
    height: 85px;
  }

  .overViewTable_th {
    height: 100px;
    width: 65px;
    font-size: 13px;
  }
  
  .overViewTable_tb {
    width: 250px;
    font-size: 13px;
  }
  
  .overViewTable_thL {
    height: 450px;
    width: 65px;
    font-size: 13px;
  }

  #memberName {
    font-size: 15px;
  }
}