#parallax h1 {
  opacity: 0;
  transform: translate(-40px, 0);
  transition: 1s ease-in-out;
}
#parallax h1.started {
  opacity: 1;
  transform: translate(0, 0);
}

#consept section div {
  opacity: 0;
}
#consept section div:first-child {
  transform: translate(40px, 0);
  transition: 1s ease-in-out;
}
#consept section div:last-child {
  transform: translate(-80px, 0);
  transition: 0.5s ease-in-out;
}
#consept section.started div {
  opacity: 1;
}
#consept section.started div:first-child {
  transform: translate(0, 0);
}
#consept section.started div:last-child {
  transform: translate(0, 0);
  -webkit-clip-path: polygon(25% 0, 100% 0%, 75% 100%, 0% 100%);
          clip-path: polygon(25% 0, 100% 0%, 75% 100%, 0% 100%);
}

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

.category {
  -webkit-clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(0 0, 100% 0%, 100% 100%, 0% 100%);
  transform: translate(-20px, 0);
  transition: 0.5s ease-in-out;
  opacity: 0;
}
.category p {
  transform: translate(-20px, 0);
  transition: 0.3s ease-in-out;
  opacity: 0;
}
.category.started {
  transform: translate(-20px, 0);
  -webkit-clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
          clip-path: polygon(15% 0, 100% 0%, 85% 100%, 0% 100%);
  opacity: 1;
}
.category.started p {
  transform: translate(0, 0);
  opacity: 1;
}

h2 {
  transform: translate(-20px, 0);
  transition: 0.5s ease-in-out;
  opacity: 0;
}
h2.started {
  transform: translate(0, 0);
  opacity: 1;
}

#tab {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#tab.started {
  transform: translate(0, 0);
  opacity: 1;
}

#level h3 {
  transform: translate(20px, 0);
  transition: 0.5s ease-in-out;
  opacity: 0;
}
#level h3::after {
  content: "";
  width: 0;
  display: block;
  border-bottom: 1px solid #12542e;
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: 1s ease-in-out;
}
#level h3.started {
  transform: translate(0, 0);
  opacity: 1;
}
#level h3.started::after {
  width: 100%;
}
#level .comment {
  transform: translate(20px, 0);
  transition: 0.5s ease-in-out;
  opacity: 0;
}
#level .comment.started {
  transform: translate(0, 0);
  opacity: 1;
}
#level #design_1f_1 div {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level #design_1f_1 div.started {
  transform: translate(0, 0);
  opacity: 1;
}
#level #design_1f_2 div {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level #design_1f_2.started div {
  opacity: 1;
  transform: translate(0, 0);
}
#level #design_1f_2.started div:nth-child(1) {
  transition: 0.5s ease-in-out;
}
#level #design_1f_2.started div:nth-child(2) {
  transition: 0.7s ease-in-out;
}
#level #design_1f_2.started div:nth-child(3) {
  transition: 0.9s ease-in-out;
}
#level #open_2 {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level #open_2.started {
  opacity: 1;
  transform: translate(0, 0);
}
#level .panorama_5f {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level .panorama_5f.started {
  opacity: 1;
  transform: translate(0, 0);
}
#level #design_5f_2 div {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level #design_5f_2 div.started {
  transform: translate(0, 0);
  opacity: 1;
}
#level #design_5f_3 div {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level #design_5f_3.started div {
  opacity: 1;
  transform: translate(0, 0);
}
#level #design_5f_3.started div:nth-child(1) {
  transition: 0.5s ease-in-out;
}
#level #design_5f_3.started div:nth-child(2) {
  transition: 0.7s ease-in-out;
}
#level #open_3 {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level #open_3.started {
  transform: translate(0, 0);
  opacity: 1;
}
#level .panorama_rooftop {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#level .panorama_rooftop.started {
  transform: translate(0, 0);
  opacity: 1;
}

#plan {
  display: grid;
  gap: 60px;
}
@media screen and (max-width: 700px) {
  #plan {
    gap: 30px;
  }
}
#plan h3 {
  transform: translate(20px, 0);
  transition: 0.5s ease-in-out;
  opacity: 0;
}
#plan h3::after {
  content: "";
  width: 0;
  display: block;
  border-bottom: 1px solid #12542e;
  position: absolute;
  left: 0;
  bottom: -5px;
  transition: 1s ease-in-out;
}
#plan h3.started {
  transform: translate(0, 0);
  opacity: 1;
}
#plan h3.started::after {
  width: 100%;
}
#plan .plan_detail_1 div {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#plan .plan_detail_1 div.started {
  transform: translate(0, 0);
  opacity: 1;
}
#plan .plan_detail_1 p {
  transition: 1s ease-in-out;
  opacity: 0;
}
#plan .plan_detail_1 p.started {
  opacity: 1;
}
#plan .plan_detail_2 div h4 {
  opacity: 0;
  transform: translate(20px, 0);
  transition: 0.5s ease-in-out;
}
#plan .plan_detail_2 div h4.started {
  transform: translate(0, 0);
  opacity: 1;
}
#plan .plan_detail_2 div ul li {
  transition: 0.5s ease-in-out;
  opacity: 0;
  transform: translate(0, 20px);
}
#plan .plan_detail_2 div ul.started li {
  opacity: 1;
  transform: translate(0, 0);
}
#plan .plan_detail_2 div ul.started li:nth-child(1) {
  transition: 0.5s ease-in-out;
}
#plan .plan_detail_2 div ul.started li:nth-child(2) {
  transition: 0.7s ease-in-out;
}
#plan .rollerblade_abw, #plan .rollerblade_free {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#plan .rollerblade_abw.started, #plan .rollerblade_free.started {
  transform: translate(0, 0);
  opacity: 1;
}

#map {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#map.started {
  transform: translate(0, 0);
  opacity: 1;
}

#development {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#development.started {
  transform: translate(0, 0);
  opacity: 1;
}

#floor #floorimage {
  transition: 0.5s ease-in-out;
  transform: translate(0, 20px);
  opacity: 0;
}
#floor #floorimage.started {
  opacity: 1;
  transform: translate(0, 0);
}

.spec ul li {
  opacity: 0;
  transform: translate(0, 10px);
}
.spec ul.started li {
  opacity: 1;
  transform: translate(0, 0);
}
.spec ul.started li:nth-child(1) {
  transition: 0.5s ease-in-out;
}
.spec ul.started li:nth-child(2) {
  transition: 0.7s ease-in-out;
}
.spec ul.started li:nth-child(3) {
  transition: 0.9s ease-in-out;
}
.spec ul.started li:nth-child(4) {
  transition: 1.1s ease-in-out;
}
.spec ul.started li:nth-child(5) {
  transition: 1.3s ease-in-out;
}
.spec ul.started li:nth-child(6) {
  transition: 1.5s ease-in-out;
}

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

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

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