@charset "UTF-8";

/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.6.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */
 .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}@-webkit-keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{from,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{from,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}@keyframes jello{from,11.1%,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-0.78125deg) skewY(-0.78125deg);transform:skewX(-0.78125deg) skewY(-0.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-0.1953125deg) skewY(-0.1953125deg);transform:skewX(-0.1953125deg) skewY(-0.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{from,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{from,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1.2s;-o-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:cubic-bezier(0,.58,.4,.99);-o-animation-timing-function:cubic-bezier(0,.58,.4,.99);animation-timing-function:cubic-bezier(0,.58,.4,.99)}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-animation-duration:0.75s;animation-duration:0.75s;-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.jackInTheBox{-webkit-animation-name:jackInTheBox;animation-name:jackInTheBox}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}

/* -------------------------------------------

		1. 共通設定

	------------------------------------------- */

* {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

html,body {
	height: 100%;
	margin: 0;
	padding: 0;
}

.clear {
	clear: both;
}

a img {
	border: 0;
}

h1 {
	
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}


/* -------------------------------------------

		2. フォント・リンク設定

	------------------------------------------- */

html,
body {
	/* font-size: 100%; 16px */
	font-size: 62.5%; /* 10px */
}

body {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #000;
	font-family: "游ゴシック", "Yu Gothic", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

a {
	color: #000;
	text-decoration: none;
	/*-webkit-tap-highlight-color: rgba(0,0,0,0); */
}

/* 選択時 */

/*
::selection {

}

::-moz-selection {

}
*/


/* -------------------------------------------

		3. 段落設定

	------------------------------------------- */

#container {
	margin: 0;
	padding: 0;
}

div#container {
	width: 100%;
	position: relative;
	margin: 0 auto;
	padding: 0;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	text-align: left;
}

header {
	width: 100%;
	margin: 0 auto;
}

footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	margin:0 auto;
}


/* -------------------------------------------

		3. ページ設定

	------------------------------------------- */


/* ページ設定 */

/*

		1. COMMON
			- DISPLAY
			- WRAPPER

		2. HEADER / FOOTER
		3. HERO
		4. INTRO
		5. START
		6. ABOUT
		7. TARGET
		8. WHERE
		9. WHATS


		999. DEFINE
		999. WANKOBANASHI
		999. ELSE
		999. WORLD
		999. FIN

*/

/* -------------------------------------------
		1. COMMON
	------------------------------------------- */

/* DISPLAY */

@media screen and (min-width: 768px) {
	.dn-pc {
		display: none;
	}
}
@media screen and (max-width: 768px) {
	.dn-sp {
		display: none;
	}
	.tablet.portrait .dn-sp {
		display: inline;
	}
}

/* WRAPPER */

.contents {
	background-color: #fff;
	background-image: url(../images/otkun/bg-check.png);
	background-repeat: repeat;
	background-size: 14px 14px;
}
.wrapper {
	position: relative;
	width: 1000px;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.contents {
		background-size: 11px 11px;
	}
	.wrapper {
		width: 100%;
	}
}

/* RUBY */

[data-ruby] {
	position: relative;
}
[data-ruby]::before {
	content: attr(data-ruby);
	position: absolute;
	top: -18px;
	left: 0;
	right: 0;
	margin: auto;
	font-weight: normal;
	font-size: 11px;
	text-align: center;
	letter-spacing: .3em;
	white-space: nowrap;
}

/* FONT */

.ff-times {
	font-family: 'Times New Roman', serif;
	font-size: 1.3em;
	padding-left: 3px;
	font-weight: normal;
}

/* MODAL */

#lean_overlay {
	display: none;
	position: fixed;
	z-index: 300;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #000;
}
.modal {
	display: none;
	position: relative;
	width: auto;
}

/* -------------------------------------------
		2. HEADER / FOOTER
	------------------------------------------- */

header {
	width: 1000px;
	max-width:  100%;
	margin: 0 auto;
	padding: 19px 0 12px;
	background-color: #fff;
}
.header__logo {
	width: 234px;
	height: 56px;
}
@media screen and (max-width: 768px) {
	header {
		width:  100%;
		padding: 15px 15px 8px;
	}
	.header__logo {
		width: 140px;
		height: auto;
	}
}

footer {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #fffbc7;
	overflow: hidden;
}
.footer__content {
	position: relative;
	background-color: #fff;
	padding: 82px 0 55px;
}
.footer__logo {
	text-align: center;
}
.footer__logo img {
	width: 98px;
	height: 96px;
}
.footer__text {
	margin-top: 40px;
	text-align: center;
	font-weight: bold;
	font-size: 21px;
	line-height: 1.85;
}
.footer__chara {
	margin-top: 40px;
	display: flex;
	justify-content: center;
}
.footer__chara__item {
	flex: 0 0 170px;
	margin: 0 14px;
	transition: all .5s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
	transform: scale(1,1);
	/*transform-origin: bottom center;*/
}
.footer__chara__item.is-big {
	transform: scale(1.3,1.3);
}
.footer__chara__item img {
	width: 100%;
	height: auto;
}
.footer__heart {
	position: absolute;
	top: 42px;
	right: -100px;
	width: 136px;
	opacity: 0;
	transition: all .5s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
}
.footer__heart.is-show {
	right: 0;
	opacity: 100;
}
.footer__heart img {
	width: 100%;
	height: auto;
}
.footer__copy {
	padding: 50px 0;
	text-align: center;
	font-size: 11px;
}
@media screen and (max-width: 768px) {
	.footer__content {
		padding: 80px 0 40px;
	}
	.footer__logo img {
		width: 15%;
		height: auto;
	}
	.footer__text {
		margin-top: 40px ;
		font-size: 18px;
	}
	.footer__chara {
		margin: 40px auto 0;
		max-width: 89.3332%;
	}
	.footer__chara__item {
		flex: 0 0 25%;
		margin: 0 2%;
	}
	.footer__heart {
		position: absolute;
		top: 3%;
		right: -1%;
		width: 18%;
	}
	.footer__heart.is-show {
		right: 7%;
	}
}


/* -------------------------------------------
		3. HERO
	------------------------------------------- */

.hero {
	background-color: #fffbc7;
}
.hero__wrapper {
	padding: 20px 0 120px;
}
.hero__title {
	text-align: center;
	font-size: 0;
}
.hero__title img {
	width: 490px;
	height: auto;
}
.hero__square {
	position: absolute;
	width: 120px;
	height: 120px;
}
.hero__square-top {
	top: -12px;
	right: 12px;
}
.hero__square-bottom {
	bottom: 70px;
	left: 12px;
}
.hero__square img {
	width: 100%;
	height: auto;
}
.hero__image {
	margin: 30px auto 0;
	position: relative;
	text-align: center;
	width: 590px;
	height: 320px;
}
.hero__image__item {
	position: absolute;
	width: 100%;
	opacity: 0;
}
.hero__image__item.is-show {
	opacity: 100;
}
.hero__image__item img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.hero__wrapper {
		padding: 30px 0 120px;
	}
	.hero__title img {
		width: 90%;
		max-width: 500px;
		height: auto;
	}
	.hero__square {
		width: 10%;
		height: auto;
	}
	.hero__square-top {
		top: -5%;
		top: -2.4%;
	}
	.hero__square-bottom {
		bottom: 5%;
	}
	.hero__image {
		margin: 30px auto 0;
		width: 89.3332%;
		max-width: 560px;
		height: 0;
		padding-bottom: 35%;
	}
}


/* -------------------------------------------
		4. INTRO
	------------------------------------------- */

