.channel-box{
  width:100%;
  display:flex;
  justify-content:space-between;
  margin-top:55px;
  flex-wrap:wrap;
}
.channel-box-unit{
  flex:none;
  display:flex;
  align-items:center;
  margin-top:7px;
}
.channel-box-unit:nth-child(-n+2){
  margin-top:0;
}
.channel-box-unit-title,.channel-box-unit-title-colon,.channel-box-unit-list{
  flex:none;
}
.channel-box-unit-title,.channel-box-unit-title-colon{
  font-size:18px;
  height:28px;
  line-height:28px;
}
.channel-box-unit-title{
  width:75px;
  text-align-last: justify;
  text-align:justify;
}
.channel-box-unit-list{
  display:flex;
}
.channel-box-unit-list-unit{
  font-size:14px;
  padding:0 6px;
  border-left:1px solid #333333;
  flex:none;
  line-height:14px;
}
.channel-box-unit-list-unit:first-of-type{
  border-left:0;
}
@media (max-width:1400px){
  .channel-box{
    margin-top:4vw;
  }
  .channel-box-unit-title{
    width:6vw;
  }
  .channel-box-unit-title, .channel-box-unit-title-colon{
    font-size:1.3vw;
    height:2vw;
    line-height:2vw;
  }
  .channel-box-unit-list-unit{
    font-size: 1.1vw;
    padding: 0 0.3vw;
    line-height: 1.1vw;
  }
  .channel-box-unit{
    margin-top:0.5vw;
  }
}
@media (max-width:1099px){
  .channel-box{
    display:block;
  }
  .channel-box-unit-title{
    width:7vw;
  }
  .channel-box-unit:nth-child(2){
    margin-top:0.5vw;
  }
  .channel-box-unit-title, .channel-box-unit-title-colon{
    font-size:1.6vw;
  }
  .channel-box-unit-list-unit{
    font-size: 1.4vw;
    padding: 0 1vw;
    line-height: 1.4vw;
  }
}
@media (max-width:767px){
  .channel-box-unit-list{
    flex-wrap:wrap;
    flex:1;
  }
  .channel-box-unit-title, .channel-box-unit-title-colon{
    font-size:3.2vw;
    height:4vw;
    line-height:4vw;
  }
  .channel-box-unit-title{
    width:14.5vw;
  }
  .channel-box{
    margin-top: 7vw;
  }
  .channel-box-unit-list-unit{
    font-size: 3.2vw;
    line-height: 4vw;
    margin-bottom: 1vw;
    padding: 0 1.5vw;
  }
  .channel-box-unit{
    align-items: flex-start;
    line-height: 4vw;
  }
  .channel-box-unit:nth-child(2),.channel-box-unit{
    margin-top:4vw;
  }
  .channel-box-unit-title::after{
    content: '';
    width: 100%;
    height: 1px;
    line-height: 1px;
    display: inline-block;
  }
}