.index_boxone{
    background: #fff;
    padding: 20px 0px;
}
.index_boxtwo{
    background: none;
    padding: 20px 0px;
}
.box-name{
    padding: 20px 0px;
    text-align: center;
    border-bottom: 0px;
}
.box{
    background: none;
    margin: 0px;
}
/*0~768px*/
@media (max-width: 768px){
    .index_box_contone{
        width: 100%;
    }
    .index_box_conttwo{
        width: 100%;
    }
    .box{
      width: 96%;
      padding: 10px 2%;
    }
  }
  /*768<X<1200*/
  @media(min-width:769px) and (max-width:1199px){
    .index_box_contone{
        width: 100%;
    }
    .index_box_conttwo{
        width: 100%;
    }
    .box{
      width: 96%;
      padding: 10px 2%;
    }
  }
  /*>1200*/
  @media (min-width: 1200px){
    .index_box_contone{
        width: 1200px;
        margin: 0px auto;
    }
    .index_box_conttwo{
        width: 1400px;
        margin: 0px auto;
    }
    .box{
      width: calc(100% - 40px);
      padding: 20px;
    }
  }