.small-text {
    font-size: 14px; /* Adjust this value to your desired size */
  }
.small-text1 {
    font-size: 10px; /* Adjust this value to your desired size */
  }
  
.custom-list1 a::before {
  content: "●"; /* 各リンクの前に表示する記号 */
  color: red; /* 記号の色 */
  font-size: 20px; /* 記号のサイズ */
  margin-right: 10px; /* 記号とテキストの間のスペース */
}
.custom-list2 a::before {
  content: "●"; /* 各リンクの前に表示する記号 */
  color: blue; /* 記号の色 */
  font-size: 20px; /* 記号のサイズ */
  margin-right: 10px; /* 記号とテキストの間のスペース */
}
 
ul {
    display: flex;
    justify-content: left;
  }

li {
    list-style: none;
  }

.centered-text {
    text-align: center;
    margin-bottom: 10px;
  }
  
.text1 a:hover {
    text-decoration: none !important;
    background-color: #ffff00; 
    color: blue;
  }


.image a:hover {
    text-decoration: none !important;
    background-color: #ffff00;
    color: blue;
  }

.custom-list1 a:hover {
    text-decoration: none !important;
    background-color: #ffff00;
    color: red;
  }

.custom-list2 a:hover {
    text-decoration: none !important;
    background-color: #ffff00;
    color: blue;
  }

.table {
    margin: 3px auto;
  }

.text {
  text-align:center;
  }

.text1 {
  text-align:left;
  padding: 5px 10px 5px 10px;
  }

.text2 {
  text-align:left; !important;
  font-size: 14px;
  color: red;
  padding: 5px 0px 0px 30px;
  }

.image-multi1 {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0 30px 15px;
  }
 
 .image-multi2 {
  display: flex;
  flex-wrap: wrap;
  padding: 60px 0 30px 15px;
  }

.line {
padding: 2px 7px 2px 7px;
  }
  
tr {
  text-align:center;
  }