/* ========== c-column-group def ========== */
.c-column-group.c-column-def .col-unit-1\/3{
  width: 32.5%;
  margin-left: 1.25%;
}
.c-column-group.c-column-def .col-unit-1\/3:first-child{
  margin-left: 0;
}
.c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 h4{
  text-align: center;
  color: #fff;
  background-color: #eb7000;
  padding: 0.25em;
  border-radius: 10px 10px 0 0;
}
.c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 span{
  font-size: 85%;
  font-weight: normal;
  margin-right: .75em;
}
.c-column-group.c-column-def .col-unit-1\/3 .col-unit-inner{
  padding: .5em;
  border-right: solid 2px #ccc;
  border-bottom: solid 2px #ccc;
  border-left: solid 2px #ccc;
  border-radius: 0 0 10px 10px;
}
@media only screen and (max-width: 640px){
  .c-column-group.c-column-def .col-unit-1\/3{
    width: 100%;
    margin: .75em 0 0;
  }
  .c-column-group.c-column-def .col-unit-1\/3:first-child{
    margin-top: 0;
  }
  .c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 h4{
    border-radius: 5px 5px 0 0;
    font-size: 90%;
    padding: 0.5em;
  }
  .c-column-group.c-column-def .col-unit-1\/3 .c-heading4-01 h4 span{
    font-size: 95%;
  }
  .c-column-group.c-column-def .col-unit-1\/3 .col-unit-inner{
    border-radius: 0 0 5px 5px;
  }
}