.scroll{animation:lateFadeIn 1.2s ease-out;bottom:20px;position:absolute;text-align:center;width:100%;z-index:1}.scroll h6{color:#fff;font-size:1em;font-weight:400;height:20px;margin:15px 0}.scroll .arrow{animation:scrollAnimation 1s ease-out infinite;border-bottom:1.5px solid #fff;border-right:1.5px solid #fff;height:15px;margin:0 auto;position:relative;rotate:45deg;width:15px}:root{--tooltip-arrow-size:10px}.tooltip{display:inline-block;pointer-events:all;position:relative}.tooltip sup{font-size:.8em;position:relative;top:-.4em;vertical-align:initial}.tooltip:after,.tooltip:before{--scale:0;left:50%;position:absolute;top:90%;transform:translateX(-50%) translateY(0) scale(var(--scale));transform:translateX(-50%) translateY(var(--tooltip-translate-y,0)) scale(var(--scale));transition:transform .15s}.tooltip:after{--tooltip-translate-y:var(--tooltip-arrow-size);background-color:#070139;border-radius:5px;color:#fff;content:attr(data-tooltip);font-size:.8em;line-height:1.5em;max-width:120%;padding:16px;text-align:center;transform-origin:top center;width:-webkit-max-content;width:max-content}.tooltip:before{--tooltip-translate-y:calc(var(--tooltip-arrow-size)*-1 + 1px);border:10px solid #0000;border:var(--tooltip-arrow-size) solid;border-color:#0000 #0000 #070139;content:"";transform-origin:bottom center}.tooltip:hover:after,.tooltip:hover:before{--scale:1}@media(min-width:768px){.tooltip:after{font-size:.7em;line-height:1.5em;max-width:110%}}@media(min-width:1280px){.tooltip:after{font-size:.65em;line-height:1.8em;max-width:130%}}@media(min-width:0px){#contact-btn{align-items:center;animation:lateFadeIn 1.2s ease-out;background:#0000;border:none;color:#d7d7d7;display:flex;font-family:PPNeueMachina-InktrapMedium,montserrat,-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:1.1em;font-weight:400;position:absolute;right:calc(10% - 15px);top:20px;transition:color .4s ease;z-index:999}#contact-btn svg{stroke:#d7d7d7;height:25px;position:relative;top:-.1em;width:25px}#contact-btn span{animation:moveIn 1s ease-in forwards;padding-right:10px}}@media(min-width:0px)and (hover:hover){#contact-btn:hover{color:#fff;cursor:pointer}#contact-btn:hover svg{stroke:#fff}#contact-btn:hover .line1,#contact-btn:hover .line2{stroke-dashoffset:-10;stroke-dasharray:50 1000}}@media(min-width:0px){#contact-btn .line{transition:.7s}#contact-btn .line1{stroke-dasharray:75 1000;transition:.7s}#contact-btn .line2{stroke-dasharray:45 1000;transition:.7s}#contact-btn .text-container{height:20px;overflow:hidden;transition:.5s ease-in-out;width:120px}#contact-btn .text-container span{white-space:nowrap}#contact-btn.open:hover .line1,#contact-btn.open:hover .line2{stroke-dashoffset:-160;stroke-dasharray:50 1000}#contact-btn.open .line1,#contact-btn.open .line2{stroke-dashoffset:-150;stroke-dasharray:70 1000}#contact-btn.open .text-container{width:0}.modal{animation:fadeOut 1.5s forwards;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#07013999;display:grid;height:100vh;opacity:0;place-items:center;position:absolute;transition:visibility 1s;visibility:hidden;width:100vw;z-index:9}.modal ::selection{background-color:#ef225a}.modal h2{color:#ef225a;font-size:2.5em;position:relative}.modal p{color:#fff;font-size:.9em;font-style:oblique;font-weight:400;margin-bottom:3em}.modal .credits-disclaimer{bottom:85px;margin:0 10vw;position:absolute}.modal .credits-disclaimer p{color:#fff;font-size:.75em;margin:0;opacity:.5}.modal .credits-disclaimer a{display:inline;font-size:1em;text-decoration:underline}.modal a{color:#fff;display:block;font-size:1.2em;font-weight:500;padding:10px 0;position:relative;text-decoration:none;transform:translate(0);transition:transform .4s ease-in-out;width:-webkit-fit-content;width:fit-content}}@media(min-width:0px)and (hover:hover){.modal a:hover{position:relative;transform:translate(5px);transition:transform .4s ease-in-out}}@media(min-width:0px){.modal .extLinks{margin-top:45px}.modal .extLinks a{display:block;font-size:.8em;margin-right:20px}}@media(min-width:0px)and (hover:hover){.modal .extLinks a:hover{position:relative;transform:translateY(-2px);transition:transform .4s ease-in-out}}@media(min-width:0px){.modal.modal-open{animation:fadeIn .5s .3s forwards;animation:blurIn .8s forwards;opacity:1;visibility:visible}.modal.modal-open .modal-container{animation:fadeIn 1s ease-in forwards;margin:0 10vw;place-self:center;-webkit-user-select:text;user-select:text}.modal.modal-open .modal-container p{text-align:left}.modal .modal-container{animation:fadeOut .5s forwards;transform:translateY(-10%)}}@media(min-width:380px){#contact-btn{font-size:1.2em}#contact-btn svg{height:30px;width:30px}.modal h2{font-size:3em}.modal p{font-size:1em}.modal a{font-size:1.5em}.modal .modal-container{transform:translateY(-15%)}.modal .extLinks{margin-top:60px}.modal .extLinks a{font-size:1em}.modal .credits-disclaimer{bottom:90px}.modal .credits-disclaimer p{font-size:.8em}}@media(min-width:768px){#contact-btn{right:12px}.modal .modal-container{transform:translateY(0)}.modal .credits-disclaimer{bottom:2em}.modal .extLinks a{display:inline-block}}@media(min-width:1200px){#contact-btn{right:32px}}body{cursor:none}.cursor-circle{background-color:#ed19bf;border-radius:50%;display:flex;height:80px;justify-content:center;mix-blend-mode:difference;pointer-events:none;position:absolute;transform:translate3d(-100px,0,0);transition:width .4s ease,height .4s ease;translate:-50% -50%;width:80px;z-index:999}.cursor-circle span{align-self:center;color:#000;font-size:.8em;text-align:center}.modal:hover~.cursor-circle{background-color:#da19a0;height:60px;transition:width .4s ease,height .4s ease;width:60px}.modal:hover~.cursor-circle span{display:none}.modal:has(.modal-cta:hover)~.cursor-circle,.modal:has(a:hover)~.cursor-circle,button:hover~.cursor-circle,section:has(.modal-cta:hover)~.cursor-circle,section:has(.tooltip:hover)~.cursor-circle,section:has(a:hover)~.cursor-circle{background-color:#ed19bf;height:30px;transition:width .4s ease,height .4s ease;width:30px}.modal:has(.modal-cta:hover)~.cursor-circle span,.modal:has(a:hover)~.cursor-circle span,button:hover~.cursor-circle span,section:has(.modal-cta:hover)~.cursor-circle span,section:has(.tooltip:hover)~.cursor-circle span,section:has(a:hover)~.cursor-circle span{display:none}.modal-cta:hover{cursor:pointer}.modal-cta{background:linear-gradient(90deg,#d7d7d7,#d7d7d7),linear-gradient(90deg,#fff,#fff);background-position:100% 100%,0 100%;background-repeat:no-repeat;background-size:100% .07em,0 .07em;pointer-events:all;transition:background-size .4s}.modal-cta:hover{background-size:0 .1em,100% .1em;transition:all .5s ease}@keyframes scrollAnimation{0%{opacity:0}15%{opacity:1;top:0}50%{opacity:1}to{opacity:0;top:5px}}@keyframes intro{0%{opacity:0;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes lateFadeIn{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes blurIn{0%{-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes moveIn{0%{translate:0,0}to{translate:10px,0}}@font-face{font-family:PPNeueMachina-InktrapUltraBold;src:url(https://take-me.jp/static/media/PPNeueMachina-InktrapUltrabold.59f1f360c7347ad3c6ff.woff2) format("woff2"),url(https://take-me.jp/static/media/PPNeueMachina-InktrapUltrabold.4b9e1bb4f663cc55ed11.woff) format("woff")}@font-face{font-family:PPNeueMachina-InktrapLight;src:url(https://take-me.jp/static/media/PPNeueMachina-InktrapLight.c9c9d6b1ad57c7c051d0.woff2) format("woff2"),url(https://take-me.jp/static/media/PPNeueMachina-InktrapLight.7c51bac63f0d1970c0b9.woff) format("woff")}@font-face{font-family:PPNeueMachina-InktrapMedium;src:url(https://take-me.jp/static/media/PPNeueMachina-InktrapMedium.62e782fc25687851087f.woff2) format("woff2"),url(https://take-me.jp/static/media/PPNeueMachina-InktrapMedium.6c54006a2d0c8ad24716.woff) format("woff")}@media(min-width:0px){*{box-sizing:border-box}#root,body{-webkit-touch-callout:none;background:#23168c;height:100vh;margin:0;overflow:hidden;padding:0;-webkit-user-select:none;user-select:none;width:100vw}.mob{width:100%}a,h1,h2,h3,h4,h5,h6,p{color:#fff}body{font-family:PPNeueMachina-InktrapLight,montserrat,-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif}.inactive{visibility:hidden}.inactive .content{opacity:0;transition:all .8s ease-in-out}.inactive .content.top.left{left:0;top:50px}.inactive .content.bottom.left{bottom:15px;left:60px}.inactive .content.top.right{left:0;right:auto;top:50px}.inactive .content.bottom.right{bottom:15px;left:60px;right:auto}.inactive .content.center{transform:translate(-50%,-55%)}.inactive .content.headline{transform:translate(-50%,-55%) scale(1.1)}.active .content{opacity:1;transition:all .8s ease-in-out 1s}.active .content.bottom.left,.active .content.top.left{left:10%}.active .content.bottom.right,.active .content.top.right{left:10%;right:auto}.active .content.center{transform:translate(-50%,-50%)}.active .content.headline{transform:translate(-50%,-55%) scale(1)}.top{top:50px}.bottom{bottom:15px}.content{pointer-events:none;position:absolute;z-index:2}#intro .headline{left:50%;top:50%}#intro .headline h1{animation:intro 1s ease-out 1;color:#ef225a;font-family:PPNeueMachina-InktrapUltraBold,montserrat,-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,ubuntu,roboto,noto,segoe ui,arial,sans-serif;font-size:4em;font-weight:900;text-align:center}p{color:#fff;font-size:.9em;line-height:1.2em;text-align:justify}.third{width:80%}.full{width:90%}}@media(min-width:380px){h1{font-size:5em}p{font-size:1.1em;line-height:1.5em}.inactive .content.top.left,.inactive .content.top.right{top:70px}.inactive .content.bottom.left,.inactive .content.bottom.right{bottom:50px}.top{top:70px}.bottom{bottom:50px}}@media(min-width:768px){.left{left:50px}.top{top:50px}.right{left:auto;right:50px}.inactive .content.bottom.left,.inactive .content.top.left{left:0;right:auto}.inactive .content.bottom.right,.inactive .content.top.right{left:auto;right:0}.inactive .content.top.left,.inactive .content.top.right{top:50px}.active .content.bottom.left,.active .content.top.left{left:30px;right:auto}.active .content.bottom.right,.active .content.top.right{left:auto;right:30px}.bottom{bottom:50px}p{font-size:1.4em}#intro .headline h1{font-size:7em}.third{width:50%}}@media(min-width:1200px){.third{width:30%}.active .content.bottom.left,.active .content.top.left{left:50px;right:auto}.active .content.bottom.right,.active .content.top.right{left:auto;right:50px}}@media(min-width:0px){body.cv,body.cv #root{background-color:#0f0757;height:-webkit-fit-content;height:fit-content;overflow:auto}body.cv{cursor:url(https://take-me.jp/static/media/pointer.7e8c35831ae38dcd4881.svg),auto;-webkit-user-select:text;user-select:text}body.cv ::selection{background:#ef225a}body.cv h3,body.cv h4,body.cv h5{font-weight:400}body.cv h3{font-size:2.5em;font-weight:600;margin:5em 0 2.5em}body.cv h4{font-size:2em;font-weight:400;margin:1em 0 0}body.cv h4:first-child{margin:2em 0 0}body.cv h5{color:#ccc;font-size:1.4em;font-weight:400;margin:.3em 0}body.cv h6{color:#ccc;font-size:1.2em;font-weight:300;margin:.5em 0}body.cv section:first-of-type h3{margin-top:150px}body.cv section:last-child{margin-bottom:6em}.principal{-webkit-user-select:text;user-select:text}.minimap{display:none}.curriculum{margin-left:10%;margin-right:10%}#resume{margin:0 auto;width:100%}}@media(min-width:380px){.minimap{display:block;left:5%;pointer-events:none;position:fixed;scale:.1;transform-origin:0 0}.minimap .box{border:10px solid #ef225a;height:100vh;position:absolute;width:100vw}.minimap .curriculum{width:60vw}.curriculum{margin-left:30%}}@media(min-width:768px){body.cv section:first-of-type h3{margin-top:190px}.minimap{left:5%;scale:.15;top:165px}.curriculum{margin-left:40%;margin-right:5%}}@media(min-width:1200px){body.cv section:first-of-type h3{margin-top:300px}.minimap{left:5%;scale:.15;top:260px}.curriculum{margin-right:5%}}@media(min-width:0px){body.credits{pointer-events:all}body.credits #root{background-color:#0f0757}body.credits{cursor:url(https://take-me.jp/static/media/pointer.7e8c35831ae38dcd4881.svg),auto;-webkit-user-select:text;user-select:text}body.credits ::selection{background:#ef225a}body.credits a:hover{transform:translateY(10px)}body.credits .grid{grid-column-gap:8%;bottom:0;display:grid;grid-template-columns:46% 46%;height:50%;padding:0 10%;position:absolute;text-align:center;width:100%;z-index:1}body.credits .plain{top:0}body.credits .planet{bottom:0}body.credits .center{margin:3vh 5vw 0;position:absolute;text-align:center;width:90%}body.credits .center p{font-size:.9em;text-align:center}body.credits .right{align-self:end;text-align:left}body.credits .right p{font-size:.9em;text-align:left}body.credits .left{align-self:start;text-align:right}body.credits .left p{font-size:.9em;text-align:right}body.credits h1{font-size:3em;margin-bottom:0}}@media(min-width:380px){body.credits .center p,body.credits .left p,body.credits .right p{font-size:1em}}@media(min-width:768px){body.credits .center p,body.credits .left p,body.credits .right p{font-size:1em}body.credits .center{margin:5vh 5vw 0}}@media(min-width:1200px){body.credits .grid{padding:0 20%}}
/*# sourceMappingURL=main.4314d4b9.css.map*/