.intro {
	background-color: #fff;
	background-image: url(../images/otkun/bg-dot-white.png);
	background-repeat: repeat;
	background-size: 9px 9px;
}
.intro__inner {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 110px 110px 0 0;
}
.intro__bg {
	z-index: 3;
	position: absolute;
	width: 100%;
}
.intro__bg img {
	width: 100%;
	height: auto;
}
.intro__bg-blue {
	z-index: 1;
	position: absolute;
	width: 100%;
}
.intro__bg-blue img {
	width: 100%;
	height: auto;
}
.intro__wrapper {
	padding: 0 0 140px;
}
.intro__qustion {
	position: relative;
	z-index: 3;
	width: 100%;
	display: flex;
	justify-content: center;
}
.intro__qustion__item {
	flex: 0 0 120px;
	margin: 0 5px;
}
.intro__qustion__item img {
	width: 100%;
	height: auto;
}
.intro__title {
	z-index: 3;
	position: relative;
	width: 480px;
	height: 230px;
	margin: 135px auto 0;
	font-size: 0;
}
.intro__title__item {
	position: absolute;
	width: 100%;
	opacity: 0;
}
.intro__title__item.is-show {
	opacity: 100;
}
.intro__title__item-moji img {
	transition: all 0.8s cubic-bezier(.645,.045,.355,1);
	transform: scaleY(0);
	/*transform-origin: center;*/
}
.intro__title__item-moji.is-show img {
	transform: scaleY(1);
}

.intro__title__item-first {
	z-index: 10;
}
.intro__title__item-curtain {
	overflow: hidden;
	border-radius: 60px 60px 0 0;
}
.intro__title__item-curtain:before {
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.2);
	background: #3bbee8;
}
@keyframes intro__title__curtain {
	0% { transform:translateY(0) }
	50% { transform:translateY(100%) }
	100% { transform:translateY(0); }
}
.intro__title__item-curtain:before {
	animation: intro__title__curtain 3.5s ease infinite;
}

.intro__title__item img {
	width: 100%;
	height: auto;
}
.intro__desc {
	z-index: 3;
	position: relative;
	margin-top: 30px;
	text-align: center;
	font-size: 0;
}
.intro__desc img {
	width: 570px;
	height: auto;
}
.intro__chara-dog {
	z-index: 2;
	position: absolute;
	top: 470px;
	left: 3px;
	width: 172px;
	height: 224px;
	transition: all .8s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
}
.intro__chara-dog.is-show {
	left: 35px;
}
.intro__chara-people {
	z-index: 2;
	position: absolute;
	top: 400px;
	right: 12px;
	width: 160px;
	height: 230px;
	transition: all .8s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
	transition-delay: 500ms;
}
.intro__chara-people.is-show {
	right: 44px;
}
.intro__chara-dog img {
	width: 100%;
	height: auto;
}
.intro__chara-people img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.intro {
		background-size: 7px 7px;
	}
	.intro__inner {
		width: 89.3332%;
		overflow: hidden;
		border-radius: 8% 8% 0 0;
	}
	.desktop.portrait .intro__bg-blue img.dn-sp,
	.desktop.portrait .intro__bg img.dn-sp {
		display: none;
	}
	.desktop.portrait .intro__bg-blue img.dn-sp,
	.desktop.portrait .intro__bg img.dn-sp {
		display: inline;
	}
	.intro__wrapper {
		padding: 0 0 30px;
	}
	.intro__qustion__item {
		flex: 0 0 60px;
		margin: 0 3px;
	}
	.tablet.portrait .intro__qustion__item,
	.desktop.portrait .intro__qustion__item {
		flex: 0 0 120px;
		margin: 0 3px;
	}
	.intro__qustion__item:first-child {
		display: none;
	}
	.intro__title {
		width: 70%;
		height: auto;
		margin: 17% auto 0;
		padding-bottom: 35%;
	}
	.tablet.portrait .intro__title {
		margin: 18% auto 0;
	}
	.intro__desc {
		margin-top: 15%;
	}
	.tablet.portrait .intro__desc {
		margin-top: 12%;
	}
	.intro__desc img {
		width: 93%;
	}
	.tablet.portrait .intro__desc img {
		width: 82%;
	}
	.intro__chara-dog {
		/*
		top: 157px;
		left: 1px;
		width: 60px;
		height: 80px;
		*/
		top: 40%;
		left: -15px;
		width: 18%;
		height: 17%;
	}
	.tablet.portrait .intro__chara-dog {
		top: 44%;
		left: 1px;
	}
	.intro__chara-dog.is-show {
		left: -5px;
	}
	.desktop.portrait .intro__chara-dog.is-show,
	.tablet.portrait .intro__chara-dog.is-show {
		left: 20px;
	}
	.intro__chara-people {
		/*
		top: 135px;
		right: 0;
		width: 60px;
		height: 90px;
		*/
		top: 37%;
		right: -18px;
		width: 18%;
		height: 19%;
	}
	.tablet.portrait .intro__chara-people {
		top: 40%;
		right: 0;
	}
	.intro__chara-people.is-show {
		right: -6px;
	}
	.desktop.portrait .intro__chara-people.is-show,
	.tablet.portrait .intro__chara-people.is-show {
		right: 14px;
	}
}


/* -------------------------------------------
		4. PROF
	------------------------------------------- */

.prof {
	position: relative;
	margin-top: 0px;
	background-color: #fff;
	background-image: url(../images/otkun/bg-dot-blue.png);
	background-repeat: repeat;
	background-size: 9px 9px;
	padding: 0 0 115px;
}
.prof__inner {
	z-index: 1;
	position: relative;
	width: 1040px;
	margin: 0 auto 0;
	background: #fff;
	padding: 100px 0 60px;
	border-radius: 0 0 100px 100px;
}
.prof__content {
	width: 100%;
	display: flex;
	justify-content: center;
}
.prof__content__item {
	flex: 0 0 510px;
}
.prof__content__title {
	text-align: center;
}
.prof__content__title img {
	width: 270px;
	height: auto;
}
.prof__content__image {
	margin-top: 20px;
	position: relative;
	min-height: 440px;
}
.prof__content__image__item {
	position: absolute;
	width: 100%;
	opacity: 0;
}
.prof__content__image__item.is-show {
	opacity: 100;
}
.prof__content__image__item img {
	width: 100%;
	height: auto;
}
.prof__content__and {
	position: absolute;
	top: 124px;
	left: 50%;
	margin-left: -8px;
	width: 16px;
	height: 20px;
}
.prof__content__and img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.prof {
		padding: 0 0 50px;
		background-size: 7px 7px;
	}
	.prof__inner {
		width: 89.3332%;
		margin: 0 auto 0;
		padding: 30px 0 0;
		border-radius: 0 0 64px 64px;
	}
	.prof__content {
		display: block;
	}
	.prof__content__title img {
		width: 176px;
		width: 52.54%;
	}
	.desktop.portrait .prof__content__title img,
	.tablet.portrait .prof__content__title img {
		width: 40%;
	}
	.desktop.portrait .prof__content__title img.dn-pc {
		display: inline;
	}
	.desktop.portrait .prof__content__title img.dn-sp {
		display: none;
	}
	.prof__content__image {
		margin: 5px auto 0;
		min-height: auto;
		padding-bottom: 84%;
		width: 90%;
	}
	.prof__content__item:nth-child(2) .prof__content__image {
		margin-top: 7%;
	}
	.prof__content__and {
		display: none;
	}
}



/* -------------------------------------------
		5. START
	------------------------------------------- */

.start {
	padding: 140px 0 120px;
}
.start__text {
	text-align: center;
	font-size: 0;
}
.start__text img {
	width: 570px;
	height: auto;
}
.start__title {
	position: relative;
	width: 700px;
	height: 100px;
	margin: 40px auto 0;
	font-size: 0;
}
.start__title__item {
	position: absolute;
	width: 100%;
	opacity: 0;
}
.start__title__item.is-show {
	opacity: 1;
}
.start__title__item img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.start {
		padding: 60px 0;
	}
	.start__text img {
		width: 89.3332%;
	}
	.start__title {
		width: 89.3332%;
		height: auto;
		margin: 30px auto 0;
		padding-bottom: 10%;
	}
}


