#category_title {
  opacity: 0;
  transition: 1.5s ease-in-out;
}
#category_title.started {
  opacity: 1;
}

#thumbnail {
  animation-name: item_1;
  animation-duration: 1.5s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes item_1 {
  0% {
    opacity: 0;
    transform: translate(0, -80px);
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
            clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, -50px);
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  }
}
#point span {
  opacity: 0;
}
#point.started span {
  opacity: 1;
}
#point.started span:nth-child(1) {
  transition: 1s ease-in-out;
}
#point.started span:nth-child(2) {
  transition: 1.2s ease-in-out;
}
#point.started span:nth-child(3) {
  transition: 1.4s ease-in-out;
}
#point.started span:nth-child(4) {
  transition: 1.6s ease-in-out;
}
#point.started span:nth-child(5) {
  transition: 1.8s ease-in-out;
}

.line_blue #illust_1_1 {
  opacity: 0;
  transition: 0.5s ease-in-out;
  transform: translate(50px, 72px);
}
.line_blue #illust_1_2 {
  opacity: 0;
  transition: 0.7s ease-in-out;
  transform: translate(60px, 72px);
}
.line_blue #illust_1_3 {
  opacity: 0;
  transition: 0.9s ease-in-out;
  transform: translate(100px, 72px);
}
.line_blue #illust_1_4 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(120px, 101px);
}
.line_blue #illust_1_5 {
  opacity: 0;
  transition: 1.3s ease-in-out;
  transform: translate(200px, 74px);
}
.line_blue #illust_1_6 {
  opacity: 0;
  transition: 1.5s ease-in-out;
  transform: translate(280px, 12px);
}
.line_blue #illust_1_7 {
  opacity: 0;
  transition: 1.7s ease-in-out;
  transform: translate(430px, 1px);
}
.line_blue #illust_1_8 {
  opacity: 0;
  transition: 1.7s ease-in-out;
  transform: translate(480px, 98px);
}
.line_blue.started::after {
  transition: 1s ease-in-out;
  width: 100%;
}
.line_blue.started #illust_1_1 {
  opacity: 1;
  transform: translate(70px, 72px);
}
.line_blue.started #illust_1_2 {
  opacity: 1;
  transform: translate(80px, 72px);
}
.line_blue.started #illust_1_3 {
  opacity: 1;
  transform: translate(120px, 72px);
}
.line_blue.started #illust_1_4 {
  opacity: 1;
  transform: translate(140px, 101px);
}
.line_blue.started #illust_1_5 {
  opacity: 1;
  transform: translate(220px, 74px);
}
.line_blue.started #illust_1_6 {
  opacity: 1;
  transform: translate(300px, 12px);
}
.line_blue.started #illust_1_7 {
  opacity: 1;
  transform: translate(450px, 1px);
}
.line_blue.started #illust_1_8 {
  opacity: 1;
  transform: translate(500px, 98px);
}

.line_green #illust_2_1 {
  opacity: 0;
  transition: 0.5s ease-in-out;
  transform: translate(50px, 68px);
}
.line_green #illust_2_2 {
  opacity: 0;
  transition: 0.7s ease-in-out;
  transform: translate(260px, 52px);
}
.line_green #illust_2_3 {
  opacity: 0;
  transition: 0.9s ease-in-out;
  transform: translate(460px, 0);
}
.line_green #illust_2_4 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(480px, 57px);
}
.line_green.started::after {
  transition: 1s ease-in-out;
  width: 100%;
}
.line_green.started #illust_2_1 {
  opacity: 1;
  transform: translate(70px, 68px);
}
.line_green.started #illust_2_2 {
  opacity: 1;
  transform: translate(280px, 52px);
}
.line_green.started #illust_2_3 {
  opacity: 1;
  transform: translate(480px, 0);
}
.line_green.started #illust_2_4 {
  opacity: 1;
  transform: translate(500px, 57px);
}

.line_orange #illust_3_1 {
  opacity: 0;
  transition: 0.5s ease-in-out;
  transform: translate(50px, 60px);
}
.line_orange #illust_3_2 {
  opacity: 0;
  transition: 0.7s ease-in-out;
  transform: translate(260px, 54px);
}
.line_orange #illust_3_3 {
  opacity: 0;
  transition: 0.9s ease-in-out;
  transform: translate(420px, 66px);
}
.line_orange #illust_3_4 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(460px, -1px);
}
.line_orange.started::after {
  transition: 1s ease-in-out;
  width: 100%;
}
.line_orange.started #illust_3_1 {
  opacity: 1;
  transform: translate(70px, 60px);
}
.line_orange.started #illust_3_2 {
  opacity: 1;
  transform: translate(280px, 54px);
}
.line_orange.started #illust_3_3 {
  opacity: 1;
  transform: translate(440px, 66px);
}
.line_orange.started #illust_3_4 {
  opacity: 1;
  transform: translate(480px, -1px);
}

