.relate_web_content {
    color: var(--help-hot_League-color);
    width: 100%;
    text-align: center;
    margin-top: 20px;
  }
  
  .relate_block
  {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .relate_block .relate_small_block {
    flex: 1;
    margin: 1% 5%;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  
  .relate_small_block div {
    font-size: 18px;
    padding: 10px 0px;
  }
  
  .web01 {
    background: url("../img/aboutlogo01_1.png") no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
  }
  
  .nowscore:hover,
  .web01:hover,
  .web02:hover,
  .web03:hover,
  .web04:hover,
  .web05:hover,
  .web06:hover
  .web07:hover {
    -webkit-box-shadow: 2px 2px 5px 2px rgba(135, 148, 148, 0.3), -2px -2px 5px 2px rgba(135, 148, 148, 0.3);
    box-shadow: 2px 2px 5px 2px rgba(135, 148, 148, 0.3), -2px -2px 5px 2px rgba(135, 148, 148, 0.3);
  }
  
  .web02 {
    background: url("../img/aboutlogo02_1.png") no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
  }
  
  .nowscore {
    background: url("../img/relate/nowscore_border.png") no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
  }
  
  .web03 {
    background: url("../img/aboutlogo03.png") no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
  }
  
  .web04 {
    background: url("../img/relate_7m_3.png") no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
  }
  
  .web05 {
    background: url("../img/aboutlogo05.png") no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
  }
  
  .web06 {
    background: url("../img/aboutlogo06.png") no-repeat;
    background-size: cover;
    width: 200px;
    height: 200px;
  }