@charset "UTF-8";
/*! destyle.css v2.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*,::after,::before{box-sizing:border-box;border-style:solid;border-width:0}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}address,blockquote,dl,figure,form,iframe,ol,p,pre,table,ul{margin:0}details,main{display:block}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ol,ul{padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}a,hr{color:inherit}hr{box-sizing:content-box;height:0;overflow:visible;border-top-width:1px;margin:0;clear:both}code,kbd,pre,samp{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}embed,iframe,img,object{vertical-align:bottom}button,input,optgroup,select,textarea{vertical-align:middle;color:inherit;font:inherit;background:0 0;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}input,optgroup,select,textarea{-webkit-appearance:none;appearance:none}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}fieldset,legend,option{padding:0}fieldset{margin:0;min-width:0}legend{color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}[hidden],template{display:none}body,html{margin:0;overflow:hidden;transition:opacity 400ms}.onepage-wrapper,body,html{display:block;position:static;padding:0}.onepage-wrapper{position:relative;-webkit-transform-style:preserve-3d}.onepage-wrapper,.onepage-wrapper .section,body,html{width:100%;height:100%}.onepage-pagination{position:absolute;right:10px;top:50%;z-index:5;list-style:none;margin:0;padding:0}.onepage-pagination li{padding:0;text-align:center}.onepage-pagination li a{padding:10px;width:4px;height:4px;display:block}.onepage-pagination li a:before{content:"";position:absolute;width:4px;height:4px;background:rgba(0,0,0,.85);border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px}.onepage-pagination li a.active:before{width:10px;height:10px;background:0 0;border:1px solid #000;margin-top:-4px;left:8px}.disabled-onepage-scroll,.disabled-onepage-scroll .wrapper{overflow:auto}.disabled-onepage-scroll .onepage-wrapper .section{position:relative!important;top:auto!important;left:auto!important}.disabled-onepage-scroll .onepage-wrapper{transform:none!important;-ms-transform:none!important;min-height:100%}.disabled-onepage-scroll .onepage-pagination{display:none}.disabled-onepage-scroll .onepage-wrapper,body.disabled-onepage-scroll,html{position:inherit}
/*! jQuery.Flipster, v1.1.5 (built 2020-10-17) */
.flipster{display:block;overflow-x:hidden;overflow-y:visible;position:relative}.flipster:focus{outline:0}.flipster__container,.flipster__item{margin:0;padding:0;list-style-type:none;position:relative}.flipster__container{display:block;white-space:nowrap;word-spacing:-.25em;transform-origin:50% 50%;backface-visibility:hidden}.flipster__item{display:inline-block;white-space:normal;word-spacing:normal;vertical-align:bottom}.flipster--click .flipster__item--future,.flipster--click .flipster__item--past{cursor:pointer}.flipster__item img{max-width:100%}.flipster__button{position:absolute;top:50%;display:block;-webkit-appearance:none;appearance:none;background:0 0;border:0;padding:0;z-index:999;cursor:pointer;font-size:15px;opacity:.5;transition:opacity 500ms ease;margin:-1em 2em}.flipster__button svg{width:2em;stroke:currentColor;fill:transparent;stroke-width:3;stroke-linecap:round}.flipster__button:focus,.flipster__button:hover{opacity:1}.flipster__button--prev{left:0}.flipster__button--next{right:0}.flipster__nav,.flipster__nav__item{list-style-type:none;padding:0}.flipster__nav{display:block;margin:0 0 4em;text-align:center;position:relative}.flipster__nav__item{display:inline-block;margin:0 .25em}.flipster__nav__link{display:block;color:inherit;padding:.5em 1em;position:relative;overflow:hidden;transition:all 250ms ease-out;transition-timing-function:cubic-bezier(.56,.12,.12,.98)}.flipster__nav__link::after{content:"";display:block;background:#232221;position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;transform:translateY(100%) translateY(-.25em);transition:inherit}.flipster__nav__item--current>.flipster__nav__link,.flipster__nav__link:focus,.flipster__nav__link:hover{color:#fff}.flipster__nav__item--current>.flipster__nav__link::after,.flipster__nav__link:focus::after,.flipster__nav__link:hover::after{transform:translateY(0)}.flipster__nav__child{display:none;position:absolute;top:100%;left:0;right:0;margin-top:-1px;padding:.5em;background:#4e4441;z-index:1}.flipster__nav__child .flipster__nav__link{color:#fff}.flipster__nav__child .flipster__nav__link::after{background:#fff}.flipster__nav__child .flipster__nav__item--current>.flipster__nav__link,.flipster__nav__child .flipster__nav__link:focus,.flipster__nav__child .flipster__nav__link:hover{color:#232221}.flipster__nav__item--current .flipster__nav__child{display:block}.flipster--carousel .flipster__container,.flipster--carousel .flipster__item,.flipster--carousel .flipster__item__content{transition:all 350ms ease-in-out;transition-timing-function:cubic-bezier(.56,.12,.12,.98)}.flipster--carousel .flipster__item{perspective:800px}.flipster--carousel .flipster__item--future,.flipster--carousel .flipster__item--past{opacity:0;transition-delay:115ms}.flipster--carousel .flipster__item--future-2,.flipster--carousel .flipster__item--past-2{opacity:.6;transition-delay:90ms}.flipster--carousel .flipster__item--future-1,.flipster--carousel .flipster__item--past-1{opacity:.8;transition-delay:60ms}.flipster--carousel .flipster__item--past .flipster__item__content{transform:translateX(100%) rotateY(-20deg) scale(.5)}.flipster--carousel .flipster__item--past-2 .flipster__item__content{transform:translateX(25%) rotateY(40deg) scale(.65)}.flipster--carousel .flipster__item--past-1 .flipster__item__content{transform:rotateY(45deg) scale(.8)}.flipster--carousel .flipster__item--future .flipster__item__content{transform:translateX(-100%) rotateY(20deg) scale(.5)}.flipster--carousel .flipster__item--future-2 .flipster__item__content{transform:translateX(-25%) rotateY(-40deg) scale(.65)}.flipster--carousel .flipster__item--future-1 .flipster__item__content{transform:rotateY(-45deg) scale(.8)}.flipster--carousel.no-rotate .flipster__item--past .flipster__item__content{transform:translateX(175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--past-2 .flipster__item__content{transform:translateX(25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--past-1 .flipster__item__content{transform:translateX(0) scale(.8)}.flipster--carousel.no-rotate .flipster__item--future .flipster__item__content{transform:translateX(-175%) scale(.5)}.flipster--carousel.no-rotate .flipster__item--future-2 .flipster__item__content{transform:translateX(-25%) scale(.65)}.flipster--carousel.no-rotate .flipster__item--future-1 .flipster__item__content{transform:translateX(0) scale(.8)}.flipster--carousel .flipster__item--current .flipster__item__content{transform:translateX(0) rotateY(0deg) scale(1);transition-delay:60ms}.flipster--coverflow .flipster__container,.flipster--coverflow .flipster__item,.flipster--coverflow .flipster__item__content{transition:all 350ms ease-in-out;transition-timing-function:cubic-bezier(.56,.12,.12,.98)}.flipster--coverflow .flipster__item{perspective:800px}.flipster--coverflow .flipster__container{padding-bottom:5%}.flipster--coverflow .flipster__item__content{transform-origin:50% 100%;box-reflect:below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,.12)),color-stop(.2,transparent));-webkit-box-reflect:below 0 -webkit-gradient(linear,left bottom,left top,color-stop(.05,rgba(255,255,255,.12)),color-stop(.2,transparent))}.flipster--coverflow .flipster__item__content img:only-child,.flipster--wheel .flipster__item__content img:only-child{display:block}.flipster--coverflow .flipster__item--past .flipster__item__content{transform-origin:0 50%;transform:scale(.75) rotateY(55deg)}.flipster--coverflow .flipster__item--future .flipster__item__content{transform-origin:100% 50%;transform:scale(.75) rotateY(-55deg)}.flipster--coverflow .flip-current .flipster__item__content{transform:rotateY(0deg)}.flipster--flat .flipster__container,.flipster--flat .flipster__item,.flipster--flat .flipster__item__content{transition:all 400ms ease-in-out}.flipster--flat .flipster__item--future,.flipster--flat .flipster__item--past{opacity:.5}.flipster--flat .flipster__item--future .flipster__item__content,.flipster--flat .flipster__item--past .flipster__item__content{transform:scale(.75)}.flipster--wheel{overflow:hidden}.flipster--wheel .flipster__container,.flipster--wheel .flipster__item__content{transition:all 400ms ease-in-out;transition-timing-function:cubic-bezier(.56,.12,.12,.98)}.flipster--wheel .flipster__container{padding-bottom:20%}.flipster--wheel .flipster__item__content{transform-origin:50% 100%}.flipster--wheel .flipster__item--past .flipster__item__content{transform-origin:100% 100%}.flipster--wheel .flipster__item--future .flipster__item__content{transform-origin:0 100%}.flipster--wheel .flipster__item--past .flipster__item__content{opacity:0;transform:rotateZ(-80deg) translate(-170%,110%)}.flipster--wheel .flipster__item--future .flipster__item__content{opacity:0;transform:rotateZ(80deg) translate(170%,110%)}.flipster--wheel .flipster__item--past-3 .flipster__item__content{opacity:1;transform:rotateZ(-60deg) translate(-70%,75%)}.flipster--wheel .flipster__item--future-3 .flipster__item__content{opacity:1;transform:rotateZ(60deg) translate(70%,75%)}.flipster--wheel .flipster__item--past-2 .flipster__item__content{opacity:1;transform:rotateZ(-40deg) translate(-17%,30%)}.flipster--wheel .flipster__item--future-2 .flipster__item__content{opacity:1;transform:rotateZ(40deg) translate(17%,30%)}.flipster--wheel .flipster__item--past-1 .flipster__item__content{opacity:1;transform:rotateZ(-20deg)}.flipster--wheel .flipster__item--future-1 .flipster__item__content{opacity:1;transform:rotateZ(20deg)}.flipster--wheel .flip-current .flipster__item__content{transform:rotateX(0deg)}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/
@keyframes bounce{0%,20%,53%,80%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate3d(0,0,0)}40%,43%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}70%{transition-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes pulse{0%,to{transform:scale3d(1,1,1)}50%{transform:scale3d(1.05,1.05,1.05)}}@keyframes rubberBand{0%,to{transform:scale3d(1,1,1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}}@keyframes shake{0%,to{transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}@keyframes swing{20%{transform:rotate3d(0,0,1,15deg)}40%{transform:rotate3d(0,0,1,-10deg)}60%{transform:rotate3d(0,0,1,5deg)}80%{transform:rotate3d(0,0,1,-5deg)}to{transform:rotate3d(0,0,1,0deg)}}@keyframes tada{0%,to{transform:scale3d(1,1,1)}10%,20%{transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}}@keyframes wobble{0%,to{transform:none}15%{transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scale3d(1,1,1)}}@keyframes bounceInDown{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0)}60%{opacity:1;transform:translate3d(0,25px,0)}75%{transform:translate3d(0,-10px,0)}90%{transform:translate3d(0,5px,0)}to{transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0)}60%{opacity:1;transform:translate3d(25px,0,0)}75%{transform:translate3d(-10px,0,0)}90%{transform:translate3d(5px,0,0)}to{transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0)}60%{opacity:1;transform:translate3d(-25px,0,0)}75%{transform:translate3d(10px,0,0)}90%{transform:translate3d(-5px,0,0)}to{transform:none}}@keyframes bounceInUp{0%,60%,75%,90%,to{transition-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0)}60%{opacity:1;transform:translate3d(0,-20px,0)}75%{transform:translate3d(0,10px,0)}90%{transform:translate3d(0,-5px,0)}to{transform:translate3d(0,0,0)}}@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}40%,45%{opacity:1;transform:translate3d(0,-20px,0)}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}40%,45%{opacity:1;transform:translate3d(0,20px,0)}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:none}}@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:none}}@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:none}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}@keyframes flip{0%{transform:perspective(400px) rotate3d(0,1,0,-360deg);animation-timing-function:ease-out}40%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}to{transform:perspective(400px);animation-timing-function:ease-in}}@keyframes flipInX{0%{transform:perspective(400px) rotate3d(1,0,0,90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(1,0,0,-20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{transform:perspective(400px)}}@keyframes flipInY{0%{transform:perspective(400px) rotate3d(0,1,0,90deg);transition-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotate3d(0,1,0,-20deg);transition-timing-function:ease-in}60%{transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{transform:perspective(400px)}}@keyframes flipOutX{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutY{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg);opacity:1}to{transform:none;opacity:1}}@keyframes lightSpeedOut{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes rotateIn{0%{transform-origin:center;transform:rotate3d(0,0,1,-200deg);opacity:0}to{transform-origin:center;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}to{transform-origin:left bottom;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate3d(0,0,1,-90deg);opacity:0}to{transform-origin:right bottom;transform:none;opacity:1}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}to{transform-origin:center;transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}to{transform-origin:left bottom;transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}to{transform-origin:right bottom;transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate3d(0,0,1,80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%,80%{transform:rotate3d(0,0,1,60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;transform:none}}@keyframes rollOut{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}}@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}}@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes slideInDown{0%{transform:translateY(-100%);visibility:visible}to{transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translateX(-100%);visibility:visible}to{transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(100%);visibility:visible}to{transform:translateX(0)}}@keyframes slideInUp{0%{transform:translateY(100%);visibility:visible}to{transform:translateY(0)}}@keyframes slideOutDown{0%{transform:translateY(0)}to{visibility:hidden;transform:translateY(100%)}}@keyframes slideOutLeft{0%{transform:translateX(0)}to{visibility:hidden;transform:translateX(-100%)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{visibility:hidden;transform:translateX(100%)}}@keyframes slideOutUp{0%{transform:translateY(0)}to{visibility:hidden;transform:translateY(-100%)}}@keyframes flash{0%,to{opacity:1}50%{opacity:.3}}@keyframes sdl{0%{transform:scale(1,0);transform-origin:0 0}50%{transform:scale(1,1);transform-origin:0 0}50.1%{transform:scale(1,1);transform-origin:0 100%}to{transform:scale(1,0);transform-origin:0 100%}}.animated{animation-duration:1s;animation-fill-mode:both}.animated.infinite{animation-iteration-count:infinite}.animated.hinge{animation-duration:2s}.bounce{animation-name:bounce;transform-origin:center bottom}.flash{animation-name:flash}.pulse{animation-name:pulse}.rubberBand{animation-name:rubberBand}.shake{animation-name:shake}.swing{transform-origin:top center;animation-name:swing}.tada{animation-name:tada}.wobble{animation-name:wobble}.bounceIn{animation-name:bounceIn;animation-duration:.75s}.bounceInDown{animation-name:bounceInDown}.bounceInLeft{animation-name:bounceInLeft}.bounceInRight{animation-name:bounceInRight}.bounceInUp{animation-name:bounceInUp}.bounceOut{animation-name:bounceOut;animation-duration:.75s}.bounceOutDown{animation-name:bounceOutDown}.bounceOutLeft{animation-name:bounceOutLeft}.bounceOutRight{animation-name:bounceOutRight}.bounceOutUp{animation-name:bounceOutUp}.fadeIn{animation-name:fadeIn}.fadeInDown{animation-name:fadeInDown}.fadeInDownBig{animation-name:fadeInDownBig}.fadeInLeft{animation-name:fadeInLeft}.fadeInLeftBig{animation-name:fadeInLeftBig}.fadeInRight{animation-name:fadeInRight}.fadeInRightBig{animation-name:fadeInRightBig}.fadeInUp{animation-name:fadeInUp}.fadeInUpBig{animation-name:fadeInUpBig}.fadeOut{animation-name:fadeOut}.fadeOutDown{animation-name:fadeOutDown}.fadeOutDownBig{animation-name:fadeOutDownBig}.fadeOutLeft{animation-name:fadeOutLeft}.fadeOutLeftBig{animation-name:fadeOutLeftBig}.fadeOutRight{animation-name:fadeOutRight}.fadeOutRightBig{animation-name:fadeOutRightBig}.fadeOutUp{animation-name:fadeOutUp}.fadeOutUpBig{animation-name:fadeOutUpBig}.animated.flip{backface-visibility:visible;animation-name:flip}.flipInX,.flipInY,.flipOutX,.flipOutY{backface-visibility:visible!important;animation-name:flipInX}.flipInY,.flipOutX,.flipOutY{animation-name:flipInY}.flipOutX,.flipOutY{animation-name:flipOutX;animation-duration:.75s}.flipOutY{animation-name:flipOutY}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}.rotateIn{animation-name:rotateIn}.rotateInDownLeft{animation-name:rotateInDownLeft}.rotateInDownRight{animation-name:rotateInDownRight}.rotateInUpLeft{animation-name:rotateInUpLeft}.rotateInUpRight{animation-name:rotateInUpRight}.rotateOut{animation-name:rotateOut}.rotateOutDownLeft{animation-name:rotateOutDownLeft}.rotateOutDownRight{animation-name:rotateOutDownRight}.rotateOutUpLeft{animation-name:rotateOutUpLeft}.rotateOutUpRight{animation-name:rotateOutUpRight}.hinge{animation-name:hinge}.rollIn{animation-name:rollIn}.rollOut{animation-name:rollOut}.zoomIn{animation-name:zoomIn}.zoomInDown{animation-name:zoomInDown}.zoomInLeft{animation-name:zoomInLeft}.zoomInRight{animation-name:zoomInRight}.zoomInUp{animation-name:zoomInUp}.zoomOut{animation-name:zoomOut}.zoomOutDown{animation-name:zoomOutDown}.zoomOutLeft{animation-name:zoomOutLeft}.zoomOutRight{animation-name:zoomOutRight}.zoomOutUp{animation-name:zoomOutUp}.slideInDown{animation-name:slideInDown}.slideInLeft{animation-name:slideInLeft}.slideInRight{animation-name:slideInRight}.slideInUp{animation-name:slideInUp}.slideOutDown{animation-name:slideOutDown}.slideOutLeft{animation-name:slideOutLeft}.slideOutRight{animation-name:slideOutRight}.slideOutUp{animation-name:slideOutUp}@font-face{font-family:"Inconsolata";src:url(../fonts/Inconsolata_Condensed-Light.ttf) format("truetype");font-display:swap}html{font-size:62.5%;height:100%}body{font-size:1.6em;line-height:1.6;position:relative;font-family:"Yu Gothic Medium","游ゴシック Medium",YuGothic,"游ゴシック体","ヒラギノ角ゴ Pro W3","メイリオ",sans-serif}body.is-fixed{position:fixed;width:100%;height:100%}@media screen and (max-width:1024px){section{margin-top:100px}}@media screen and (max-width:599px){section{margin-top:60px}}.loading,img{width:100%}main,main.sp{margin-left:200px;position:relative}@media screen and (max-width:1200px){main{margin-left:170px}}main.sp{margin-left:0}main.onepage-wrapper section.section{width:calc(100% - 200px)}@media screen and (max-width:1200px){main.onepage-wrapper section.section{width:calc(100% - 170px)}}@media screen and (max-width:1024px){main.onepage-wrapper section.section{width:100%}}.loading,body{background-color:#000}.loading{min-height:100vh;position:fixed;z-index:2}.loading.js-border{border-right:solid 3px #fff;transition:4s}.loading.js-border2{border-bottom:solid 1px #fff;transition:4s}.loading__logo,.loading__slidebg{position:absolute;top:calc(50% - 75px);left:calc(50% - 75px)}.loading__logo img{width:150px;height:150px}.loading__logo img.animation{animation:flash .5s linear infinite}@media screen and (max-width:1200px){.loading__logo img{width:140px;height:140px}}.loading__slidebg{content:"";display:block;background-color:#000;z-index:3;top:calc(50% - 80px);width:160px;height:160px}@media screen and (max-width:1200px){.loading__slidebg{width:150px;height:150px}}.gnav{color:#fff;font-size:2rem;margin:240px 15px 0}@media screen and (max-width:1200px){.gnav{font-size:1.6rem}}.gnav__item{display:none;text-align:center;font-size:3rem;margin-bottom:40px}.gnav__item__wrapper{display:inline-block;font-family:YuMincho,"Yu Mincho"}.gnav__item__wrapper__txt{display:block;margin-bottom:-15px}.gnav .current{font-weight:700;padding-bottom:4px;color:#da0463;border-bottom:solid 7px #da0463}.gnav .current.-about{padding-bottom:4px;color:#63da04;border-bottom:solid 7px #63da04}.gnav .current.-skills{padding-bottom:4px;color:#0463da;border-bottom:solid 7px #0463da}.gnav .current.-works{padding-bottom:4px;color:#7b04da;border-bottom:solid 7px #7b04da}.gnav .current.-contact{padding-bottom:4px;color:silver;border-bottom:solid 7px silver}.hamburger-menu{z-index:1000;display:none;position:fixed;top:32px;right:25px;height:32px;cursor:pointer}@media screen and (max-width:599px){.hamburger-menu{top:18px;right:15px}}.hamburger-menu__inner{position:relative;width:36px}.hamburger-menu__line{width:100%;height:1px;left:0;display:block;background:#fff;position:absolute;transition:transform .6s ease-in-out,top .5s ease}.hamburger-menu__line:nth-child(1){top:0}.hamburger-menu__line:nth-child(2){top:14px}@media screen and (max-width:599px){.hamburger-menu__line:nth-child(2){top:10px}}.hamburger-menu__line:nth-child(3){top:28px}@media screen and (max-width:599px){.hamburger-menu__line:nth-child(3){top:20px}}.hamburger-menu__cont{display:none;background:#000;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;text-align:center;display:flex;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;font-size:29px;opacity:0;transition:opacity .6s ease,visibility .6s ease}.hamburger-menu__cont__nav{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hamburger-menu__cont__item{opacity:0;transform:translateX(200px);transition:transform .6s ease,opacity .2s ease;list-style-type:none}.hamburger-menu__cont__item:nth-child(2){transition-delay:.15s}.hamburger-menu__cont__item:nth-child(3){transition-delay:.3s}.hamburger-menu__cont__item:nth-child(4){transition-delay:.45s}.hamburger-menu__cont__item:nth-child(5){transition-delay:.6s}.hamburger-menu__cont__item:nth-child(6){transition-delay:.75s}.hamburger-menu__cont__item:nth-child(7){transition-delay:.9s}.hamburger-menu__cont__item-inner{display:block;color:#fff;text-decoration:none;padding:10px 0;transition:color .6s ease}.hamburger-menu__cont__item-inner:hover{color:#666}.open{overflow:hidden}.open .hamburger-menu__cont{visibility:visible;opacity:1;display:block}.open .hamburger-menu__cont__item{opacity:1;transform:translateX(0);transition:transform 1s ease,opacity .9s ease}.open .hamburger-menu__line{background:#fff}.open .hamburger-menu__line:nth-child(1){top:15px;transform:rotate(45deg)}.open .hamburger-menu__line:nth-child(2){top:15px;width:0;left:50%}.open .hamburger-menu__line:nth-child(3){top:15px;transform:rotate(-45deg)}.viewing-page-1 .hamburger-menu__cont .current{font-weight:700;line-height:1;color:#da0463;border-bottom:solid 5px #da0463;padding:10px 0 5px}.viewing-page-2 .hamburger-menu__cont .current,.viewing-page-3 .hamburger-menu__cont .current{font-weight:700;line-height:1;color:#63da04;border-bottom:solid 5px #63da04;padding:10px 0 5px}.viewing-page-3 .hamburger-menu__cont .current{color:#0463da;border-bottom:solid 5px #0463da}.viewing-page-4 .hamburger-menu__cont .current,.viewing-page-5 .hamburger-menu__cont .current{font-weight:700;line-height:1;color:#7b04da;border-bottom:solid 5px #7b04da;padding:10px 0 5px}.viewing-page-5 .hamburger-menu__cont .current{color:silver;border-bottom:solid 5px silver}#stalker{display:none;pointer-events:none;position:fixed;top:-40px;left:-40px;width:80px;height:80px;background:#fff;opacity:.5;border-radius:50%;transition:transform .2s,top,.5s,left .5s,width .5s,height .5s,background-color .5s;transition-timing-function:ease-out;z-index:999}#stalker.hov_{top:-24px;left:-24px;width:48px;height:48px;transition:.5s;background:#da0463}#stalker.hov_.-about{background:#63da04}#stalker.hov_.-skills{background:#0463da}#stalker.hov_.-works{background:#7b04da}#stalker.hov_.-contact{background:silver}.scroll-down{display:none;position:absolute;left:60px;bottom:40px;z-index:1;padding:10px 10px 110px;overflow:hidden;color:#fff;font-size:1.6rem;letter-spacing:.2em;text-transform:uppercase;writing-mode:vertical-lr;font-family:YuMincho,"Yu Mincho"}@media screen and (max-width:1024px){.scroll-down{left:10px;bottom:150px}}@media screen and (max-width:599px){.scroll-down{font-size:1.4rem;bottom:15%}}.scroll-down::after,.scroll-down::before{content:"";position:absolute;bottom:0;left:50%;width:1px;height:100px}.scroll-down::before{background:rgba(255,255,255,.4)}.scroll-down::after{background:#fff;animation:sdl 1.5s cubic-bezier(1,0,0,1) infinite}.particle{display:flex;align-items:center;justify-content:center;width:100%;height:100vh;position:fixed}.particle__caption{margin:auto;width:700px;max-width:100%;color:#fff;background:rgba(255,255,255,.25);text-align:center}#js-particle,.particle__canvas{position:absolute;width:100%;height:100vh;z-index:-1;background:#000}#js-particle canvas,.skills_modal-item img{vertical-align:middle}#skills_modal-trigger{opacity:0}.close-animatedModal{display:block;position:relative;width:60px;height:60px;border:1px solid #bababa;background-color:#fcfcfc;border-radius:50%;margin:30px auto 50px;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;transition:all .2s ease-in-out;cursor:pointer}.close-animatedModal:hover,.skills_modal-item:hover{box-shadow:-2px -2px 5px #fff,2px 2px 5px #babecc}.close-animatedModal::after,.close-animatedModal::before{content:"";position:absolute;top:50%;left:50%;width:2px;height:22px;background:#bababa}.close-animatedModal::before{transform:translate(-50%,-50%) rotate(45deg);transition:all .5s}.close-animatedModal::after{transition:all .5s}.close-animatedModal::after,.close-animatedModal:hover::before{transform:translate(-50%,-50%) rotate(-45deg)}.close-animatedModal:hover::after{transform:translate(-50%,-50%) rotate(45deg)}.skills_modal{display:none;width:100%;height:100%;background-color:#f1f3f6;position:absolute;left:0;top:0;z-index:9999}.skills_modal-cont{max-width:587px;margin:0 auto;background:#f1f3f6;box-shadow:inset 0 0 5px transparent,inset 0 0 10px transparent,5px 5px 9px rgba(55,84,170,.15),-1px -1px 11px #dcdcdc ,inset 0 0 2px rgba(255,255,255,.2);padding:30px;border-radius:10px}@media screen and (max-width:599px){.skills_modal-cont{max-width:300px;padding:30px 30px 12px}}.skills_modal-item{opacity:0;width:125px;height:125px;line-height:125px;background-color:#fcfcfc;border-radius:50%;color:#fff;text-align:center;margin-bottom:-60px;box-shadow:-5px -5px 20px #fff,5px 5px 20px #babecc;transition:all .2s ease-in-out}@media screen and (max-width:900px){.skills_modal-item{width:120px;height:120px;line-height:120px}}@media screen and (max-width:768px){.skills_modal-item{width:100px;height:100px;line-height:100px}}@media screen and (max-width:599px){.skills_modal-item{width:65px;height:65px;line-height:65px}}.skills_modal-item_bootstrap{width:50%}.skills_modal-item_docker{width:90%}.skills_modal-item_git,.skills_modal-item_node{width:70%}.skills_modal-item_salesforce{width:80%}.skills_modal-item_microcms{width:90%}.skills_modal-item_wordpress{width:60%}.skills_modal-item_redmine,.skills_modal-item_sitecore{width:90%}.skills_modal-item_electron,.skills_modal-item_trello{width:60%}.skills_modal-item_adobe{width:90%}.skills_modal-item_php{width:75%}.skills_modal-item_python{width:60%}.skills_modal-item_office{width:80%}.skills_modal-item_wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}@media screen and (max-width:599px){.skills_modal-item_wrapper{margin-bottom:30px}}.works-modal{display:none;position:fixed;z-index:5;width:100%;height:100%;background-color:#7b04da}.works-modal__close{width:40px;height:40px;position:relative;z-index:6;cursor:pointer;-webkit-user-select:none;user-select:none}@media screen and (max-width:1024px){.works-modal__close{width:20px;height:20px}}@media screen and (max-width:599px){.works-modal__close{width:15px;height:15px}}.works-modal__close::after,.works-modal__close::before{content:"";width:100%;height:2px;display:inline-block;background:#fff;position:absolute;top:25px;left:5px}@media screen and (max-width:1024px){.works-modal__close::after,.works-modal__close::before{top:15px}}@media screen and (max-width:599px){.works-modal__close::after,.works-modal__close::before{top:11px;left:4px}}.works-modal__close::before{transform:rotate(45deg)}.works-modal__close::after{transform:rotate(-45deg)}.works-modal__close-outer{width:60px;height:60px;position:absolute;top:20px;right:40px;background-color:#000;border-radius:50%;padding:5px;box-shadow:0 30px 15px rgba(0,0,0,.3)}@media screen and (max-width:1024px){.works-modal__close-outer{width:40px;height:40px;top:10px;right:10px}}@media screen and (max-width:599px){.works-modal__close-outer{width:33px;height:33px}}.works-modal__head{font-size:2rem;text-align:center;font-weight:700;position:relative;color:#000;margin:0 auto;padding:10px 30px;display:inline-block;background-color:#fff}@media screen and (max-width:1024px){.works-modal__head{font-size:1.8rem}}@media screen and (max-width:599px){.works-modal__head{font-size:1.6rem;padding:5px 30px}}.works-modal__head-outer{text-align:center;margin-bottom:20px}@media screen and (max-width:599px){.works-modal__head-outer{margin-bottom:15px}}.works-modal__img{max-width:400px;width:100%;margin:50px auto 20px;position:relative}@media screen and (max-width:1024px){.works-modal__img{margin:60px auto 20px}}@media screen and (max-width:599px){.works-modal__img{max-width:260px;margin:30px auto 20px}}.works-modal__img-link:hover{opacity:.9}.works-modal__img::after{content:"";position:absolute;bottom:10px;left:25px;z-index:-1;width:450px;height:10px;border-radius:200px/5px;box-shadow:0 40px 25px rgba(0,0,0,.5)}.works-modal__summary{background-color:#000;color:#fff;box-shadow:0 40px 25px rgba(0,0,0,.5);padding:20px;max-width:600px;width:100%;margin:60px auto 0}@media screen and (max-width:599px){.works-modal__summary{margin-top:40px;padding:15px}}.works-modal__link{font-size:1.6rem;display:flex;color:#fff;margin-bottom:10px}@media screen and (max-width:1024px){.works-modal__link{font-size:1.4rem}}.works-modal__link-left{padding-right:5px}.works-modal__link-right{color:#c7b2d6}.works-modal__link-href{position:relative;padding-bottom:2px}.works-modal__link-href::after{position:absolute;bottom:-4px;left:0;content:"";width:100%;height:2px;background:#c7b2d6;transform:scale(0,1);transform-origin:left top;transition:transform .3s}.works-modal__txt{font-size:1.6rem;color:#fff;margin-bottom:10px}@media screen and (max-width:599px){.works-modal__txt{font-size:12px}}.works-modal__txt span{display:inline-block}.works-modal__txt span:first-child{padding-right:5px}.works-modal__link-href:hover::after{transform:scale(1,1)}.top__cont{position:absolute;right:0;top:50%;transform:translateY(-50%);z-index:1;background-color:#da0463;width:75%;height:65%;opacity:.2}@media screen and (max-width:1024px){.top__cont{width:100%;height:80%;right:initial;left:50%;top:44%;transform:translate(-50%,-50%)}}@media screen and (max-width:599px){.top__cont{font-size:5.8rem;height:70%}}.top__cont__head{position:absolute;top:50%;transform:translateY(-50%);left:13%;font-size:8vw;color:#fff;font-weight:700;font-family:YuMincho,"Yu Mincho"}@media screen and (max-width:1200px){.top__cont__head{font-size:6.6vw}}@media screen and (max-width:1024px){.top__cont__head{font-size:5.5rem;left:8%;top:30%}}.about__cont{position:absolute;display:flex;justify-content:space-between;left:-100%;top:50%;transform:translateY(-50%);z-index:1;background-color:#2b2b2b;box-shadow:10px 10px 10px 0;width:100%;max-width:1200px;height:550px;box-shadow:0 1.9px 2.5px rgba(0,0,0,.057),0 5px 6.1px rgba(0,0,0,.076),0 10.1px 11.4px rgba(0,0,0,.086),0 19.2px 19.8px rgba(0,0,0,.092),0 38.4px 34.8px rgba(0,0,0,.1),0 101px 74px rgba(0,0,0,.13);transition:all 2s}.about__cont.js-fadein{left:0}@media screen and (max-width:1024px){.about__cont.js-fadein{left:50%}}.about__cont.js-color{background-color:#1f9c3a}@media screen and (max-width:1400px){.about__cont{top:30%;height:450px;max-width:initial;display:block}}@media screen and (max-width:1024px){.about__cont{width:100%;max-width:800px;height:440px;top:30%;left:50%;opacity:.9;transform:translate(-50%,-50%)}}.about__cont-left{position:relative;padding-right:30px}@media screen and (max-width:1024px){.about__cont-left{padding-right:0}}.about__cont-right{position:relative;height:550px;width:100%}@media screen and (max-width:1400px){.about__cont-right{width:400px;height:400px;margin:30px auto 0}}@media screen and (max-width:1024px){.about__cont-right{width:350px;height:350px}}@media screen and (max-width:599px){.about__cont-right{width:300px;height:300px}}.about__cont-right img,.skills__cont__more__line::before{display:block;position:absolute;top:0;left:0;height:550px}@media screen and (max-width:1400px){.about__cont-right img{height:400px}}@media screen and (max-width:1024px){.about__cont-right img{height:300px}}.about__cont-right img.about__cont-right__color{display:none;z-index:2}.about__cont__bg-txt{writing-mode:vertical-lr;text-orientation:sideways;overflow:hidden;font-size:16rem;color:#0d0d0d;height:550px;line-height:1.1;position:absolute;font-weight:700;left:0;transition:all 2s}@media screen and (max-width:1400px){.about__cont__bg-txt{height:440px;top:-30px}}@media screen and (max-width:1024px){.about__cont__bg-txt{height:400px}}@media screen and (max-width:599px){.about__cont__bg-txt{font-size:10rem}}.about__cont__bg-txt__web{display:block;text-align:center;letter-spacing:30px}.about__cont__bg-txt__design{display:block;letter-spacing:15px}@media screen and (max-width:1400px){.about__cont__bg-txt__design{letter-spacing:17px}}.about__cont__bg-txt.js-color{color:#218438}.about__cont__txt{z-index:3;position:relative;color:#fff;font-weight:700;line-height:1.8;font-size:2rem}@media screen and (max-width:1024px){.about__cont__txt{font-size:1.6rem}}@media screen and (max-width:599px){.about__cont__txt{font-size:1.3rem}}.about__cont__txt-wrapper{padding-left:40px;width:580px}@media screen and (max-width:1400px){.about__cont__txt-wrapper{width:100%}}@media screen and (max-width:1024px){.about__cont__txt-wrapper{width:100%;padding:0 15px}}.about__cont__txt.head{font-weight:700;font-size:3.2rem;line-height:1.6;margin:30px 0 20px;font-family:YuMincho,"Yu Mincho"}@media screen and (max-width:1400px){.about__cont__txt.head{text-align:center}}@media screen and (max-width:1024px){.about__cont__txt.head{font-size:3rem;padding-top:0}}@media screen and (max-width:599px){.about__cont__txt.head{font-size:2.2rem;margin:25px 0 15px}}.skills__cont{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;background-color:#0463da;width:100%;height:75%;opacity:.7;padding-top:20px}@media screen and (max-width:1024px){.skills__cont{height:100%;opacity:.8}}.skills__cont-inner{position:relative;width:100%;height:100%}.skills__cont-flex{display:flex;justify-content:space-between;width:95%;margin:0 auto 15px}@media screen and (max-width:1024px){.skills__cont-flex{display:block;text-align:center;margin:0 auto}}.skills__cont__more{display:flex;align-items:center;margin-top:40px}@media screen and (max-width:599px){.skills__cont__more{margin-top:20px}}.skills__cont__more-outer{position:absolute;bottom:20px;width:100%}@media screen and (max-width:1024px){.skills__cont__more-outer{position:initial}}.skills__cont__more__line{width:80%;position:relative;margin-right:15px}@media screen and (max-width:1024px){.skills__cont__more__line{width:60%}}.skills__cont__more__line.js-line_trigger::before{width:100%}.skills__cont__more__line::before{content:"";width:0;height:2px;background:#fff;transition:1s}.skills__cont__more__txt{font-family:YuMincho,"Yu Mincho";font-weight:700;font-size:3.5rem;color:#fff}@media screen and (max-width:1200px){.skills__cont__more__txt{font-size:2.5rem}}@media screen and (max-width:1024px){.skills__cont__more__txt{font-size:2rem}}.skillbar{position:relative;display:inline-block;margin:15px 0;background:#eee;height:70px;width:45%;border-radius:3px}@media screen and (max-width:1024px){.skillbar{width:90%;height:50px;margin:10px auto;text-align:left}}@media screen and (max-width:599px){.skillbar{height:40px}}.skillbar-title{position:absolute;top:0;left:0;background-color:#fff;border-top-left-radius:3px;border-bottom-left-radius:3px;padding:10px 20px}.skillbar-bar{height:70px;width:0;border-radius:3px;display:inline-block}@media screen and (max-width:1024px){.skillbar-bar{height:50px}}@media screen and (max-width:599px){.skillbar-bar{height:40px}}.skillbar-percent__once{position:absolute;right:10px;top:0;font-size:1.3rem;line-height:70px;color:#0463da;text-shadow:0 0 10px #0463da,0 0 15px #0463da}@media screen and (max-width:1024px){.skillbar-percent__once{line-height:50px}}@media screen and (max-width:599px){.skillbar-percent__once{height:40px}}.skillbar-percent.-fix{font-size:4rem}.skillbar-percent.-fix2{font-size:3rem}.skillbar-percent.good-score{font-weight:900}.skillbar.-html .skillbar-bar{background:#d35400}.skillbar.-html .skillbar-title{width:80px;height:70px}@media screen and (max-width:1024px){.skillbar.-html .skillbar-title{width:65px;height:50px;padding:2px 17px}}@media screen and (max-width:599px){.skillbar.-html .skillbar-title{width:59px;height:40px}}.skillbar.-react .skillbar-bar{background:#61dafb}.skillbar.-react .skillbar-title{width:82px;height:70px;padding:0 10px}@media screen and (max-width:1024px){.skillbar.-react .skillbar-title{width:65px;height:50px;padding:0 12px}}@media screen and (max-width:599px){.skillbar.-react .skillbar-title{height:40px;width:59px}}.skillbar.-css .skillbar-bar{background:#123cd4}.skillbar.-css .skillbar-title{width:80px;height:70px}@media screen and (max-width:1024px){.skillbar.-css .skillbar-title{width:65px;height:50px;padding:3px 17px}}@media screen and (max-width:599px){.skillbar.-css .skillbar-title{height:40px;width:59px}}.skillbar.-wordpress .skillbar-bar{background:#454342}.skillbar.-wordpress .skillbar-title{width:82px;height:70px;padding:4px 11px}@media screen and (max-width:1024px){.skillbar.-wordpress .skillbar-title{width:65px;height:50px;padding:4px 13px}}@media screen and (max-width:599px){.skillbar.-wordpress .skillbar-title{height:40px;width:59px}}.skillbar.-javascript .skillbar-bar{background:#f4de50}.skillbar.-javascript .skillbar-title{width:80px;height:70px;padding:10px 15px}@media screen and (max-width:1024px){.skillbar.-javascript .skillbar-title{width:65px;height:50px;padding:7px 17px}}@media screen and (max-width:599px){.skillbar.-javascript .skillbar-title{height:40px;width:59px}}.skillbar.-next .skillbar-bar{background:#000}.skillbar.-next .skillbar-title{width:82px;height:70px;padding:8px 13px}@media screen and (max-width:1024px){.skillbar.-next .skillbar-title{width:65px;height:50px;padding:3px 13px}}@media screen and (max-width:599px){.skillbar.-next .skillbar-title{height:40px;width:59px}}.skillbar.-vue .skillbar-bar{background:#64b587}.skillbar.-vue .skillbar-title{width:80px;height:70px;padding:10px 7px}@media screen and (max-width:1024px){.skillbar.-vue .skillbar-title{width:65px;height:50px;padding:10px 12px}}@media screen and (max-width:599px){.skillbar.-vue .skillbar-title{height:40px;width:59px;padding:8px 12px}}.skillbar.-nuxt .skillbar-bar{background:#58c192}.skillbar.-nuxt .skillbar-title{width:80px;height:70px;padding:9px 5px}@media screen and (max-width:1024px){.skillbar.-nuxt .skillbar-title{width:65px;height:50px;padding:9px 10px}}@media screen and (max-width:599px){.skillbar.-nuxt .skillbar-title{height:40px;width:59px;padding:6px 10px}}.works__cont{position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:1;background-color:#7b04da;width:100%;height:92%;opacity:.7;padding-top:20px}@media screen and (max-width:1024px){.works__cont{height:100%;opacity:.8}}.works__cont__circle{-webkit-user-select:none;user-select:none;margin:0 auto 20px;width:160px;height:160px;border-radius:50%;background:#fff;text-align:center;line-height:160px;color:#000;font-size:3rem;font-weight:700;letter-spacing:.1em;text-shadow:0 15px 10px rgba(0,0,0,.5);font-family:YuMincho,"Yu Mincho"}@media screen and (max-width:1024px){.works__cont__circle{width:120px;height:120px;line-height:120px;font-size:2.5rem}}@media screen and (max-width:599px){.works__cont__circle{width:90px;height:90px;line-height:90px;font-size:1.8rem}}.works__cont__tab{width:80%;display:flex;justify-content:space-between;align-items:center;margin:0 auto 30px;text-align:center}@media screen and (max-width:599px){.works__cont__tab{margin:0 auto 15px;width:95%}}.works__cont__tab__item{cursor:pointer;background-color:#000;color:#fff;padding:18.5px;font-size:1.6rem;width:32%;-webkit-user-select:none;user-select:none}.works__cont__tab__item:not(:last-of-type){margin-right:30px}@media screen and (max-width:1024px){.works__cont__tab__item{font-size:1.4rem;padding:10px 20px}}@media screen and (max-width:599px){.works__cont__tab__item{font-size:1.3rem;padding:6px 20px}.works__cont__tab__item:not(:last-of-type){margin-right:10px}}.works__cont__tab__item.current{background-color:#fff;padding:15px;color:#000;font-weight:700;font-size:2rem}@media screen and (max-width:1024px){.works__cont__tab__item.current{font-size:1.8rem;padding:7px 15px}}@media screen and (max-width:599px){.works__cont__tab__item.current{font-size:1.5rem;padding:4px 15px}}.flipster{max-width:1024px;margin:auto;padding-bottom:15px}.flipster__nav{margin-bottom:2em}@media screen and (max-width:599px){.flipster__nav{margin-bottom:20px}}.flipster__nav__link{color:#fff}@media screen and (max-width:599px){.flipster__nav__link{padding:5px 1em;font-size:12px}}.flipster__nav__item--current .flipster__nav__link::after,.flipster__nav__link::after{background:#fff}.flipster__nav__link:hover{color:#000}.flipster__nav__item--current .flipster__nav__link{color:#000;font-weight:700}.flipster__button svg{color:#fff;width:3em}.flipster__item img{box-shadow:0 12px 10px -6px rgba(0,0,0,.3);width:430px}@media screen and (max-width:599px){.flipster__item img{width:300px}}.flip-items{display:none}.hide{display:none!important}.contact__cont{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;background-color:silver;width:90%;height:90%;opacity:.8}@media screen and (max-width:1024px){.contact__cont{opacity:.9;height:100%;width:100%}}.contact__cont__thank{display:inline-block;position:absolute;right:40px;top:50%;transform:translateY(-50%);font-size:6vw;font-family:"Inconsolata";color:#333}@media screen and (max-width:1300px){.contact__cont__thank{font-size:5vw}}@media screen and (max-width:1024px){.contact__cont__thank{top:initial;bottom:12%;right:5%;font-size:3.7rem}}@media screen and (max-width:599px){.contact__cont__thank{bottom:5%}}.contact__cont__thank .t-container.border{border-bottom:solid 5px #333;transition:2s}@media screen and (max-width:1024px){.contact__cont__thank .t-container.border{border-bottom:solid 2px #333}}.contact__cont__head{color:#333;font-size:1.8rem;padding:30px 0 20px;font-weight:700;text-align:center;font-family:YuMincho,"Yu Mincho"}@media screen and (max-width:1024px){.contact__cont__head{font-size:1.6rem;padding:30px 10px 20px}}@media screen and (max-width:599px){.contact__cont__head{font-size:1.4rem;padding:15px 10px}}.contact__cont__form{margin-left:40px;margin-top:40px;color:#333}@media screen and (max-width:1024px){.contact__cont__form{margin:0 10px}}.contact__cont__form__item{margin-bottom:30px;max-width:500px;font-size:1.8rem}@media screen and (max-width:1024px){.contact__cont__form__item{font-size:1.4rem;margin-bottom:20px}}@media screen and (max-width:599px){.contact__cont__form__item{margin-bottom:10px}}.contact__cont__form__item input,.contact__cont__form__item textarea{padding:10px 15px;background-color:#fff;color:#333;border-radius:10px;margin-top:10px;display:block;max-width:500px;width:100%;box-shadow:0 0 8px 3px #ccc inset;font-size:1.6rem}@media screen and (max-width:599px){.contact__cont__form__item input,.contact__cont__form__item textarea{padding:5px 15px}}.contact__cont__form__item textarea{height:200px}@media screen and (max-width:599px){.contact__cont__form__item textarea{height:150px}}.contact__cont__form__item .required-mark{color:#da0463}.contact__cont__form__submit.contact__cont__form__item{max-width:120px;text-align:center}.contact__cont__form__submit.contact__cont__form__item input{padding:10px}.error_email,.error_email_required,.error_required{color:#da0463;font-size:1.4rem}