@charset "UTF-8";

section{
  margin-bottom: 4vw;
}

#main{
  margin: 0 2vw;
}

#company-about-list{
  width: 100%;
  border-collapse:collapse;
}

.company-about-list-item{
  border-bottom: 2vw solid var(--html-background-color);
}

.company-about-list-item td{
  padding: .5rem;
}

.txt-terms{
  color: #000;
  background: var(--html-background-color);
}

.has-href{
  color: blue;
  cursor: pointer;
  transition: background .5s;
}

.has-href:hover{
  background: #ececec;
}

.sp-no-padding{
  padding: 0 .5rem!important;
}

@media screen and (max-width: 480px) {

  .company-about-list-item{
    display: flex;
    flex-wrap: wrap;
  }

  .company-about-list-item td{
    display: inline-block;
  }

  .order-1{
    order: 1;
    display: block!important;
    width: 100%;
    padding: 0 .5rem!important;
    font-size: .8em;
    font-weight: 600;
  }

  .order-2{
    order: 2
  }

  .order-3{
    order: 3
  }

  .order-4{
    order: 4
  }

  .txt-terms{
    display: block;
    width: 100%;
    padding: 5px;
    margin-bottom: 1rem;
    background: #eaeaea;
  }

}