.line_yellow #illust_4_1 {
  opacity: 0;
  transition: 0.5s ease-in-out;
  transform: translate(50px, 62px);
}
.line_yellow #illust_4_2 {
  opacity: 0;
  transition: 0.7s ease-in-out;
  transform: translate(260px, 70px);
}
.line_yellow #illust_4_3 {
  opacity: 0;
  transition: 0.9s ease-in-out;
  transform: translate(270px, 0);
}
.line_yellow #illust_4_4 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(270px, 65px);
}
.line_yellow #illust_4_5 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(600px, 60px);
}
.line_yellow.started::after {
  transition: 1s ease-in-out;
  width: 100%;
}
.line_yellow.started #illust_4_1 {
  opacity: 1;
  transform: translate(70px, 62px);
}
.line_yellow.started #illust_4_2 {
  opacity: 1;
  transform: translate(280px, 70px);
}
.line_yellow.started #illust_4_3 {
  opacity: 1;
  transform: translate(290px, 0);
}
.line_yellow.started #illust_4_4 {
  opacity: 1;
  transform: translate(290px, 65px);
}
.line_yellow.started #illust_4_5 {
  opacity: 1;
  transform: translate(620px, 60px);
}

.line_aqua #illust_5_1 {
  opacity: 0;
  transition: 0.5s ease-in-out;
  transform: translate(50px, 60px);
}
.line_aqua #illust_5_2 {
  opacity: 0;
  transition: 0.7s ease-in-out;
  transform: translate(260px, 0);
}
.line_aqua #illust_5_3 {
  opacity: 0;
  transition: 0.9s ease-in-out;
  transform: translate(270px, 73px);
}
.line_aqua #illust_5_4 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(590px, 64px);
}
.line_aqua.started::after {
  transition: 1s ease-in-out;
  width: 100%;
}
.line_aqua.started #illust_5_1 {
  opacity: 1;
  transform: translate(70px, 60px);
}
.line_aqua.started #illust_5_2 {
  opacity: 1;
  transform: translate(280px, 0);
}
.line_aqua.started #illust_5_3 {
  opacity: 1;
  transform: translate(290px, 73px);
}
.line_aqua.started #illust_5_4 {
  opacity: 1;
  transform: translate(610px, 64px);
}

.line_pink #illust_6_1 {
  opacity: 0;
  transition: 0.5s ease-in-out;
  transform: translate(50px, 83px);
}
.line_pink #illust_6_2 {
  opacity: 0;
  transition: 0.7s ease-in-out;
  transform: translate(80px, 5px);
}
.line_pink #illust_6_3 {
  opacity: 0;
  transition: 0.9s ease-in-out;
  transform: translate(120px, 83px);
}
.line_pink #illust_6_4 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(160px, 5px);
}
.line_pink #illust_6_5 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(200px, 69px);
}
.line_pink #illust_6_6 {
  opacity: 0;
  transition: 1.1s ease-in-out;
  transform: translate(500px, 76px);
}
.line_pink.started::after {
  transition: 1s ease-in-out;
  width: 100%;
}
.line_pink.started #illust_6_1 {
  opacity: 1;
  transform: translate(70px, 83px);
}
.line_pink.started #illust_6_2 {
  opacity: 1;
  transform: translate(100px, 5px);
}
.line_pink.started #illust_6_3 {
  opacity: 1;
  transform: translate(140px, 83px);
}
.line_pink.started #illust_6_4 {
  opacity: 1;
  transform: translate(180px, 5px);
}
.line_pink.started #illust_6_5 {
  opacity: 1;
  transform: translate(220px, 69px);
}
.line_pink.started #illust_6_6 {
  opacity: 1;
  transform: translate(520px, 76px);
}

