@charset "UTF-8";
main{
  padding-top: 80px;
}
.worksCON{
  position: relative;
  z-index: 5;
  width: min(1120px,100%);
  padding: 0 16px;
  margin-inline: auto;
  margin-bottom: 104px;
}
.worksCON-item{
  .heading{
    padding-bottom: 8px;
    margin-bottom: 24px;

    font-size: 18px;
    font-weight: 700;
    color: var(--tc);

    border-bottom: solid 1px var(--tc);
  }
  .bx-wrapper{
    border: none!important;
    box-shadow: none;
  }
  .item{
    padding: 16px;
    
    border: solid 1px #9B9B9B;

    .thumbnail{
      display: block;
      margin-bottom: 16px;
    }
    .name{
      font-size: 18px;
      font-weight: 700;
    }
    ul{
      padding-left: 24px;

      li{
        position: relative;
      }
      li::before{
        content: '';
        position: absolute;
        top: 6px;
        left: -16px;

        display: inline-block;
        width: 10px;
        height: 10px;

        background: var(--tc);
      }
    }
  }
}
#worksCON-PC{
  display: block;
}
#worksCON-SP{
  display: none;
}
@media (min-width : 1200px){
}
@media (max-width : 1200px){
}
@media (max-width : 599px){
  #worksCON-PC{
    display: none;
  }
  #worksCON-SP{
    display: block;
  }
}