.tab {
  margin: 0 auto 60px auto;
}

/* �^�u���j���[ */
.tab__menu {
  display: flex;
  align-items: flex-end; /* ���j���[�������� */
  justify-content: center;
  padding: 0;
  margin: 0 0 20px 0;
}

.tab__menu-item {
  list-style: none;
  width: calc(100%/2 - 5px);
  padding: 8px 5px; /* ���j���[�ɍ�����t���� */
  text-align: center;
  margin-right: 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  transition: all .3s; /* �A�j���[�V���� */
  font-size: 0.9em;
}

.tab__menu-item:last-of-type {
  margin-right: 0px;
}

/* is-active���‚��Ă��鎞�̃X�^�C�� */
.tab__menu-item.is-active {
  background-color: #242322;
  color: #ffffff;
}

/* �^�u�p�l�� */
.tab__panel {
 width: 100%;
}

.tab__panel-box {
  height: auto;
}

.tab__panel-box001 {
  display: none;
}

.tab__panel-box002 {
  display: none;
}

/* is-show���‚��Ă��鎞�̃X�^�C�� */
.tab__panel-box.is-show {
  display: block;
}


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


.tab {
  margin: 0 auto 40px auto;
}

/* �^�u���j���[ */
.tab__menu {
  display: flex;
  align-items: flex-end; /* ���j���[�������� */
  justify-content: center;
  padding: 0;
  margin: 0 0 10px 0;
}

.tab__menu-item {
  list-style: none;
  width: 200px;
  padding: 8px 5px; /* ���j���[�ɍ�����t���� */
  text-align: center;
  margin-right: 5px;
  background-color: #f7f7f7;
  cursor: pointer;
  transition: all .3s; /* �A�j���[�V���� */
  font-size: 0.9em;
}

.tab__menu-item:last-of-type {
  margin-right: 0px;
}

/* is-active���‚��Ă��鎞�̃X�^�C�� */
.tab__menu-item.is-active {
  background-color: #242322;
  color: #ffffff;
}

/* �^�u�p�l�� */
.tab__panel {
 width: 100%;
}

.tab__panel-box {
  height: auto;
}

.tab__panel-box001 {
  display: none;
}

.tab__panel-box002 {
  display: none;
}

/* is-show���‚��Ă��鎞�̃X�^�C�� */
.tab__panel-box.is-show {
  display: block;
}


}