/* タブセクション */
.background {
  max-width: 100%;
  background-color: #E3EEF4;
}
/* タブ */
.tab {
  max-width: 1200px;
  margin: 0 auto;
  padding-top: 50px;
}

/* タブメニュー */
.tab__menu {
  display: flex;
  align-items: center; /* メニューを下揃え */
  justify-content: center;
  min-height: 50px; /* メニュー切替時にタブがズレないように */
  padding: 0;
  margin: 0;
}

.tab__menu-item {
  list-style: none;
  width: 150px;
  padding: 8px 5px; /* メニューに高さを付ける */
  text-align: center;
  margin-right: 20px;
  border: #3a4856 1px solid;
  border-radius: 1000px;
  background-color: #fcfcfc;
  cursor: pointer;
  transition: all .3s; /* アニメーション */
}

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

/* is-activeがついている時のスタイル */
.tab__menu-item.is-active {
  background-color: #3a4856;
  color: #fcfcfc;
  padding: 12px 5px;
}

/* タブパネル */
.tab__panel {
 width: 100%;
}

.tab__panel-box {
  padding: 10px 30px;
}

.tab__panel-box001, .tab__panel-box002 {
  display: none;
}

/* is-showがついている時のスタイル */
.tab__panel-box.is-show {
  /* 高さ820pxの中で中央揃え */
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
/*
=========
SPスタイル
========= */
@media screen and (max-width: 768px) {
  .tab__panel-box {
  padding: 0;
  }
  .tab__menu-item {
    font-size: 12px;
    width: 110px;
    margin-right: 10px;
  }

}