.category span {
  opacity: 0;
}
.category.started span {
  opacity: 1;
}
.category.started span:nth-child(1) {
  transition: 0.8s ease-in-out;
}
.category.started span:nth-child(2) {
  transition: 1s ease-in-out;
}
.category.started span:nth-child(3) {
  transition: 1.2s ease-in-out;
}
.category.started span:nth-child(4) {
  transition: 1.4s ease-in-out;
}
.category.started span:nth-child(5) {
  transition: 1.6s ease-in-out;
}
.category.started span:nth-child(6) {
  transition: 1.8s ease-in-out;
}
.category.started span:nth-child(7) {
  transition: 2s ease-in-out;
}
.category.started span:nth-child(8) {
  transition: 2.2s ease-in-out;
}
.category.started span:nth-child(9) {
  transition: 2.4s ease-in-out;
}
.category.started span:nth-child(10) {
  transition: 2.6s ease-in-out;
}
.category.started span:nth-child(11) {
  transition: 2.8s ease-in-out;
}
.category.started span:nth-child(12) {
  transition: 3s ease-in-out;
}
.category.started span:nth-child(13) {
  transition: 3.2s ease-in-out;
}
.category.started span:nth-child(14) {
  transition: 3.4s ease-in-out;
}
.category.started span:nth-child(15) {
  transition: 3.6s ease-in-out;
}
.category.started span:nth-child(16) {
  transition: 3.8s ease-in-out;
}
.category.started span:nth-child(17) {
  transition: 4s ease-in-out;
}
.category.started span:nth-child(18) {
  transition: 4.2s ease-in-out;
}
.category.started span:nth-child(19) {
  transition: 4.4s ease-in-out;
}
.category.started span:nth-child(20) {
  transition: 4.6s ease-in-out;
}
.category.started span:nth-child(21) {
  transition: 4.8s ease-in-out;
}
.category.started span:nth-child(22) {
  transition: 5s ease-in-out;
}
.category .category_title {
  opacity: 0;
  transition: 1s ease-in-out;
}
.category .category_title.started {
  opacity: 1;
}

.category_2 {
  opacity: 0;
  transition: 1s ease-in-out;
}
.category_2.started {
  opacity: 1;
}

.benefit {
  opacity: 0;
  transition: 1s ease-in-out;
}
.benefit.started {
  opacity: 1;
}

.box {
  opacity: 0;
  transition: 1s ease-in-out;
}
.box.started {
  opacity: 1;
}

#material_recycle_process div {
  opacity: 0;
}
#material_recycle_process.started div {
  opacity: 1;
}
#material_recycle_process.started div:nth-child(1) {
  transition: 1s ease-in-out;
}
#material_recycle_process.started div:nth-child(2) {
  transition: 2s ease-in-out;
}
#material_recycle_process.started div:nth-child(3) {
  transition: 3s ease-in-out;
}
#material_recycle_process.started div:nth-child(4) {
  transition: 4s ease-in-out;
}
#material_recycle_process.started div:nth-child(5) {
  transition: 5s ease-in-out;
}

#sustainable_block {
  opacity: 0;
  transition: 1s ease-in-out;
}
#sustainable_block.started {
  opacity: 1;
}

#recycle_process div {
  opacity: 0;
}
#recycle_process.started div {
  opacity: 1;
}
#recycle_process.started div:nth-child(1) {
  transition: 1s ease-in-out;
}
#recycle_process.started div:nth-child(2) {
  transition: 2s ease-in-out;
}
#recycle_process.started div:nth-child(3) {
  transition: 3s ease-in-out;
}

#slag_summary {
  opacity: 0;
  transition: 0.5s ease-in-out;
}
#slag_summary.started {
  opacity: 1;
}

#slag_list li {
  opacity: 0;
  transition: 1s ease-in-out;
}
#slag_list.started li {
  opacity: 1;
}
#slag_list.started li:nth-child(1) {
  transition: 1s ease-in-out;
}
#slag_list.started li:nth-child(2) {
  transition: 1.5s ease-in-out;
}
#slag_list.started li:nth-child(3) {
  transition: 2s ease-in-out;
}
#slag_list.started li:nth-child(4) {
  transition: 2.5s ease-in-out;
}

#reuse {
  opacity: 0;
  transition: 1s ease-in-out;
}
#reuse.started {
  opacity: 1;
}

#reuse_process div {
  opacity: 0;
}
#reuse_process.started div {
  opacity: 1;
}
#reuse_process.started div:nth-child(1) {
  transition: 1s ease-in-out;
}
#reuse_process.started div:nth-child(2) {
  transition: 2s ease-in-out;
}
#reuse_process.started div:nth-child(3) {
  transition: 3s ease-in-out;
}

.reuse_link {
  opacity: 0;
  transition: 1s ease-in-out;
}
.reuse_link.started {
  opacity: 1;
}/*# sourceMappingURL=delighters.css.map */