.contentBox .leftBox, .contentBox .rightBox {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.contentBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  @media (max-width: 1023px) {
    .contentBox {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column; } }
  @media (min-width: 1024px) {
    .contentBox .leftBox {
      -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
      order: 1;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 260px;
      flex: 0 0 260px;
      padding-left: 30px;
      border-left: 1px solid #30c9e9; } }
  .contentBox .rightBox {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    @media (min-width: 1024px) {
      .contentBox .rightBox {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        max-width: 1300px;
        padding-right: 50px; } }

.classBox > ul li + li {
  margin-top: 0;
  border-top: 1px solid #e1e1e1; }