/*===========================================================
tab

★モジュール一覧を参照
============================================================*/
.tab-box {
  display: none;
  border:10px solid #a5a5a5;
  padding:20px 40px;
}

.tab-box.active {
  display: block;
}

.tab {
  cursor: pointer;
  background:#ccc;
  text-align:center;
  padding:20px 10px;
  width: 49.5%;
}

.tab.active{
  background:#a5a5a5;
}

.tab-wrap.is-03 .tab {
  width: 32.5%;
}

.tab-wrap.is-04 .tab {
  width: 24%;
}