/* Scss Document */

.performance_flow {

  opacity: 0;

  transition: 0.5s;

  position: relative;

  top: 150px;

  visibility: hidden; }

  .performance_flow.show {

    opacity: 1;

    top: 0;

    visibility: inherit; }



.center_flow {

  opacity: 0;

  transition: 0.5s;

  position: relative;

  top: 150px;

  visibility: hidden; }

  .center_flow.show {

    opacity: 1;

    top: 0;

    visibility: inherit; }



/************************************************************************/

.show_txt .index_txt_show,

.show_txt .index_txt_show02,

.show_txt .index_txt_show02-2,

.show_txt .index_txt_show02-3,

.show_txt .index_txt_show02-4,

.show_txt .index_txt_show03,

.show_txt .index_txt_show03-2,

.show_txt .index_txt_show04,

.show_txt .index_txt_show04-2,

.show_txt .index_txt_show04-3,

.show_txt .index_txt_show04-4,

.show_txt .index_txt_show04-5 {

  opacity: 0; }

.show_txt.show .index_txt_show {

  animation: index_show_txt 1s linear 0.5s 1 forwards; }

.show_txt.show .index_txt_show02 {

  animation: index_show_txt 1s linear 2.0s 1 forwards; }

.show_txt.show .index_txt_show02-2 {

  animation: index_show_txt 1s linear 3.0s 1 forwards; }

.show_txt.show .index_txt_show02-3 {

  animation: index_show_txt 1s linear 4.0s 1 forwards; }

.show_txt.show .index_txt_show02-4 {

  animation: index_show_txt 1s linear 5.0s 1 forwards; }

.show_txt.show .index_txt_show03 {

  animation: index_show_txt 1s linear 6.5s 1 forwards; }

.show_txt.show .index_txt_show03-2 {

  animation: index_show_txt 1s linear 7.5s 1 forwards; }

.show_txt.show .index_txt_show04 {

  animation: index_show_txt 1s linear 8.5s 1 forwards; }

.show_txt.show .index_txt_show04-2 {

  animation: index_show_txt 1s linear 9.5s 1 forwards; }

.show_txt.show .index_txt_show04-3 {

  animation: index_show_txt 1s linear 10.5s 1 forwards; }

.show_txt.show .index_txt_show04-4 {

  animation: index_show_txt 1s linear 11.5s 1 forwards; }



@keyframes index_show_txt {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

.index_txt_pic .index_show_pic {

  opacity: 0; }

.index_txt_pic.show .top_pic01 {

  animation: index_show_pic 2s linear 3.5s 1 forwards; }

.index_txt_pic.show .top_pic02 {

  animation: index_show_pic 2s linear 3.5s 1 forwards; }

.index_txt_pic.show .top_pic03 {

  animation: index_show_pic 2s linear 3.5s 1 forwards; }



@keyframes index_show_pic {

  0% {

    opacity: 0; }

  100% {

    opacity: 1; } }

@media (max-width: 1280px) {

  .index_txt_pic .index_show_pic {

    opacity: 0; }

  .index_txt_pic.show .top_pic01 {

    animation: index_show_pic 2s linear 0s 1 forwards; }

  .index_txt_pic.show .top_pic02 {

    animation: index_show_pic 2s linear 0.5s 1 forwards; }

  .index_txt_pic.show .top_pic03 {

    animation: index_show_pic 2s linear 1.0s 1 forwards; } }

/*max-width:1280px*/

/*max-width:1024px*/

/*max-width:768px*/

/*max-width:480px*/

.index_top_btm_txt_show .opacity {

  opacity: 0; }

.index_top_btm_txt_show .block {

  opacity: 0; }

.index_top_btm_txt_show.show .opacity {

  animation: index_top_btm_txt_opacity 1s linear 1.5s 1 forwards; }

.index_top_btm_txt_show.show .block {

  animation: index_top_btm_txt_block 1s linear 0.5s 1 forwards; }



@keyframes index_top_btm_txt_opacity {

  0% {

    opacity: 0; }

  100% {

    opacity: 0.2; } }

@keyframes index_top_btm_txt_block {

  0% {

    opacity: 0; }

  100% {

    opacity: 1.0; } }

/************************************************************************/

.default_flow {

  opacity: 0;

  position: relative;

  top: 50px; }

  .default_flow.default_show {

    animation: default_show 0.5s linear 0s 1 forwards; }



@keyframes default_show {

  0% {

    opacity: 0;

    top: 50px; }

  100% {

    opacity: 1.0;

    top: 0; } }