.intro-animation-container.new-complex{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;background:var(--intro-bg-main);overflow:hidden;text-align:center}.animation01{display:flex;justify-content:space-between;align-items:center;position:absolute;width:100%;height:100%}.animation01 div{width:20%;height:100%;animation:animation01 .275s ease-in forwards;transform-origin:bottom;opacity:0}.animation01 div:first-child{background-color:var(--intro-color-red);animation-delay:.4s}.animation01 div:nth-child(2){background-color:var(--intro-color-yellow);animation-delay:.3s}.animation01 div:nth-child(3){background-color:var(--intro-color-green);animation-delay:.2s}.animation01 div:nth-child(4){background-color:var(--intro-color-orange);animation-delay:.1s}.animation01 div:nth-child(5){background-color:var(--intro-color-blue)}@keyframes animation01{0%{transform:scaleY(0);opacity:1}to{transform:scaleX(1);opacity:1}}.animation02{position:absolute;width:100%;height:100%}.animation02 div{position:absolute;width:0;height:0;animation:animation02 .6s ease-in .6s forwards;opacity:0}.animation02 div:first-child{top:0;left:0;border-top:100vh solid transparent;border-right:100vw solid var(--intro-bg-main);transform-origin:bottom right}.animation02 div:nth-child(2){right:0;bottom:0;border-bottom:100vh solid transparent;border-left:100vw solid var(--intro-bg-main);transform-origin:top left}@keyframes animation02{0%{transform:scale3d(0,0,1);opacity:1}to{transform:scaleX(1);opacity:1}}.animation03{width:13vw;height:13vw}.animation03,.animation03 .circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation03 .circle{transform-origin:center;background-color:transparent;z-index:9998}.animation03 .circle_element01{width:13vw;height:13vw;border:.25rem solid var(--intro-border-green-medium);border-radius:50%;animation:animation03_circle .3s ease-in-out .5s forwards;opacity:0}.animation03 .circle_element02{width:9vw;height:9vw;border:.5rem solid var(--intro-border-green-dark);border-radius:50%;animation:animation03_circle .4s ease-in-out .5s forwards;opacity:0}.animation03 .circle_element03{width:4vw;height:4vw;border:1rem solid var(--intro-border-gray-dark);border-radius:50%;animation:animation03_circle .45s ease-in-out .5s forwards;opacity:0}@keyframes animation03_circle{0%{transform:scale3d(0,0,1);opacity:0}to{transform:scaleX(1);opacity:1}}.animation04{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;z-index:9999}.animation04 .line,.animation04 .line_wrapper{position:absolute;opacity:0}.animation04 .line{display:block;width:100%;height:100%;background-color:var(--intro-line-color)}.animation04 .line_wrapper01{top:-20%;left:50%;width:2.5%;height:30%;animation:animation04_line_wrapper01 .45s ease-in .8s forwards}.animation04 .line01{animation:animation04_line01 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper01{0%{transform-origin:top;transform:scaleX(1);opacity:1}to{transform-origin:top;transform:scaleY(0);opacity:1}}@keyframes animation04_line01{0%{transform-origin:bottom;transform:scaleY(0);opacity:1}to{transform-origin:bottom;transform:scaleX(1);opacity:1}}.animation04 .rotate45{display:block;position:absolute;top:22.5%;left:50%;width:100%;height:100%;transform:rotate(45deg)}.animation04 .line_wrapper02{width:2.5%;height:30%;animation:animation04_line_wrapper02 .45s ease-in .8s forwards}.animation04 .line02{animation:animation04_line02 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper02{0%{transform-origin:top;transform:scaleX(1);opacity:1}to{transform-origin:top;transform:scaleY(0);opacity:1}}@keyframes animation04_line02{0%{transform-origin:bottom;transform:scaleY(0);opacity:1}to{transform-origin:bottom;transform:scaleX(1);opacity:1}}.animation04 .line_wrapper03{top:50%;left:90%;width:30%;height:2.5%;animation:animation04_line_wrapper03 .45s ease-in .8s forwards}.animation04 .line03{animation:animation04_line03 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper03{0%{transform-origin:right;transform:scaleX(1);opacity:1}to{transform-origin:right;transform:scaleX(0);opacity:1}}@keyframes animation04_line03{0%{transform-origin:left;transform:scaleX(0);opacity:1}to{transform-origin:left;transform:scaleX(1);opacity:1}}.animation04 .rotate135{display:block;position:absolute;top:49.5%;left:-22%;width:100%;height:100%;transform:rotate(135deg)}.animation04 .line_wrapper04{width:2.5%;height:30%;animation:animation04_line_wrapper04 .45s ease-in .8s forwards}.animation04 .line04{animation:animation04_line04 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper04{0%{transform-origin:top;transform:scaleX(1);opacity:1}to{transform-origin:top;transform:scaleY(0);opacity:1}}@keyframes animation04_line04{0%{transform-origin:bottom;transform:scaleY(0);opacity:1}to{transform-origin:bottom;transform:scaleX(1);opacity:1}}.animation04 .line_wrapper05{top:90%;left:50%;width:2.5%;height:30%;animation:animation04_line_wrapper05 .45s ease-in .8s forwards}.animation04 .line05{animation:animation04_line05 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper05{0%{transform-origin:bottom;transform:scaleX(1);opacity:1}to{transform-origin:bottom;transform:scaleY(0);opacity:1}}@keyframes animation04_line05{0%{transform-origin:top;transform:scaleY(0);opacity:1}to{transform-origin:top;transform:scaleX(1);opacity:1}}.animation04 .rotate-135{display:block;position:absolute;top:-19.5%;left:-48%;width:100%;height:100%;transform:rotate(-135deg)}.animation04 .line_wrapper06{width:2.5%;height:30%;animation:animation04_line_wrapper06 .45s ease-in .8s forwards}.animation04 .line06{animation:animation04_line06 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper06{0%{transform-origin:top;transform:scaleX(1);opacity:1}to{transform-origin:top;transform:scaleY(0);opacity:1}}@keyframes animation04_line06{0%{transform-origin:bottom;transform:scaleY(0);opacity:1}to{transform-origin:bottom;transform:scaleX(1);opacity:1}}.animation04 .line_wrapper07{top:50%;left:-20%;width:30%;height:2.5%;animation:animation04_line_wrapper07 .45s ease-in .8s forwards}.animation04 .line07{animation:animation04_line07 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper07{0%{transform-origin:left;transform:scaleX(1);opacity:1}to{transform-origin:left;transform:scaleX(0);opacity:1}}@keyframes animation04_line07{0%{transform-origin:right;transform:scaleX(0);opacity:1}to{transform-origin:right;transform:scaleX(1);opacity:1}}.animation04 .rotate-45{display:block;position:absolute;top:-49%;left:20%;width:100%;height:100%;transform:rotate(-45deg)}.animation04 .line_wrapper08{width:2.5%;height:30%;animation:animation04_line_wrapper08 .45s ease-in .8s forwards}.animation04 .line08{animation:animation04_line08 .45s ease-in .5s forwards}@keyframes animation04_line_wrapper08{0%{transform-origin:top;transform:scaleX(1);opacity:1}to{transform-origin:top;transform:scaleY(0);opacity:1}}@keyframes animation04_line08{0%{transform-origin:bottom;transform:scaleY(0);opacity:1}to{transform-origin:bottom;transform:scaleX(1);opacity:1}}