.HK-north-box{
  margin-top:36px;
}
.HK-north-box-title{
  width:100%;
  cursor:pointer;
}
.HK-north-box .common-column-list{
  background-color: #d1e4e4;
  padding-top:19px;
  padding-bottom:24px;
  margin-top:0;
}
.HK-north-box .common-column-list-unit{
  width:390px;
  margin-left:auto;
  margin-right:auto;
}

.HK-north-box .common-column-list-unit-img{
  height:219px;
}
.HK-north-box .common-column-list-col-1 .common-column-list-unit{
  margin-top:11px;
}
.HK-north-box .common-column-list-col-1 .common-column-list-unit:first-of-type{
  margin-top:0;
}
@media (max-width:1400px){
  .HK-north-box{
    margin-top:2.5vw;
  }
  .HK-north-box .common-column-list{
    padding-top: 1.5vw;
    padding-bottom: 1.8vw;
  }
  .HK-north-box .common-column-list-unit{
    width:28vw;
  }
  .HK-north-box .common-column-list-unit-img{
    height:15.7vw;
  }
}
@media (max-width:767px){
  .HK-north-box{
    margin-top:8vw;
  }
  .HK-north-box .common-column-list-col-1{
    display:block;
  }
  .HK-north-box .common-column-list-unit{
    width:90.4vw;
  }
  .HK-north-box .common-column-list-unit-img{
    height:51vw;
  }
  .HK-north-box .common-column-list{
    padding-top:3.87vw;
    padding-bottom:4vw;
  }
  .HK-north-box .common-column-list-unit-title{
    -webkit-line-clamp:2;
    height: 10vw;
  }
}