@charset "UTF-8";
/* CSS Document */

/*=============================

タブ切り替え挙動に関わるCSS
(必要なページに応じてこのページは読み込んでください。)
※ui_tab.jsと連動

=============================*/
/* .tabBox_01_content */
.tabBox_content {
  display: none;
  opacity: 0;
}
/* .active_tabBox */
.active_tabBox {
  display: block !important;
  opacity: 1;
  animation-duration: 0.8s;
  animation-name: fade-in;
}

@keyframes fade-in {
  0% {
    display: none;
    opacity: 0;
  }

  1% {
    display: block;
    opacity: 0;
  }

  100% {
    display: block;
    opacity: 1;
  }
}