/* -------------------------------------------
		6. ABOUT
	------------------------------------------- */

.about {
	padding: 220px 0 90px;
	overflow: hidden;
}
.about__inner {
	position: relative;
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	border-radius: 120px;
	padding: 100px 0 140px 200px;
}
.about__title {
	font-weight: bold;
	font-size: 37px;
	line-height: 1.6;
	letter-spacing: .12em;
}
.about__title [data-ruby]::before {
	top: -18px;
	font-size: 11px;
	letter-spacing: .3em;
}
.about__text {
	margin-top: 60px;
	font-weight: bold;
	font-size: 19px;
	line-height: 2;
}
.about__text + .about__text {
	margin-top: 1.5em;
}
.about__chara {
	position: absolute;
	width: 280px;
	height: 90px;
	bottom: 0;
	right: 280px;
}
.about__chara img {
	width: 100%;
	height: auto;
}
.about__toilet,
.about__ramen,
.about__human,
.about__heart {
	position: absolute;
	transition: all 1.1s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
	/*transition-delay: 200ms;*/
}
.about__toilet {
	width: 220px;
	height: 540px;
	top: 440px;
	right: -300px;
	transition-delay: 300ms;
}
.about__toilet.is-show {
	right: -130px;
}
.about__ramen {
	width: 500px;
	height: 420px;
	top: 260px;
	left: -420px;
	transition-delay: 100ms;
}
.about__ramen.is-show {
	left: -320px;
}
.about__human {
	width: 150px;
	height: 290px;
	z-index: 1;
	top: -8px;
	right: 0;
	opacity: 0;
}
.about__human.is-show {
	right: 130px;
	opacity: 100;
}
.about__heart {
	width: 410px;
	height: 330px;
	top: -200px;
	right: 1px;
	opacity: 0;
}
.about__heart.is-show {
	opacity: 100;
	top: -55px;
}
.about__toilet img,
.about__ramen img,
.about__human img,
.about__heart img {
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.about {
		padding: 70px 0;
	}
	.about__inner {
		width: 89.3332%;
		border-radius: 64px;
		padding: 60px 40px;
	}
	.tablet.portrait .about__inner {
		padding: 60px;
	}
	.about__title {
		font-size: 22px;
		letter-spacing: 0;
	}
	.desktop.portrait .about__title,
	.tablet.portrait .about__title {
		font-size: 32px;
	}
	.about__title [data-ruby]::before {
		font-size: 10px;
		letter-spacing: -.1em;
	}
	.tablet.portrait .about__title [data-ruby]::before {
		font-size: 11px;
		letter-spacing: .1em;
	}
	.about__text {
		margin-top: 30px;
		font-size: 15px;
	}
	.desktop.portrait .about__text,
	.tablet.portrait .about__text {
		font-size: 18px;
	}
	.about__chara {
		width: 196px;
		width: 204px;
		height: 63px;
		right: 0;
		border-radius: 0 0 64px 0;
		overflow: hidden;
		padding-right: 2%;
	}
	.desktop.portrait .about__chara,
	.tablet.portrait .about__chara {
		width: 224px;
		height: 78px;
		right: 16%;
	}
	.about__toilet {
		width: 25%;
		height: 18%;
		top: 52%;
		right: -22%;
	}
	.about__toilet.is-show {
		right: -15%;
	}
	.desktop.portrait .about__toilet.is-show {
		right: -20%;
	}
	.about__ramen {
		width: 46.57%;
		height: 21%;
		top: 28%;
		left: -40%;
	}
	.desktop.portrait .about__ramen,
	.tablet.portrait .about__ramen {
		width: 36%;
		top: 35%;
	}
	.desktop.portrait .about__ramen img.dn-sp {
		display: none;
	}
	.desktop.portrait .about__ramen img.dn-pc {
		display: inline;
	}
	.about__ramen.is-show {
		left: -35%;
	}
	.desktop.portrait .about__ramen.is-show {
		left: -30%;
	}
	.tablet.portrait .about__ramen.is-show {
		left: -28%;
	}
	.about__human {
		width: 14.4%;
		height: 10%;
		top: -0.7%;
		right: -2%;
	}
	.about__human.is-show {
		right: 13%;
	}
	.desktop.portrait .about__human,
	.tablet.portrait .about__human {
		top: 2%;
	}
	.about__heart {
		width: 40.6%;
		height: 12%;
		top: -5%;
		right: 0;
	}
	.about__heart.is-show {
		top: -3%;
	}
}



/* -------------------------------------------
		X. QUESTION & ANSWER
	------------------------------------------- */

.question {
	position: relative;
	display: flex;
	justify-content: center;
	margin-top: -3px;
}
.question__content {
	position: relative;
	display: flex;
	justify-content: center;
	background-color: #fff;
}
.question__heading__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 84px;
	height: 84px;
	border: 5px solid #3bbee8;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
}
.question__heading__icon img {
	width: 30px;
	height: auto;
}
.question__heading {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	text-align: center;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.4;
	border: 5px solid #3bbee8;
	padding: 5px 20px 5px 100px;
	min-height: 84px;
	letter-spacing: .15em;
}
.question__heading [data-ruby]::before {
	top: -11px;
	font-size: 11px;
	letter-spacing: normal;
}
.question__heading div [data-ruby]::before {
	top: -15px;
}
@media screen and (max-width: 768px) {
	.question {
		margin: -3px;
	}
	.question__heading__icon {
		width: 60px;
		height: 60px;
		border: 3px solid #3bbee8;
	}
	.tablet.portrait .question__heading__icon {
		width: 68px;
		height: 68px;
	}
	.question__heading__icon img {
		width: 20px;
	}
	.question__heading {
		font-size: 20px;
		padding: 12px 20px 8px 76px;
		min-height: auto;
		letter-spacing: .15em;
		border: 3px solid #3bbee8;
		justify-content: flex-start;
		text-align: left;
	}
	.tablet.portrait .question__heading {
		font-size: 24px;
		min-height: 68px;
		padding: 10px 20px 5px 78px;
	}
	.question__heading [data-ruby]::before {
		top: -8px;
		font-size: 10px;
		letter-spacing: -.1em;
	}
}


.answer {
	position: relative;
	display: flex;
	justify-content: center;
	z-index: 1;
}
.answer__content {
	position: relative;
	width: 876px;
	margin: 0 auto;
	border: 5px solid #3bbee8;
	background-color: #fff;
}
.answer__content:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 15px;
	left: 13px;
	background-image: url(../images/otkun/bg-dot-grey.png);
	background-repeat: repeat;
	background-size: 12px 12px;
	z-index: -1;
}
.answer__heading__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 64px;
	height: 64px;
	border: 5px solid #3bbee8;
	position: absolute;
	top: -64px;
	left: -5px;
	background-color: #fff;
}
.answer__heading__icon img {
	width: 8px;
	height: auto;
}
.answer__heading {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	letter-spacing: .05em;
	text-align: center;
	font-size: 25px;
	line-height: 1.4;
	border-bottom: 3px solid #3bbee8;
	padding: 10px 0;
	min-height: 64px;
}
.answer__heading [data-ruby]::before {
	top: -11px;
	font-size: 10px;
	letter-spacing: normal;
}
.answer__heading div [data-ruby]::before {
	top: -12px;
}
.answer__text {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.8;
	padding: 32px 54px;
}
@media screen and (max-width: 768px) {
	.answer {
		margin: 0 -3px -3px;
	}
	.answer__content {
		width: 100%;
		margin: 0 auto;
		border-radius: 0 0 0 64px;
		border: 3px solid #3bbee8;
	}
	.answer__content:after {
		display: none;
	}
	.answer__heading__icon {
		width: 46px;
		height: 46px;
		top: -46px;
		left: -3px;
		border: 3px solid #3bbee8;
	}
	.answer__heading__icon img {
		width: 6px;
	}
	.answer__heading {
		letter-spacing: .05em;
		text-align: justify;
		font-size: 17px;
		padding: 15px 12px;
		min-height: auto;
		border-bottom: 2px solid #3bbee8;
	}
	.tablet.portrait .answer__heading {
		font-size: 18px;
	}
	.answer__heading [data-ruby]::before {
		font-size: 10px;
		letter-spacing: -.1em;
	}
	.answer__text {
		font-size: 14px;
		padding: 24px 24px 36px;
		text-align: justify;
	}
	.tablet.portrait .answer__text {
		text-align: center;
	}
}


