.basic-description .pc-tab > input,
.basic-description .pc-tab section > div {
  display: none;
}

.basic-description #tab1:checked ~ section .tab1,
.basic-description #tab2:checked ~ section .tab2,
.basic-description #tab3:checked ~ section .tab3 {
  display: block;
}

.basic-description #tab1:checked ~ nav .tab1,
.basic-description #tab2:checked ~ nav .tab2,
.basic-description #tab3:checked ~ nav .tab3 {
  color: red;
}

/* Visual Styles */

$activeColor: #ffffff;
$unactiveColor: #eeeeee;
$unactiveHoverColor: #dddddd;


*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


.basic-description .pc-tab {
  width: 100%;
  margin: 0 auto;}
.basic-description .pc-tab  ul {
    list-style: none;
    margin: 0;
    padding: 0;}
.basic-description .pc-tab ul li label {
        float: left;
        padding: 15px 25px;
        border: 1px solid #fff;
        border-bottom: 0;
        background: $unactiveColor;
        color: #839b80;}
.basic-description .pc-tab ul li label :hover {
          background: $unactiveHoverColor;
        }
.basic-description .pc-tab ul li label:active {
          background: $activeColor;
        }
.basic-description .pc-tab ul:not(:last-child) label {
         border-right-width: 0;
      }

  .basic-description section {
    border-top: solid 1px #52534f;
    clear: both;}
    .basic-description section div {
      padding: 30px 20px;
      width: 100%;
      border: 1px solid #fff;
      background: #fff;
      line-height: 1.5em;
      letter-spacing: 0.3px;
      color: #444;}
  .basic-description section div  h2 {
        margin: 0;
        letter-spacing: 1px;
        color: #839b80;
      }

#tab1:checked ~ nav .tab1 label,
#tab2:checked ~ nav .tab2 label,
#tab3:checked ~ nav .tab3 label {
    background: #3c3e39;
    color: #fff;
    position: relative;}
#tab1:checked ~ nav .tab1 label:after,
#tab2:checked ~ nav .tab2 label:after,
#tab3:checked ~ nav .tab3 label:after {
      content: '';
      display: block;
      position: absolute;
      height: 2px;
      width: 100%;
      background: $activeColor;
      left: 0;
      bottom: -1px;
    }

.basic-description section .tab1 ul, .basic-description section .tab2 ul, .basic-description section .tab3 ul {list-style: disc;
    margin: unset;
    padding: unset;
    line-height: 2;
    margin-top: 10px;}