.flex_wrap{display:flex;min-height:100vh;flex-direction:column}body{margin:0px;font-size:16px;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased}.logo{width:20vw;max-width:120px}._txt_r{text-align:right}.wrap{margin:0 auto;max-width:80rem;padding:0 1.8rem}.main_wrap{flex:1;position:relative}.center{position:absolute;max-width:700px;max-height:600px;top:50%;transform:translateY(-50%) translateX(-50%);left:50%;width:90vw;height:90vh}@keyframes dot{0%{transform:scale(0);opacity:1}to{transform:scale(1);opacity:1}}@keyframes slide-in-br{0%{transform:translateY(100%) translateX(100%);opacity:0}to{transform:translateY(0) translateX(0);opacity:1}}@keyframes blr-r{0%{transform:translateX(100%) scaleX(2.5) scaleY(0.2);transform-origin:0 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes blr-l{0%{transform:translateX(-100%) scaleX(2.5) scaleY(0.2);transform-origin:100% 50%;filter:blur(40px);opacity:0}to{transform:translateX(0) scaleY(1) scaleX(1);transform-origin:50% 50%;filter:blur(0);opacity:1}}@keyframes floats{0%{transform:scale(1,1)}50%{transform:scale(1.05,1.15)}to{transform:scaleY(1)}}.dot{z-index:10;position:absolute;top:50%;left:50%;width:5px;height:5px}.dot:before{content:"";background:#333;border-radius:50%;width:5px;height:5px;display:block;animation:dot 0.5s ease-out both}.dot [class*=icon-]{font-size:2.1em;padding:0 0.4em;color:#999;display:inline-block}.dot .link{position:absolute;width:120%;color:#333;text-decoration:none;display:block;font-size:13px;line-height:1em}.dot .link span{letter-spacing:0em;transition:all 0.15s ease-in-out 0.1s;display:inline-block;padding:0.4em 0.5em;position:relative;padding-bottom:0em;font-weight:100;letter-spacing:0.03em;white-space:nowrap}.dot .link span>*{white-space:normal;display:inline-block;vertical-align:middle}.dot .link span:before{transition:width ease-in-out 0.2s;content:"";position:absolute;height:1px;background:#999;width:0%;bottom:0.26em}.dot .link:hover span{letter-spacing:0.1em;padding-bottom:0.8em;margin-bottom:-0.3em;transition:all ease-in-out 0.1s}.dot .link:hover span:before{width:100%;transition:width 0.1s ease-in-out 0.05s}.dot strong{font-weight:normal;display:inline-block}.dot [class*=line_]{position:absolute;max-width:190px;max-height:230px}.dot [class*=line_]:before{content:"";display:block}.dot [class*=line_]:hover{animation-play-state:paused;-webkit-animation-play-state:paused}.dot [class*=line_]>em{display:block;position:absolute;overflow:hidden;top:0px;left:0px;width:100%;height:100%}.dot [class*=line_]>em:before{content:"";display:block;width:100%;height:100%;background:url(../img/diag1.svg) no-repeat;background-size:100% 100%}.line_3 .link span:before,.line_4 .link span:before{bottom:0.3em}.line_1{transform-origin:bottom right}.line_1:before{padding-top:121%}.line_1>em:before{animation:slide-in-br 0.2s cubic-bezier(0.25,0.46,0.45,0.94) 0.15s both}.line_1 .link{animation:blr-r 0.2s cubic-bezier(0.23,1,0.32,1) 0.2s both;bottom:100%;right:100%;text-align:right}.line_1 .link span:before{right:0px}.line_2{transform-origin:bottom left}.line_2:before{padding-top:53%}.line_2>em{transform:scaleX(-1)}.line_2>em:before{animation:slide-in-br 0.2s cubic-bezier(0.25,0.46,0.45,0.94) 0.25s both}.line_2 .link{animation:blr-l 0.2s cubic-bezier(0.23,1,0.32,1) 0.3s both;bottom:100%;left:100%}.line_2 .link span:before{left:0px}.line_3{transform-origin:top right}.line_3:before{padding-top:74%}.line_3>em{transform:scaleY(-1)}.line_3>em:before{animation:slide-in-br 0.2s cubic-bezier(0.25,0.46,0.45,0.94) 0.35s both}.line_3 .link{animation:blr-r 0.2s cubic-bezier(0.23,1,0.32,1) 0.4s both;bottom:0;right:100%;text-align:right}.line_3 .link span:before{right:-1px}.line_4{transform-origin:top left}.line_4:before{padding-top:62%}.line_4>em{transform:scale(-1,-1)}.line_4>em:before{animation:slide-in-br 0.2s cubic-bezier(0.25,0.46,0.45,0.94) 0.45s both}.line_4 .link{animation:blr-l 0.2s cubic-bezier(0.23,1,0.32,1) 0.5s both;left:100%;bottom:0px}.line_4 .link span:before{left:-1px;margin-bottom:1px}._rtl{direction:rtl}._rtl>*{direction:ltr}.line_1{width:20vw;right:6vw;bottom:3vh}.line_2{width:21vw;left:3vw;bottom:16vh}.line_3{width:24vw;right:1vw;top:8vh}.line_4{width:15vw;left:6vw;top:1vh}@media screen and (orientation:portrait) and (max-width:48em){.dot .link{width:235%}[class*=line_]:before{padding-bottom:20%}.line_1{width:13vw;right:6vw;bottom:1.5vh}.line_2{width:14vw;bottom:12vw}.line_3{width:16vw;top:4vh}.line_4{width:10vw;left:4vh;top:1vh}}@media screen and (orientation:portrait) and (max-width:35.5em){.dot .link{width:210%;font-size:12px}.line_4 .link span:before{margin-bottom:0px}}@media screen and (max-width:35.5em){.dot .link span{white-space:normal}.line_4 .link span:before{left:-1px}}@media screen and (orientation:landscape) and (max-height:35.5em) and (max-width:64em){.line_1{width:26vh}.line_2{width:28vh}.line_3{width:32vh}.line_4{width:20vh}}@media screen and (min-width:64em){.dot .link{font-size:14px}.line_1{width:171px}.line_2{width:184px}.line_3{width:210px}.line_4{width:131px}}@media screen and (min-width:80em){.dot .link{font-size:15px}}
/*# sourceMappingURL=index.css.map */