/* -------------------------------------------
		7. TARGET
	------------------------------------------- */

.target {
	padding: 120px 0 180px;
	overflow: hidden;
}
.target__inner {
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.target__content {
	position: relative;
	width: 100%;
	border: 3px solid #3bbee8;
	border-radius: 0 120px 0 120px;
	padding: 0 0 60px;
	background-image: url(../images/otkun/target__image.svg);
	background-repeat: no-repeat;
	background-size: 874px 640px;
	background-position: top 50px center;
}
.target .answer {
	margin-top: 580px;
}
@media screen and (max-width: 768px) {
	.target {
		padding: 0 0 70px;
	}
	.target__inner {
		width: 89.3332%;
		padding: 10px;
	}
	.target__content {
		border-radius: 0 64px 0 64px;
		padding: 0 0 60px;
		padding: 0 0 0;
		background-size: 364px auto;
		background-position: top 20% center;
	}
	.desktop.portrait .target__content,
	.tablet.portrait .target__content {
		background-size: 93% auto;
		background-position: top 19% center;
	}
	.target .answer {
		margin-top: 81%;
	}
	.desktop.portrait .target .answer,
	.tablet.portrait .target .answer {
		margin-top: 65%;
	}
}


/* -------------------------------------------
		8. WHERE
	------------------------------------------- */

.where {
	padding: 0 0 180px;
	overflow: hidden;
}
.where__inner {
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.where__content {
	position: relative;
	width: 100%;
	border: 3px solid #3bbee8;
	border-radius: 0 120px 0 120px;
	padding: 0 0 60px;
	background-image: url(../images/otkun/where__image.svg);
	background-repeat: no-repeat;
	background-size: 1000px 820px;
	background-position: bottom center;
}
.where [data-ruby]::before {
	top: -15px;
}
.where__icon {
	position: absolute;
	width: 64px;
	height: 64px;
	/*background: rgba(0,0,0,0.1);*/
	animation: where__icon__bounce 2s ease infinite;
}
@keyframes where__icon__bounce {
	0% { transform:translateY(0) }
	5% { transform:translateY(0) }
	10% { transform:translateY(0) }
	20% { transform:translateY(-8px) }
	25% { transform:translateY(0) }
	30% { transform:translateY(-1px) }
	50% { transform:translateY(0) }
	100% { transform:translateY(0) }
}
.where__icon a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
.where__icon img {
	width: 12px;
	height: auto;
}
.where__icon-01 {
	top: 324px;
	left: 139px;
}
.where__icon-02 {
	top: 362px;
	left: 275px;
	animation-delay: 1s;
}
.where__icon-03 {
	top: 292px;
	left: 361px;
}
.where__icon-04 {
	top: 415px;
	left: 443px;
}
.where__icon-05 {
	top: 326px;
	left: 552px;
	animation-delay: 1s;
}
.where__icon-06 {
	top: 432px;
	left: 650px;
	animation-delay: 1s;
}
.where__icon-07 {
	top: 365px;
	left: 755px;
}
.where .answer {
	margin-top: 530px;
}
.where__modal {
	z-index: 1;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .6s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
	transform:translateY(20px);
	pointer-events: none;
}
.where__modal.is-show {
	opacity: 1;
	transform:translateY(0);
	pointer-events: auto;
}
.where__modal img {
	width: 398px;
	height: auto;
}
.where__modal#where__modal-01 {
	top: 318px;
	left: 192px;
}
.where__modal#where__modal-02 {
	top: 365px;
	left: 332px;
}
.where__modal#where__modal-03 {
	top: 305px;
	left: 415px;
}
.where__modal#where__modal-04 {
	top: 415px;
	left: 500px;
}
.where__modal#where__modal-05 {
	top: 315px;
	left: 396px;
}
.where__modal#where__modal-06 {
	top: 416px;
	left: 494px;
}
.where__modal#where__modal-07 {
	top: 367px;
	left: 584px;
}
@media screen and (max-width: 768px) {
	.where {
		padding: 0 0 70px;
	}
	.where__inner {
		width: 89.3332%;
		padding: 10px;
	}
	.where__content {
		border-radius: 0 64px 0 64px;
		padding: 0 0 60px;
		padding: 0 0 0;
		background-size: 100% auto;
		background-position: top 22% center;
		background-image: url(../images/otkun/where__image-sp.svg);
	}
	.desktop.portrait .where__content,
	.tablet.portrait .where__content {
		background-position: top 90% center;
		background-image: url(../images/otkun/where__image.svg);
	}
	.where__icon {
		width: 26px;
		height: 26px;
	}
	.tablet.portrait .where__icon {
		width: 42px;
		height: 42px;
	}
	.where__icon img {
		width: 6px;
	}
	.desktop.portrait .where__icon img,
	.tablet.portrait .where__icon img {
		width: 8px;
	}
	.where__icon-01 {
		top: 31.4%;
		left: 10.7%;
	}
	.desktop.portrait .where__icon-01,
	.tablet.portrait .where__icon-01 {
		top: 33.6%;
		left: 14.5%;
	}
	.desktop.portrait .where__icon-01 {
		left: 15.8%;
	}
	.where__icon-02 {
		top: 33.5%;
		left: 26.5%;
	}
	.desktop.portrait .where__icon-02,
	.tablet.portrait .where__icon-02 {
		top: 37.6%;
		left: 27.9%;
	}
	.desktop.portrait .where__icon-02 {
		left: 29.2%;
	}
	.where__icon-03 {
		top: 29.3%;
		left: 36%;
	}
	.desktop.portrait .where__icon-03,
	.tablet.portrait .where__icon-03 {
		top: 30.1%;
		left: 36.4%;
	}
	.desktop.portrait .where__icon-03 {
		left: 37.7%;
	}
	.where__icon-04 {
		top: 36.5%;
		left: 45.8%;
	}
	.desktop.portrait .where__icon-04,
	.tablet.portrait .where__icon-04 {
		top: 43.4%;
		left: 44.7%;
	}
	.desktop.portrait .where__icon-04 {
		left: 46.0%;
	}
	.where__icon-05 {
		top: 31.5%;
		left: 58.4%;
	}
	.desktop.portrait .where__icon-05,
	.tablet.portrait .where__icon-05 {
		top: 33.6%;
		left: 55.5%;
	}
	.desktop.portrait .where__icon-05 {
		left: 56.8%;
	}
	.where__icon-06 {
		top: 37%;
		left: 70.2%;
	}
	.desktop.portrait .where__icon-06,
	.tablet.portrait .where__icon-06 {
		top: 44.6%;
		left: 65.4%;
	}
	.desktop.portrait .where__icon-06 {
		left: 66.7%;
	}
	.where__icon-07 {
		top: 33.5%;
		left: 81.7%;
	}
	.desktop.portrait .where__icon-07,
	.tablet.portrait .where__icon-07 {
		top: 37.6%;
		left: 75.7%;
	}
	.desktop.portrait .where__icon-07 {
		left: 75.7%;
	}
	.where .answer {
		margin-top: 73%;
	}
	.desktop.portrait .where .answer,
	.tablet.portrait .where .answer {
		margin-top: 52%;
	}
	.desktop.portrait .where .answer {
		margin-top: 55.1%;
	}
	.where__modal {
		width: 100%;
	}
	.where__modal#where__modal-01,
	.where__modal#where__modal-02,
	.where__modal#where__modal-03,
	.where__modal#where__modal-04,
	.where__modal#where__modal-05,
	.where__modal#where__modal-06,
	.where__modal#where__modal-07 {
		top: 16%;
		left: 0;
	}
	.where__modal img {
		width: 92%;
		margin: 0 auto;
		display: block;
	}
	.desktop.portrait .where__modal img,
	.tablet.portrait .where__modal img {
		width: 360px;
		max-width: 100%;
	}
	.where .answer__heading div [data-ruby]::before {
		top: -15px;
	}
}



