/* フェードイン（移動なし） */

body {
  transition: .1s;
  opacity: 0;

  animation: feed_in 1.4s forwards .1s;
}

@keyframes feed_in {
   100% {
    opacity: 1;
  }
}

/* フェードイン（移動なし・少し遅れて） */

header nav ol li,
.mokuji {
  transition: .1s;
  opacity: 0;

  animation: feed_in_2 5s forwards .1s;
}

@keyframes feed_in_2 {
   50% {
    opacity: 1;
  }
   100% {
    opacity: 1;
  }
}

/* フェードイン（下から上） */

.main-visual h1,
.main-visual p,
.main-visual p strong,
.main-visual p span,
.main-visual ul,
.main-visual li,
.main-visual section,
.font_mihon_list li {
  transition: .1s;
  opacity: 0;
  transform: translateY(20px);
}

.main-visual h1,
.main-visual p,
.main-visual p strong,
.main-visual p span,
.main-visual p span:first-child,
.main-visual ul,
.main-visual li,
.main-visual li:first-child,
.main-visual section,
.font_mihon_list li,
.font_mihon_list li:first-child {
  animation: feed_in_shitakara 1.4s forwards .1s;
}
.main-visual p span:nth-child(2),
.main-visual li:nth-child(2),
.font_mihon_list li:nth-child(2) {
  animation: feed_in_shitakara 1.4s forwards .15s;
}
.main-visual p span:nth-child(3),
.main-visual li:nth-child(3),
.font_mihon_list li:nth-child(3) {
  animation: feed_in_shitakara 1.4s forwards .2s;
}
.main-visual p span:nth-child(4),
.main-visual li:nth-child(4),
.font_mihon_list li:nth-child(4) {
  animation: feed_in_shitakara 1.4s forwards .25s;
}
.main-visual p span:nth-child(5),
.main-visual li:nth-child(5),
.font_mihon_list li:nth-child(5) {
  animation: feed_in_shitakara 1.4s forwards .3s;
}
.main-visual p span:nth-child(6),
.main-visual li:nth-child(6),
.font_mihon_list li:nth-child(6) {
  animation: feed_in_shitakara 1.4s forwards .35s;
}
.main-visual p span:nth-child(7),
.main-visual li:nth-child(7),
.font_mihon_list li:nth-child(7) {
  animation: feed_in_shitakara 1.4s forwards .4s;
}
.main-visual p span:nth-child(8),
.main-visual li:nth-child(8),
.font_mihon_list li:nth-child(8) {
  animation: feed_in_shitakara 1.4s forwards .45s;
}
.main-visual p span:nth-child(9),
.main-visual li:nth-child(9),
.font_mihon_list li:nth-child(9) {
  animation: feed_in_shitakara 1.4s forwards .5s;
}
.main-visual p span:nth-child(10),
.main-visual li:nth-child(10),
.font_mihon_list li:nth-child(10) {
  animation: feed_in_shitakara 1.4s forwards .55s;
}
.main-visual p span:nth-child(11) {
  animation: feed_in_shitakara 1.4s forwards .6s;　
}
.main-visual p span:nth-child(12) {
  animation: feed_in_shitakara 1.4s forwards .65s;
}
.main-visual p span:nth-child(13) {
  animation: feed_in_shitakara 1.4s forwards .7s;
}
.main-visual p span:nth-child(14) {
  animation: feed_in_shitakara 1.4s forwards .75s;
}
.main-visual p span:nth-child(15) {
  animation: feed_in_shitakara 1.4s forwards .8s;
}
.main-visual p span:nth-child(16) {
  animation: feed_in_shitakara 1.4s forwards .85s;
}
.main-visual p span:nth-child(17) {
  animation: feed_in_shitakara 1.4s forwards .9s;
}
.main-visual p span:nth-child(18) {
  animation: feed_in_shitakara 1.4s forwards .95s;
}
.main-visual p span:nth-child(19) {
  animation: feed_in_shitakara 1.4s forwards 1s;
}
.main-visual p span:nth-child(20) {
  animation: feed_in_shitakara 1.4s forwards 1.05s;
}
.main-visual p span:nth-child(21) {
  animation: feed_in_shitakara 1.4s forwards 1.1s;　
}
.main-visual p span:nth-child(22) {
  animation: feed_in_shitakara 1.4s forwards 1.15s;
}
.main-visual p span:nth-child(23) {
  animation: feed_in_shitakara 1.4s forwards 1.2s;
}
.main-visual p span:nth-child(24) {
  animation: feed_in_shitakara 1.4s forwards 1.25s;
}
.main-visual p span:nth-child(25) {
  animation: feed_in_shitakara 1.4s forwards 1.3s;
}
.main-visual p span:nth-child(26) {
  animation: feed_in_shitakara 1.4s forwards 1.35s;
}
.main-visual p span:nth-child(27) {
  animation: feed_in_shitakara 1.4s forwards 1.4s;
}
.main-visual p span:nth-child(28) {
  animation: feed_in_shitakara 1.4s forwards 1.45s;
}
.main-visual p span:nth-child(29) {
  animation: feed_in_shitakara 1.4s forwards 1.5s;
}
.main-visual p span:nth-child(30) {
  animation: feed_in_shitakara 1.4s forwards 1.55s;
}

@keyframes feed_in_shitakara {
  0% {
    transform: translateY(20px);
  }
   100% {
    opacity: 1;
    transform: translateY(0);
  }
}

/* フェードイン（左側メニューのみ：左から右） */

.left_nav li {
  transition: .1s;
  opacity: 0;
  transform: translateY(20px);
}

.left_nav li,
.left_nav li:first-child {
  animation: feed_in_hidarikara_2 1.4s forwards .1s;
}
.left_nav li:nth-child(2) {
  animation: feed_in_hidarikara_2 1.4s forwards .2s;
}
.left_nav li:nth-child(3) {
  animation: feed_in_hidarikara_2 1.4s forwards .3s;
}
.left_nav li:nth-child(4) {
  animation: feed_in_hidarikara_2 1.4s forwards .4s;
}
.left_nav li:nth-child(5) {
  animation: feed_in_hidarikara_2 1.4s forwards .5s;
}
.left_nav li:nth-child(6) {
  animation: feed_in_hidarikara_2 1.4s forwards .6s;
}
.left_nav li:nth-child(7) {
  animation: feed_in_hidarikara_2 1.4s forwards .7s;
}
.left_nav li:nth-child(8) {
  animation: feed_in_hidarikara_2 1.4s forwards .8s;
}
.left_nav li:nth-child(9) {
  animation: feed_in_hidarikara_2 1.4s forwards .9s;
}
.left_nav li:nth-child(10) {
  animation: feed_in_hidarikara_2 1.4s forwards 1s;
}

@keyframes feed_in_hidarikara_2 {
  0% {
    transform: translateY(20px);
  }
   100% {
    opacity: 1;
    transform: translateY(0);
  }
}



/* フェードイン（右から左） */

.pankuzu li span {
  transition: .1s;
  opacity: 0;
  transform: translateX(20px);
}

.pankuzu li span {
  animation: feed_in_hidarikara 1.4s forwards .1s;
}

@keyframes feed_in_hidarikara {
  0% {
    transform: translateX(20px);
  }
   100% {
    opacity: 1;
    transform: translateX(0);
  }
}