/* -------------------------------------------
		9. WHATS
	------------------------------------------- */

.whats {

}
.whats__slide {

}
.whats__slide.whats__slide-sp {
	display: none;
}
.whats__slide__item {
	outline: none;
	position: relative;
}
.whats__slide__item img.whats__slide__bg {
	display: block;
	width: 100%;
	height: auto;
}
.whats__question,
.whats__answer {
	position: absolute;
	width: 100%;
}
.whats__question .question {
	margin-top: 70px;
	margin-left: -80px;
}
.whats__answer .question {
	margin-top: 70px;
	margin-left: -80px;
}
.whats__answer .question__heading__icon {
	width: 64px;
	height: 64px;
}
.whats__answer .question__heading__icon img {
	width: 6px;
}
.whats__answer .question__heading {
	min-height: 64px;
	letter-spacing: .05em;
	font-size: 25px;
	line-height: 1.4;
	padding: 5px 10px 5px 70px;
	border-radius: 0 0 20px 0;
}
.whats__slide__image {
	position: absolute;
}
.whats__slide__image img {
	width: 100%;
	height: auto;
}
.whats__slide__image-01 {
	width: 870px;
	height: 450px;
	top: 181px;
	left: 164px;
}
.whats__slide__image-02 {
	width: 800px;
	height: 440px;
	top: 218px;
	left: 204px;
}
.whats__slide__image-03 {
	width: 830px;
	height: 400px;
	top: 249px;
	left: 207px;
}
.whats__slide__icon {
	position: absolute;
	width: 64px;
	height: 64px;
	animation: where__icon__bounce 2s ease infinite;
	z-index: 1;
}
.whats__slide__icon a {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	outline: none;
}
.whats__slide__icon img {
	width: 15px;
	height: auto;
}
.whats__slide__icon-02_1 {
	top: 40%;
	left: 36.8%;
}
.whats__slide__icon-02_2 {
	top: 40%;
	left: 55.6%;
	animation-delay: 1s;
}
.whats__slide__icon-03_1 {
	top: 40%;
	left: 40%;
}
.whats__slide__icon-03_2 {
	top: 40%;
	left: 74%;
	animation-delay: 1s;
}
.whats__slide__popup {
	position: absolute;
	width: 240px;
	height: 250px;
	z-index: 2;
	transform: translateY(10px);
	transition: all .2s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
	opacity: 0;
	cursor: pointer;
	pointer-events: none;
}
.whats__slide__popup.is-show {
	opacity: 1;
	transform: translateY(0);
	pointer-events: initial;
}
.whats__slide__popup img {
	width: 100%;
	height: auto;
}
.whats__slide__popup-02_1 {
	top: 18%;
	left: 32%;
}
.whats__slide__popup-02_2 {
	top: 13%;
	left: 44.4%;
}
.whats__slide__popup-03_1 {
	top: 20%;
	left: 34.5%;
}
.whats__slide__popup-03_2 {
	top: 20%;
	left: 68%;
}
.slick-arrow {
	z-index: 1;
	appearance: none;
	border: 0;
	outline: none;
	cursor: pointer;
	display: block;
	width: 36px;
	height: 36px;
	font-size: 0;
	background-color: transparent;
	background-image: url(../images/otkun/slide__arrow-prev.svg);
	background-repeat: no-repeat;
	background-size: 36px 36px;
	background-position: center center;
	position: absolute;
	top: 50%;
	margin-top: -18px;
}
.slick-arrow.slick-prev {
	background-image: url(../images/otkun/slide__arrow-prev.svg);
	left: 5%;
}
.slick-arrow.slick-next {
	background-image: url(../images/otkun/slide__arrow-next.svg);
	right: 5%;
}
@media screen and (max-width: 768px) {
	.whats {

	}
	.whats__slide {

	}
	.whats__slide.whats__slide-pc {
		display: none;
	}
	.whats__slide.whats__slide-sp {
		display: block;
	}
	.desktop.portrait .whats__slide.whats__slide-pc,
	.tablet.portrait .whats__slide.whats__slide-pc {
		display: block;
	}
	.desktop.portrait .whats__slide.whats__slide-sp,
	.tablet.portrait .whats__slide.whats__slide-sp {
		display: none;
	}
	.whats__question,
	.whats__answer {
		display: none;
		position: absolute;
		width: 100%;
	}
	.whats__question .question {
		margin-top: 70px;
		margin-left: -80px;
	}
	.whats__answer .question {
		margin-top: 70px;
		margin-left: -80px;
	}
	.whats__answer .question__heading__icon {
		width: 64px;
		height: 64px;
	}
	.whats__answer .question__heading__icon img {
		width: 6px;
	}
	.whats__answer .question__heading {
		min-height: 64px;
		letter-spacing: .05em;
		font-size: 25px;
		line-height: 1.4;
		padding: 5px 10px 5px 70px;
		border-radius: 0 0 20px 0;
	}
	.whats__slide__image-01 {
		width: 80%;
		height: auto;
		top: 20%;
		left: 9%;
	}
	.whats__slide__image-02 {
		width: 80%;
		height: auto;
		top: 19%;
		left: 10%;
	}
	.whats__slide__image-03 {
		width: 80%;
		height: auto;
		top: 25.4%;
		left: 10%;
	}
	.whats__slide__icon {
		width: 44px;
		height: 44px;
	}
	.tablet.portrait .whats__slide__icon {
		width: 60px;
		height: 60px;
	}
	.whats__slide-sp .whats__slide__icon img {
		width: 15px;
	}
	.desktop.portrait .whats__slide__icon img,
	.tablet.portrait .whats__slide__icon img {
		width: 11px;
	}
	.whats__slide-sp .whats__slide__icon-02_1 {
		top: 45%;
		left: 61.9%;
	}
	.desktop.portrait .whats__slide__icon-02_1,
	.tablet.portrait .whats__slide__icon-02_1 {
		top: 38%;
		left: 35.5%;
	}
	.whats__slide-sp .whats__slide__icon-02_2 {
		top: 44.6%;
		left: 23.4%;
	}
	.desktop.portrait .whats__slide__icon-02_2,
	.tablet.portrait .whats__slide__icon-02_2 {
		top: 38%;
		left: 54.5%;
	}
	.whats__slide__icon-03_1 {
		top: 44%;
		left: 66%;
	}
	.desktop.portrait .whats__slide__icon-03_1,
	.tablet.portrait .whats__slide__icon-03_1 {
		top: 37%;
		left: 38.8%;
	}
	.whats__slide__icon-03_2 {
		top: 46%;
    left: 61%;
	}
	.desktop.portrait .whats__slide__icon-03_2,
	.tablet.portrait .whats__slide__icon-03_2 {
		top: 37%;
		left: 73%;
	}
	.whats__slide-sp .whats__slide__popup {
		width: 186px;
		height: 196px;
	}
	.desktop.portrait .whats__slide__popup,
	.tablet.portrait .whats__slide__popup {
		width: 180px;
		height: 188px;
	}
	.whats__slide__popup-02_1 {
		top: 23%;
		left: 39%;
	}
	.desktop.portrait .whats__slide__popup-02_1,
	.tablet.portrait .whats__slide__popup-02_1 {
		top: 14%;
		left: 30%;
	}
	.whats__slide__popup-02_2 {
		top: 23%;
		left: 7%;
	}
	.desktop.portrait .whats__slide__popup-02_2,
	.tablet.portrait .whats__slide__popup-02_2 {
		top: 10%;
		left: 45%;
	}
	.whats__slide__popup-03_1 {
		top: 23%;
		left: 43%;
	}
	.desktop.portrait .whats__slide__popup-03_1,
	.tablet.portrait .whats__slide__popup-03_1 {
		top: 15%;
		left: 33%;
	}
	.whats__slide__popup-03_2 {
		top: 26%;
		left: 43%;
	}
	.desktop.portrait .whats__slide__popup-03_2,
	.tablet.portrait .whats__slide__popup-03_2 {
		top: 15%;
		left: 68%;
	}
	.whats__slide-sp .slick-arrow {
		width: 22px;
		height: 22px;
		background-size: 22px 22px;
		top: 93%;
		margin-top: -18px;
	}
	.whats__slide-sp .slick-arrow.slick-prev {
		left: 3%;
	}
	.whats__slide-sp .slick-arrow.slick-next {
		right: 3%;
	}
}

/* -------------------------------------------
		999. DEFINE
	------------------------------------------- */

.define {
	padding: 180px 0;
}
.define__inner {
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.define__content {
	position: relative;
	width: 100%;
	border: 3px solid #3bbee8;
	border-radius: 0 120px 0 120px;
	padding: 0 0 240px;
	background-image: url(../images/otkun/define__image.svg);
	background-repeat: no-repeat;
	background-size: 1030px 790px;
	background-position: bottom right;
}
.define__title,
.define__text {
	padding: 0 0 0 180px;
}
.define__title {
	margin-top: 62px;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.4;
	letter-spacing: .15em;
}
.define__text {
	position: relative;
	padding: 0;
	margin: 30px 200px 0 180px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.8;
}
.define__text:after {
	z-index: 1;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	background: #3bbee8;
	transition: all 1.2s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
	pointer-events: none;
}
.define__text.is-show:after {
	height: 0;
}
.define .question__heading__icon {
	width: 64px;
	height: 64px;
}
.define .question__heading__icon img {
	width: 6px;
}
.define .question__heading {
	min-height: 64px;
	letter-spacing: .05em;
	font-size: 25px;
	line-height: 1.4;
	padding: 5px 10px 5px 70px;
}
.define .question__heading div [data-ruby]::before {
	top: -11px;
}
.define__title [data-ruby]::before {
	top: -15px;
}
@media screen and (max-width: 768px) {
	.define {
		padding: 70px 0;
	}
	.define__inner {
		width: 89.3332%;
		padding: 10px;
	}
	.define__content {
		border-radius: 0 64px 0 64px;
		padding: 0 0 170px;
		background-image: url(../images/otkun/define__image-sp.svg);
		background-position: bottom left;
		background-size: 100% auto;
	}
	.desktop.portrait .define__content,
	.tablet.portrait .define__content {
		padding: 0px 0 22%;
		background-image: url(../images/otkun/define__image.svg);
		background-size: 105% auto;
		background-position: bottom right;
	}
	.define__title,
	.define__text {
		padding: 0 30px;
	}
	.desktop.portrait .define__title,
	.tablet.portrait .define__title,
	.tablet.portrait .define__text {
		padding: 0 80px;
	}
	.define__title {
		margin-top: 30px;
		font-size: 20px;
	}
	.desktop.portrait .define__title,
	.tablet.portrait .define__title {
		margin-top: 30px;
	}
	.define__text {
		margin-top: 30px;
		margin: 30px 30px 0;
		font-size: 14px;
		padding: 0;
	}
	.desktop.portrait .define__text,
	.tablet.portrait .define__text {
		margin: 10px 100px 0 80px;
		padding: 0;
	}

	.tablet.landscape .define__title,
	.tablet.landscape .define__text {
		padding: 0 80px;
	}
	.tablet.landscape .define__content {
		padding: 0px 0 22%;
		background-image: url(../images/otkun/define__image.svg);
		background-size: 105% auto;
		background-position: bottom right;
	}
	.tablet.landscape .define__text {
		margin: 10px 100px 0 80px;
		padding: 0;
	}

	
	.define .question__heading__icon {
		width: 64px;
		height: 64px;
	}
	.define .question__heading__icon img {
		width: 6px;
	}
	.define .question__heading {
		min-height: auto;
		font-size: 17px;
		line-height: 1.8;
		padding: 12px 20px 8px 76px;
	}
	.define .question__heading div [data-ruby]::before,
	.define [data-ruby]::before {
		letter-spacing: 0;
		top: -15px;
	}
	.define__title [data-ruby]::before {
		top: -15px;
	}

}


/* -------------------------------------------
		999. WANKOBANASHI
	------------------------------------------- */

.wankobanashi {
	background-color: #fff;
	background-image: url(../images/otkun/bg-wankobanashi.png);
	background-repeat: repeat;
	background-size: 56px 56px;
	padding: 120px 0;
}
.wankobanashi__inner {
	position: relative;
	width: 1000px;
	margin: 0 auto;
	background-color: #fff;
}
.wankobanashi__title {
	font-size: 0;
	position: absolute;
	top: -110px;
	left: 90px;
}
.wankobanashi__title img {
	width: 640px;
	height: auto;
}
.wankobanashi__content {
	padding: 140px 0 60px 270px;
}
.wankobanashi__heading {
	margin-top: 15px;
	font-weight: bold;
	font-size: 32px;
	line-height: 1.4;
	letter-spacing: .15em;
}
.wankobanashi__text {
	margin-top: 20px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.8;
}
.wankobanashi__text + .wankobanashi__text {
	margin-top: 1em;
}
@media screen and (max-width: 768px) {
	.wankobanashi {
		padding: 80px 0;
		background-size: 34px 34px;
	}
	.wankobanashi__inner {
		width: 89.3332%;
	}
	.wankobanashi__title {
		width: 100%;
		top: -7%;
		left: 3%;
	}
	.wankobanashi__title img {
		width: 93%;
	}
	.desktop.portrait .wankobanashi__title,
	.tablet.portrait .wankobanashi__title {
		width: 70%;
		top: -12%;
		left: 10%;
	}
	.desktop.portrait .wankobanashi__title img,
	.tablet.portrait .wankobanashi__title img {
		width: 100%;
	}
	.desktop.portrait .wankobanashi__title img.dn-sp {
		display: inline;
	}
	.desktop.portrait .wankobanashi__title img.dn-pc {
		display: none;
	}
	.wankobanashi__content {
		padding: 90px 30px 30px;
	}
	.desktop.portrait .wankobanashi__content,
	.tablet.portrait .wankobanashi__content {
		padding: 120px 0 50px 120px;
	}
	.wankobanashi__heading {
		font-size: 20px
	}
	.wankobanashi__text {
		font-size: 14px;
	}
	.desktop.portrait .wankobanashi__text br.dn-sp {
		display: inline;
	}
}

/* -------------------------------------------
		999. KARADA
	------------------------------------------- */

.karada {

}
.karada__slide {

}
.karada__slide.karada__slide-sp {
	display: none;
}
.karada__slide__item {
	outline: none;
	position: relative;
	padding: 100px 0 80px;
}
.karada__slide-01-people,
.karada__slide-01-road,
.karada__slide-01-comment {
	width: 100%;
	position: absolute;
	top: 100px;
	left: 0;
	transition: all 1.2s cubic-bezier(.645,.045,.355,1);
}
.karada__slide-01-people {
	transform: translate(120px,-120px);
	transition-delay: 100ms;
}
.karada__slide-01-people.is-show {
	transform: translate(0,0);
}
.karada__slide-01-road {
	transform: translate(-100px,100px);
}
.karada__slide-01-road.is-show {
	transform: translate(0,0);
}
.karada__slide__item-01,
.karada__slide__item-01_2 {
	background-color: #fff;
	background-image: url(../images/otkun/bg-check.png);
	background-repeat: repeat;
	background-size: 14px 14px;
}
.karada__slide__item-02,
.karada__slide__item-02_2 {
	background-color: #fff;
	background-image: url(../images/otkun/bg-check-orange.png);
	background-repeat: repeat;
	background-size: 14px 14px;
}
.karada__slide__item-03,
.karada__slide__item-03_2 {
	background-color: #fff;
	background-image: url(../images/otkun/bg-check-yellow.png);
	background-repeat: repeat;
	background-size: 14px 14px;
}
.karada__slide__item-04,
.karada__slide__item-04_2 {
	background-color: #fff;
	background-image: url(../images/otkun/bg-check-green.png);
	background-repeat: repeat;
	background-size: 14px 14px;
}
.karada__slide__item img {
	/*visibility: hidden;*/
	display: block;
	width: 100%;
	height: auto;
}

.karada__slide .slick-arrow {
	top: 74%;
}
.karada__slide .slick-arrow.slick-prev {
	left: 9.3%;
}
.slick-arrow.slick-next {
	right: 9.3%;
}

@media screen and (max-width: 768px) {
	.karada__slide.karada__slide-pc {
		display: none;
	}
	.karada__slide.karada__slide-sp {
		display: block;
	}
	.desktop.portrait .karada__slide.karada__slide-pc,
	.tablet.portrait .karada__slide.karada__slide-pc {
		display: block;
	}
	.desktop.portrait .karada__slide.karada__slide-sp,
	.tablet.portrait .karada__slide.karada__slide-sp {
		display: none;
	}
	.karada__slide__item {
		padding: 0;
	}
	.tablet.portrait .karada__slide__item {
		padding: 50px 0;
	}
	.karada__slide-01-people,
	.karada__slide-01-road,
	.karada__slide-01-comment {
		top: 0;
	}
	.tablet.portrait .karada__slide-01-people,
	.tablet.portrait .karada__slide-01-road,
	.tablet.portrait .karada__slide-01-comment {
		top: 50px;
	}
	.karada__slide__item-01,
	.karada__slide__item-01_2,
	.karada__slide__item-02,
	.karada__slide__item-02_2,
	.karada__slide__item-03,
	.karada__slide__item-03_2,
	.karada__slide__item-04,
	.karada__slide__item-04_2 {
		background-size: 11px 11px;
	}
	.karada__slide-sp .slick-arrow {
		width: 22px;
		height: 22px;
		background-size: 22px 22px;
		top: 56%;
	}
	.karada__slide-sp .slick-arrow.slick-prev {
		left: 11%;
	}
	.karada__slide-sp .slick-arrow.slick-next {
		right: 11%;
	}
}

/* -------------------------------------------
		999. KOKORO
	------------------------------------------- */

.kokoro {
	padding: 120px 0 180px;
	overflow: hidden;
}
.kokoro__inner {
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.kokoro__content {
	position: relative;
	width: 100%;
	border: 3px solid #3bbee8;
	border-radius: 0 120px 0 120px;
	padding: 0 0 60px;
	padding: 0 0 500px;
	background-image: url(../images/otkun/kokoro__bg__image.svg);
	background-repeat: no-repeat;
	background-size: 366px 260px;
	background-position: bottom right -20px;
}
.kokoro .question {
	justify-content: flex-start;
	margin-left: -3px;
}
.kokoro .question__heading {
	text-align: left;
	line-height: 1.2;
	padding: 20px 20px 20px 100px;
}
.kokoro__image {
	position: relative;
	width: 630px;
	margin: 40px 0 0 30px;
}
.kokoro__image__item {
	position: absolute;
	width: 100%;
	transition: all 1.2s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
	/*transition-delay: 0.5s;*/
	/*opacity: 0;*/
}
.kokoro__image__item:first-child {
	z-index: 3;
	transform: translate(-80px,-80px);
}
.kokoro__image__item:nth-child(2) {
	z-index: 2;
	transform: translate(-80px,80px);
}
.kokoro__image__item:nth-child(3) {
	z-index: 1;
	transform: translate(80px,80px);
}
.kokoro__image.is-show .kokoro__image__item {
	transform: translate(0,0);
	/*opacity: 1;*/
}
.kokoro__image__item img {
	width: 100%;
	height: auto;
}
.kokoro .answer {
	width: 348px;
	margin-top: -70px;
	margin-left: auto;
	margin-right: 36px;
}
.kokoro .answer__content {
	border-radius: 0 0 20px 0;
}
.kokoro .answer__content:after {
	border-radius: 0 0 20px 0;
}
.kokoro .answer__text {
	padding: 20px;
	text-align: left;
}
@media screen and (max-width: 768px) {
	.kokoro {
		padding: 70px 0 70px;
	}
	.kokoro__inner {
		width: 89.3332%;
		padding: 10px;
	}
	.kokoro__content {
		border-radius: 0 80px 0 80px;
		padding: 0;
		background-size: 134px auto;
		background-position: bottom 28% right 40%;
	}
	.desktop.portrait .kokoro__content,
	.tablet.portrait .kokoro__content {
		background-size: 204px auto;
		background-position: bottom 16% right -3%;
	}
	.kokoro .question {
		justify-content: center;
	}
	.kokoro .question__heading {
		padding: 12px 20px 8px 76px;
	}
	.kokoro__image {
		position: relative;
		width: 90%;
		margin: 20px auto 0;
	}
	.desktop.portrait .kokoro__image,
	.tablet.portrait .kokoro__image {
		width: 70%;
	}
	.kokoro .answer {
		width: auto;
		margin: 90% -3px -3px;
	}
	.desktop.portrait .kokoro .answer,
	.tablet.portrait .kokoro .answer {
		margin-top: 66%;
	}
	.kokoro .answer__content {
		border-radius: 0;
	}
	.kokoro .answer__content:after {
		border-radius: 0;
	}
	.kokoro .answer__text {
		padding: 24px 24px 36px;
	}
	.tablet.portrait .kokoro .answer__text span {
		display: block;
	}
}

/* -------------------------------------------
		999. ELSE
	------------------------------------------- */

.else {
	padding: 0 0 180px;
	overflow: hidden;
}
.else__inner {
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.else__content {
	position: relative;
	width: 100%;
	border: 3px solid #3bbee8;
	border-radius: 0 120px 0 120px;
	padding: 0 0 60px;
	background-color: #3bbee8;
	background-image: url(../images/otkun/else__bg__image.svg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
.else .question {
	z-index: 3;
}
.else__image {
	position: absolute;
	width: 310px;
	height: 480px;
}
.else__image-01 {
	top: 170px;
	left: 24px;
}
.else__image-02 {
	top: 280px;
	left: 670px;
}
.else__image-03 {
	top: 650px;
	left: 64px;
}
.else__image-04 {
	top: 820px;
	left: 640px;
}
.else__image-05 {
	top: 1192px;
	left: 28px;
}
.else__image-06 {
	top: 1395px;
	left: 670px;
}
.else__image img {
	width: 100%;
	height: auto;
}
.else__cloud {
	position: absolute;
	z-index: 1;
}
.else__cloud-01 {
	top: 40px;
	left: 690px;
	width: 420px;
	height: 210px;
}
.else__cloud-02 {
	top: 520px;
	left: -100px;
	width: 270px;
	height: 140px;
}
.else__cloud-03 {
	top: 1575px;
	left: -15px;
	width: 210px;
	height: 110px;
}
.else__cloud-04 {
	top: 1850px;
	left: 945px;
	width: 140px;
	height: 90px;
}
.else__cloud img {
	width: 100%;
	height: auto;
}
.else__chara {
	z-index: 2;
	position: absolute;
	width: 240px;
	opacity: 0;
	transition: opacity 1s cubic-bezier(.645,.045,.355,1);
}
.else__chara.is-move {
	opacity: 1;
	animation: else__chara__down 50s ease infinite;
	/*animation: else__chara__rotate 2s ease infinite;*/
	/*transform-origin: 65% center 0;*/

}
.else__chara img {
	animation: else__chara__rotate 2s ease infinite;
	transform-origin: 65% center 0;
}
@keyframes else__chara__rotate {
	0% { transform: rotate(4deg); }
	50% { transform: rotate(-5deg); }
	100% { transform: rotate(4deg); }
}
@keyframes else__chara__down {
	0% { }
	99% { opacity: 1; }
	100% { transform: translateY(500px); opacity: 0; }
}
.else__chara-dog {
	top: 142px;
	left: 360px;
}
.else__chara-male {
	top: 440px;
	left: 270px;
	animation-delay: .2s;
}
.else__chara-male img {
	animation-delay: .2s;
}
.else__chara-female {
	top: 960px;
	left: 420px;
	animation-delay: .4s;
}
.else__chara-female img {
	animation-delay: .4s;
}
.else__chara img {
	width: 100%;
	height: auto;
}
.else .answer {
	margin-top: 1850px;
}
@media screen and (max-width: 768px) {
	.else {
		padding: 0 0 70px;
	}
	.else__inner {
		width: 89.3332%;
		padding: 10px;
	}
	.else__content {
		border-radius: 0 64px 0 64px;
		padding: 0;
	}
	.else__image {
		position: relative;
		width: 70%;
		height: auto;
		margin: 20px auto 0;
	}
	.desktop.portrait .else__image,
	.tablet.portrait .else__image {
		position: relative;
		width: 40%;
		height: auto;
		margin: 20px auto 0;
	}
	.else__image-01,
	.else__image-02,
	.else__image-03,
	.else__image-04,
	.else__image-05,
	.else__image-06 {
		top: initial;
		left: initial;
	}
	.else__cloud-01 {
		top: 3%;
		left: 74%;
		width: 210px;
		height: 105px;
	}
	.else__cloud-02 {
		top: 25%;
		left: 2%;
		width: 135px;
		height: 70px;
	}
	.else__cloud-03 {
		top: 63%;
		left: -8%;
		width: 126px;
		height: 66px;
	}
	.else__cloud-04 {
		top: 77%;
		left: 83%;
		width: 70px;
		height: 45px;
	}
	.else__chara {
		width: 120px;
	}
	.desktop.portrait .else__chara,
	.tablet.portrait .else__chara {
		width: 240px;
	}
	.else__chara-dog {
		top: 10%;
		left: -14%;
	}
	.else__chara-male {
		top: 30%;
		left: 70%;
	}
	.else__chara-female {
		top: 50%;
		left: -13%;
	}
	.else .answer {
		margin-top: 50px;
	}
	.else .answer__heading {
		line-height: 1.8;
	}
	.desktop.portrait .else .answer__heading br.dn-pc {
		display: none;
	}
	.else .answer__heading div [data-ruby]::before {
		top: -15px;
	}

}



/* -------------------------------------------
		999. WORLD
	------------------------------------------- */

.world {
	padding: 0 0 80px;
}
.world__inner {
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.world__content {
	position: relative;
	width: 100%;
	border: 3px solid #3bbee8;
	border-radius: 0 120px 0 120px;
	padding: 0 0 60px;
	background-color: #3bbee8;
}
.world__image {
	position: relative;
	width: 889px;
	margin: -60px auto 0;
}
.world__image__item {
	position: absolute;
	width: 100%;
}
.world__image__item:first-child {
	z-index: 1;
}
.world__image__item img {
	position: absolute;
	width: 100%;
	height: auto;
}
.world .question {
	z-index: 2;
	margin-left: -74px;
}
.world .question__heading [data-ruby]::before {
	top: -15px;
}
.world .answer {
	margin-top: 500px;
}
@media screen and (max-width: 768px) {
	.world {
		padding: 0;
	}
	.world__inner {
		width: 89.3332%;
		padding: 10px;
	}
	.world__content {
		border-radius: 0 64px 0 64px;
		padding: 0;
	}
	.world__image {
		width: 100%;
		margin: 10px auto 0;
	}
	.world .question {
		margin-left: -3px;
	}
	.world .answer {
		margin-top: 62%;
	}
	.desktop.portrait .world__image__item img.dn-pc {
		display: none;
	}
	.desktop.portrait .world__image__item img.dn-sp {
		display: inline;
	}
}


/* -------------------------------------------
		999. FIN
	------------------------------------------- */

.fin {
	padding: 100px 0 160px;
}
.fin__inner {
	width: 1040px;
	margin: 0 auto;
	background-color: #fff;
	padding: 20px;
}
.fin__content {
	position: relative;
	width: 100%;
	border: 3px solid #3bbee8;
	border-radius: 0 120px 0 120px;
	padding: 0 0 60px;
}
.fin__image__base {
	position: relative;
	z-index: 1;
	width: 530px;
	margin: 175px auto 0;
}
.fin__image__base img {
	width: 100%;
	height: auto;
}
.fin__image__grow {
	width: 270px;
	height: 380px;
	position: absolute;
	top: 120px;
	left: 50%;
	margin-left: -142px;
	opacity: 0.1;
	transform: scale(0.6,0.6);
	transform-origin: bottom center;
	transition: all .7s cubic-bezier(.645,.045,.355,1);
	transition-timing-function: cubic-bezier(.645,.045,.355,1);
}
.fin__image__grow.is-grow {
	transform: scale(0.95,0.95);
	opacity: 1;
}
.fin__image__grow img {
	width: 100%;
	height: auto;
}
.fin .question__heading {
	padding: 5px 60px;
}
.fin .question__heading [data-ruby]::before {
	top: -15px;
}
.fin .answer {
	position: relative;
	z-index: 2;
	margin-top: -60px;
}
.fin .answer__text {
	padding: 32px 54px 14px;
}
.fin .answer__text__note {
	display: block;
	margin-top: 20px;
	font-size: 11px;
}
@media screen and (max-width: 768px) {
	.fin {
		padding: 70px 0;
	}
	.fin__inner {
		width: 89.3332%;
		padding: 10px;
	}
	.fin__content {
		border-radius: 0 64px 0 64px;
		padding: 0 0 60px;
		padding: 0 0 0;
		background-size: 364px auto;
		background-position: top 20% center;
	}
	.fin__image__base {
		width: 100%;
		margin: 0 auto 0;
		line-height: 1;
	}
	.tablet.portrait .fin__image__base {
		width: 90%;
		margin: 35% auto 0;
		line-height: 1;
	}
	.fin__image__base img {
		vertical-align: bottom;
	}
	.fin__image__grow {
		width: 100%;
		height: auto;
		top: 16%;
		margin-left: -50%;
	}
	.tablet.portrait .fin__image__grow {
		width: 50%;
		height: 31%;
		top: 17%;
		margin-left: -26%;
	}
	.fin .question__content {
		width: 100%;
	}
	.fin .question__heading {
		padding: 10px 20px;
		flex: 0 0 100%;
	}
	.desktop.portrait .fin .question__heading {
		justify-content: center;
	}
	.desktop.portrait .fin .question__heading br.dn-pc {
		display: none;
	}
	.fin .answer {
		margin-top: 0;
	}
	.tablet.portrait .fin .answer {
		margin-top: -10%;
	}
	.fin .answer__text {
		padding: 24px 24px 36px;
	}
	.fin .answer__text__note {
		margin-top: 10px;
		text-align: left;
		word-break: break-all;
	}
	.tablet.portrait .fin .answer__text__note {
		text-align: center;
	}
	.fin .question__heading [data-ruby]::before {
		top: -13px;
	}
}

/* 2025.04 キャラクターページ追加 */


.btn__character {
	position: absolute;
	top: -68px;
	right: 0;
	width: 182px;
	height: auto;
	z-index: 1;
}
.btn__character img {
	display: block;
	width: 100%;
	height: auto;
}
@media screen and (max-width: 768px) {
	.btn__character {
		top: -11vw;
		right: 8px;
		width: 36.8vw;
	}
}