/* ========================================================================== Base ========================================================================== */ html {font-size: 62.5%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%; min-height: 100%;overflow-x: hidden;-ms-touch-action: manipulation; touch-action: manipulation; -webkit-font-smoothing: antialiased;} body {background: #fff; color: #333 !important; font-family: "Noto Sans Japanese", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", ���C���I, Meiryo, "Meiryo UI", "�l�r �o�S�V�b�N", "MS PGothic", Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, sans-serif; letter-spacing: 0em; position: relative; overflow: hidden;} h1,h2,h3,h4,h5,h6 {line-height: 1.4;} img{vertical-align: bottom;} figure{z-index: 1;} /* ========================================================================== Typography ========================================================================== */ h1,h2,h3,h4,h5,h6{margin: 0;} h2 {font-size: 2em;} small.small,.small small{font-size: .9em; letter-spacing: 0;} p,pre {vertical-align: top;} /*2017/04/05�@p,li,dt����폜�@�@�ufont-size: 15px; font-size: 1.5rem;�v*/ p,li,dt { line-height: 1.6; font-weight: normal;} li p,dt p {font-size:inherit;} dt {font-weight: normal;} ::selection {color: #FFF !important; background:#0e3a58;} ::-moz-selection {color: #FFF; background:#809b34;} input::selection,textarea::selection {color: #fff;} input::-moz-selection,textarea::-moz-selection {color: #000;} /* ========================================================================== Lists ========================================================================== */ dl,menu,ol,ul { margin: 0;padding: 0;list-style: none; } menu{ padding: 0 0 0 40px; } nav ul,nav ol { list-style: none; list-style-image: none; } /* ========================================================================== Embedded content ========================================================================== */ img { border: 0;-ms-interpolation-mode: bicubic;} /* * Corrects overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } svg * {fill: none; stroke: currentColor;} /* ========================================================================== template ========================================================================== */ .container-fluid {padding-left: 30px; padding-right: 30px; max-width: 1260px;} .row.no-gutters {margin-right: 0;margin-left: 0;} .w100 {margin-right:-30px!important; margin-left:-30px!important;} .row2.no-gutters {margin-right: -30px;margin-left: -30px;} .row.no-gutters > [class^="col-"],.row.no-gutters > [class*=" col-"],.row2.no-gutters > [class^="col-"],.row2.no-gutters > [class*=" col-"],.box-mv .slick-slide{padding-right: 0;padding-left: 0;} .pt-01{padding-top: .1rem;}.pt-02{padding-top: .2rem;}.pt-03{padding-top: .3rem;}.pt-04{padding-top: .4rem;}.pt-05{padding-top: .5rem;}.pt-06{padding-top: .6rem;}.pt-07{padding-top: .7rem;}.pt-08{padding-top: .8rem;}.pt-09{padding-top: .9rem;}.pt-1{padding-top: 1rem;}.pt-15{padding-top: 1.5rem;}.pt-2{padding-top: 2rem;}.pt-3{padding-top: 3rem;}.pt-4{padding-top: 4rem;}.pt-5{padding-top: 5rem;}.pt-6{padding-top: 6rem;} .pb-01{padding-bottom: .1rem;}.pb-02{padding-bottom: .2rem;}.pb-03{padding-bottom: .3rem;}.pb-04{padding-bottom: .4rem;}.pb-05{padding-bottom: .5rem;}.pb-06{padding-bottom: .6rem;}.pb-07{padding-bottom: .7rem;}.pb-08{padding-bottom: .8rem;}.pb-09{padding-bottom: .9rem;}.pb-1{padding-bottom: 1rem;}.pb-15{padding-bottom: 1.5rem;}.pb-2{padding-bottom: 2rem;}.pb-3{padding-bottom: 3rem;}.pb-4{padding-bottom: 4rem;}.pb-5{padding-bottom: 5rem;}.pb-6{padding-bottom: 6rem;}.pb-7{padding-bottom: 7rem;}.pb-8{padding-bottom: 8rem;}.pb-9{padding-bottom: 9rem;}.pb-10{padding-bottom: 10rem;}.pb-11{padding-bottom: 11rem;} .mt-0{margin-top: 0;}.mt-01{margin-top: .1rem;}.mt-02{margin-top: .2rem;}.mt-03{margin-top: .3rem;}.mt-04{margin-top: .4rem;}.mt-05{margin-top: .5rem;}.mt-06{margin-top: .6rem;}.mt-07{margin-top: .7rem;}.mt-08{margin-top: .8rem;}.mt-09{margin-top: .9rem;}.mt-1{margin-top: 1rem;}.mt-2{margin-top: 2rem;}.mt-3{margin-top: 3rem;}.mt-4{margin-top: 4rem;}.mt-5{margin-top: 5rem;}.mt-6{margin-top: 6rem;}.mt-7{margin-top: 7rem;}.mt-8{margin-top: 8rem;}.mt-13{margin-top: 1.3rem;}.mt-15{margin-top: 1.5rem;} .mb-0{margin-bottom: 0;}.mb-01{margin-bottom: .1rem;}.mb-02{margin-bottom: .2rem;}.mb-03{margin-bottom: .3rem;}.mb-04{margin-bottom: .4rem;}.mb-05{margin-bottom: .5rem;}.mb-06{margin-bottom: .6rem;}.mb-07{margin-bottom: .7rem;}.mb-08{margin-bottom: .8rem;}.mb-09{margin-bottom: .9rem;}.mb-1{margin-bottom: 1rem;}.mb-13{margin-bottom: 1.3rem;}.mb-15{margin-bottom: 1.5rem;}.mb-2{margin-bottom: 2rem;}.mb-3{margin-bottom: 3rem;}.mb-4{margin-bottom: 4rem;}.mb-5{margin-bottom: 5rem;}.mb-6{margin-bottom: 6rem;}.mb-7{margin-bottom: 7rem;}.mb-8{margin-bottom: 8rem;}.mb--1{margin-bottom: -1rem;} .ml-2{margin-left: 2rem;}.mr-2{margin-right: 2rem;} .c-center {display: block; margin: 0 auto;} .center{text-align:center;} /* ========================================================================== Tables ========================================================================== */ table { border-collapse: collapse; border-spacing: 0; } /* ========================================================================== Plugin styles ========================================================================== */ /* lazyload ----------------------*/ .lazywrap {opacity: 0;} .lazywrap.lazyloaded {opacity: 1;-webkit-transition: opacity 2000ms;-moz-transition: opacity 2000ms;-o-transition: opacity 2000ms;transition: opacity 2000ms;} /*! slick.min ----------------------*/ .slick-list,.slick-slider,.slick-track{position:relative;display:block}.slick-loading .slick-slide,.slick-loading .slick-track{visibility:hidden}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{top:0;left:0}.slick-track:after,.slick-track:before{display:table;content:''}.slick-track:after{clear:both}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none} /*! Flickity v1.1.1 ----------------------*/ .flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-prev-next-button{position:absolute;top:50%;width:44px;height:44px;border:none;border-radius:50%;cursor:pointer;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);background:#000;}.flickity-prev-next-button:hover{background:#bc9d51}.flickity-prev-next-button:focus{outline:0;box-shadow:0 0 0 5px #09F}.flickity-prev-next-button:active{filter:alpha(opacity=60);opacity:.6}.flickity-prev-next-button.previous{left:30px}.flickity-prev-next-button.next{right:30px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button:disabled{filter:alpha(opacity=30);opacity:.3;cursor:auto}.flickity-prev-next-button svg{position:absolute;top:24%;width:50%;height:50%;left:24%;}.flickity-prev-next-button .arrow{fill:#fff}.flickity-prev-next-button.no-svg{color:#333;font-size:26px}.flickity-page-dots{position:absolute;width:100%;bottom:-30px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#fff;border-radius:50%;filter:alpha(opacity=25);cursor:pointer;opacity:.25;}.flickity-page-dots .dot.is-selected{filter:alpha(opacity=100);opacity:1} .three-gl .gallery-cell {width:30%; margin: 0 .2em; overflow: hidden;} .three-gl .flickity-page-dots {display: none;} /*! Swipebox v1.3.0 ----------------------*/ html.swipebox-html.swipebox-touch{overflow:hidden!important}#swipebox-overlay img{border:none!important}#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999!important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#swipebox-container{position:relative;width:100%;height:100%}#swipebox-slider{-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer}#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block}#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}#swipebox-slider .slide .swipebox-inline-container,#swipebox-slider .slide .swipebox-video-container,#swipebox-slider .slide img{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle}#swipebox-slider .slide .swipebox-video-container{background:0 0;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box}#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative}#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100%!important;height:100%!important;position:absolute;top:0;left:0}#swipebox-title{display:block;width:100%;text-align:center;color:#fff;}#swipebox-top-bar{position: absolute; width: 100%; left: 0; bottom: 0; padding: 15px; font-size: 1.2em; background: rgba(0,0,0,.7);} #swipebox-close,#swipebox-next,#swipebox-prev{width:50px;height:50px;display:block;position:absolute;background:#000;}#swipebox-next,#swipebox-prev{top:50%;margin-top:-25px}#swipebox-prev{left:50px}#swipebox-next{right:50px}#swipebox-close{top:36px;right:36px;z-index:9999;transition:all 1s ease;-webkit-transition:all 1s ease}#swipebox-prev:hover{left:35px}#swipebox-next:hover{right:35px}#swipebox-close:hover{transform:rotate(360deg);-webkit-transform:rotate(360deg)}#swipebox-next:after,#swipebox-prev:after{content:"";width:26px;height:26px;position:absolute;top:0;-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);}#swipebox-prev:after{margin:11px 17px;border-left:2px solid #fff;border-bottom:2px solid #fff}#swipebox-next:after{margin:11px 7px;border-right:2px solid #fff;border-top:2px solid #fff}#swipebox-close:after,#swipebox-close:before{content:"";position:absolute;height:2px;background:#FFF;width:100%;margin:24px 0 0}#swipebox-close:after{-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg)}#swipebox-close:before{-o-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg)}.swipebox-no-close-button #swipebox-close{display:none}#swipebox-next.disabled,#swipebox-prev.disabled{opacity:.3}.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring .3s;animation:rightSpring .3s}.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring .3s;animation:leftSpring .3s}.swipebox-touch #swipebox-container:after,.swipebox-touch #swipebox-container:before{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:2em;opacity:0}.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0 10px -8px #656565;box-shadow:inset 10px 0 10px -8px #656565}.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0 10px -8px #656565;box-shadow:inset -10px 0 10px -8px #656565}.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before,.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1}@-webkit-keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@keyframes rightSpring{0%,100%{left:0}50%{left:-30px}}@-webkit-keyframes leftSpring{0%,100%{left:0}50%{left:30px}}@keyframes leftSpring{0%,100%{left:0}50%{left:30px}}#swipebox-overlay{background:#000} /* anime ----------------------*/ .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}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,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:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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{0%,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:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-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{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(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:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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{0%,to{-webkit-transform:translateZ(0);transform:translateZ(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:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,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:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,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:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,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:none;transform:none}}@keyframes bounceInDown{0%,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:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,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:none;transform:none}}@keyframes bounceInLeft{0%,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:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,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:none;transform:none}}@keyframes bounceInRight{0%,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:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,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,-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:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,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,-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:translateZ(0);transform:translateZ(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-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{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{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{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{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{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-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)}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{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-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{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-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{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-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)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{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{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(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%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(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-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{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{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,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{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translateZ(0);transform:translateZ(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{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translateZ(0);transform:translateZ(0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp} .fadein {opacity: 1!important;-webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; } /* ========================================================================== Global Styles ========================================================================== */ a,a.small small{color: #333; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; word-wrap: break-word; outline: none;} a:active,a:hover,a:focus { outline: 0; }a:hover,a:focus,.btn:hover,small.small a:hover,a.small:hover small{text-decoration: none; cursor: pointer; } /*a:hover,a.hover,a:focus {color:#337ab7!important;}*/ .indent{/*font-size:28px; font-weight:bold; font-family:'Meiryo UI'; white-space: nowrap;overflow: hidden;text-align: left; display: block; padding: 1% 0 0 60px;*/ text-indent: -9999px; white-space: nowrap; overflow: hidden; text-align: left; display: block; } .col {padding: 0;} .bigfont {font-size:2.4em;} /* links */ .linkbtn {padding: .6em; text-align: center; font-size: 1.4em; background-color: #fff; color: #4A4B23; border:2px solid #4A4B23;margin-left:auto; margin-right: auto; display:block; position: relative; z-index: 2; overflow: hidden; width: 40%;} .linkbtn::before,.linkbtn::after { position: absolute; z-index: -1; display: block; content: '';} .linkbtn,.linkbtn::before,.linkbtn::after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all .3s; transition: all .3s;} .linkbtn:hover { color: #fff!important; border:2px solid #BC9D51;} .linkbtn::after {top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;} .linkbtn:hover::after {-webkit-transform: scale(2) rotate(180deg);transform: scale(2) rotate(180deg);background: #bc9d51;} .lightlink {display: block;} .lightlink:hover {opacity: 0.7;} .side-link {position: absolute; right:30px; margin-top: -3em;} .thum-link {position: relative; color: #FFF; overflow: hidden; display: block;} .thum-link h3 {position: absolute; bottom: 0px; left: 0; font-size: 24px; font-weight: bold; z-index: 2; width: 100%; background-color: rgba(0,0,0,.5); margin: 0; padding: 15px; text-align: center; line-height: 1;} .thum-link span {font-size:1.6em; vertical-align: text-bottom;} .thum-link p {position: absolute; top: 0; left: 0; color: #000; z-index: 10;} .thum-link img {-webkit-transform: scale(1);transform: scale(1);-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out; } .thum-link:hover img,.thum-link.hover img {-webkit-transform: scale(1.05); transform: scale(1.05);} .building{ padding: 27px !important; } .thum-ani {position: relative; display: block;} .thum-ani:before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; content:""; opacity:0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .thum-ani h4 {font-size:1.8em; color: #FFF; position:absolute; margin: 0 auto; top: 40%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 10; text-align: center;width:100%; opacity: 0; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} .thum-ani h4 span {font-size:.5em;} .thum-ani:hover:before {opacity:.4;} .thum-ani:hover > h4 {opacity:1; top: 45%;} /* title */ .title {position: relative; color: #0E3A58; font-size:32px; font-weight:bold;} .tc{text-align: center; } .m-title {color: #000; font-size:2em; text-align: center; margin-bottom:.5em;} a .m-title {color: #FFF;} .title-overview {text-align: center!important;} /* loding ----------------------*/ #loading {position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index:10000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #load-wrap {width:100px; height:100px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; -moz-transition: -moz-transform 0.4s; -webkit-transition: -webkit-transform 0.4s; -o-transition: -o-transform 0.4s; -ms-transition: -ms-transform 0.4s; transition: transform 0.4s;} #loading img {position: absolute;} #spinload.spin {-webkit-animation: spin 2.8s linear infinite; -moz-animation: spin 2.8s linear infinite; -ms-animation: spin 2.8s linear infinite; -o-animation: spin 2.8s linear infinite; animation: spin 2.8s linear infinite;} @-webkit-keyframes spin {0% {-webkit-transform: rotate(0deg);}100% {-webkit-transform: rotate(360deg);}} @-moz-keyframes spin {0% {-moz-transform: rotate(0deg);}100% {-moz-transform: rotate(360deg);}} @-ms-keyframes spin {0% {-ms-transform: rotate(0deg);}100% {-ms-transform: rotate(360deg);}} @-o-keyframes spin {0% {-o-transform: rotate(0deg);}100% {-o-transform: rotate(360deg);}} @keyframes spin {0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}} #loading.active {opacity: 0; z-index: -100;} #load-wrap.active {-webkit-transform: scale(1.4);-moz-transform: scale(1.4);-o-transform: scale(1.4);-ms-transform: scale(1.4);transform: scale(1.4);} /* header ----------------------*/ #header {position: fixed; top: 0; left: 0; width:100%; background-color: #fff; z-index: 1000; border-bottom: 1px solid #e5e5e5;} #header .container-fluid {padding-top:20px; padding-bottom: 20px; position: relative; white-space: nowrap;} #header a {color: #333; line-height: 1;} /*#logo {float: left; width: 394px; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s;}*/ #logo {float: left; width: 360px; -webkit-transition: all .6s; -moz-transition: all .6s; -o-transition: all .6s; transition: all .6s;} #logo a {background: url("../../img/ktslogo.png") no-repeat; display: block;height: 40px;background-size:contain;} #header nav {float: right;} #menu-1 {letter-spacing: -0.4em;} #menu-1 li {display: inline-block; border-left:1px solid #e5e5e5; letter-spacing: normal;} #menu-1 .en {font-size: 16px; font-size: 1.6rem; font-weight: bold; display: block;letter-spacing: 0.02em;} #menu-1 .jp {font-size: 11px; font-size: 1.1rem; display: block;padding-top: 8px; letter-spacing: .1em;} #menu-1 a {font-size: 18px; display: block;padding: 0 .6em;} #menu-1 a:hover,#menu-1 a.hover {color: #337ab7!important;} #menu-1 .non {padding-right: 0;} #menu-1 .sp {display:none; font-size: 11px; font-size: 1.1rem;} #menu-1 .sp a {background-color: #e5e5e5;} .m-top{display: block; float: left; border-left:0px !important;} .m-top-txt{font-size: 16px !important; font-weight: bold; padding-top: 10px !important;} #header.fixed {border: none; background-color: rgba(255,255,255,0); -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;} #header.fixed nav { -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; opacity: 0;} #header.fixed:hover {background-color: #FFF;} #header.fixed:hover nav {opacity: 1;} #header.fixed #logo {opacity: 0;} #header.fixed:hover #logo {opacity: 1;} #menu-btn { line-height: 1.2; font-size: 2em; position: relative; z-index:50; display: none;} #menu-btn span {display: none;} #panel-btn{ display: inline-block; position: relative; width: 40px; height: 40px; color: #FFF; z-index: 100;} #panel-btn:hover,#panel-btn.hover,.active #panel-btn{ background: #0E3A58;} #panel-btn-icon{ display: block; position: absolute; top: 50%; left: 50%; width: 14px; height: 2px; margin: -1px 0 0 -7px; background: #fff; opacity: 1; transition: .2s;} #panel-btn-icon:before, #panel-btn-icon:after{ display: block; content: ""; position: absolute; left: 0; width: 14px; height: 2px; transition: .3s; top: 50%; background: #fff;} #panel-btn-icon:before{margin-top: -6px;} #panel-btn-icon:after{ margin-top: 4px;} #panel-btn .close{background: transparent;} #panel-btn .close:before, #panel-btn .close:after{ margin-top: 0;} #panel-btn .close:before{ -webkit-transform: rotate(-45deg); transform: rotate(-45deg);} #panel-btn .close:after{ transform: rotate(-135deg); -webkit-transform: rotate(-135deg);} header .container { position: relative; top: 30%; } header .midashi-btn { border: 1px solid #fff; color: #fff; border-radius: 0; } header .midashi-btn:hover { color: #fff; border-color: #fff; } .navbar-form { padding-right: 30px; } header.jumbotron { /* �ݒ肵�����摜 */ background-image: url("../../img/chain-232930.jpg"); /* �摜���㉺���E������ */ /*background-position: center center;*/ /* �^�C����ɂ͕��ׂȂ��悤�Ɏw�� */ background-repeat: no-repeat; /* �R���e���c�̍������摜�̍������傫�����A�����Ȃ��悤�ɌŒ� */ /*background-attachment: fixed;*/ /* �\������f�B�X�v���C�̑傫���Ɋ�Â��āA�w�i�摜���c������Œ肵�Ȃ��璲�� */ background-size: cover; /* �摜���ǂݍ��܂��O�̔w�i�F�̎w�� */ background-color: #fff !important; color: #fff; width:100vw; height:100vh; padding-top:0px !important; } .item{ width:100vw; height:100vh; } .carousel-caption{ bottom:0px; top:37%; } .img_size{ background-image:url(../../img/slide01.jpg); } /* common ----------------------*/ #wrapper #main { z-index: 10; position: relative;} .inner {padding-left: 30px; padding-right: 30px; max-width: 1400px; margin: 0 auto;} .c-box {background-repeat: no-repeat; background-position: 70% top; -webkit-background-size: cover; -o-background-size: cover; background-size: cover;position: relative;} .c-box .text-area {color: #000; position: relative; z-index: 10; background-color: rgba(255, 255,255, 0.7); width: 50%;} .c-left .text-area {padding: 3rem 3% 3rem 0;} .c-right .text-area {margin-left: 50%; padding: 3rem 0 3rem 3%;} table {width: 100%;} table td,table th {padding: .5rem .8rem; line-height:1.6; font-weight: normal;} table table td,table table th {border: none!important; padding: 0; font-size: 1em; } table table td {padding-right:1rem; background:none!important;} table table tr {border: none; padding: 0;} .mini-img {display: none;} /* hello */ #hello {color: #FFF; width: 100%; position: fixed; top: 0; overflow: hidden; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center center;} #hello .inner {margin: 0 auto; position: absolute; z-index: 100;} /* category */ #category {color: #FFF; width: 100%; overflow: hidden; -webkit-background-size: cover; -o-background-size: cover; background-size: cover; position: relative; background-position: center 40%;} #category:before {content:""; position: absolute; top: 0; left: 0; background-color:rgba(0,0,0,.5); width: 100%; height: 100%; } #category .title {margin: 4rem 0 5.5rem;} #category .title,#category .title span {color: #FFF;} #category .title span{letter-spacing:.15em;opacity:0;-webkit-transition:all .8s cubic-bezier(.215,.61,.355,1);-moz-transition:all .8s cubic-bezier(.215,.61,.355,1);-o-transition:all .8s cubic-bezier(.215,.61,.355,1);transition:all .8s cubic-bezier(.215,.61,.355,1);} #category .title strong {font-weight: normal; opacity: 0; -webkit-transition:all .8s cubic-bezier(.215,.61,.355,1);-moz-transition:all .8s cubic-bezier(.215,.61,.355,1);-o-transition:all .8s cubic-bezier(.215,.61,.355,1);transition:all .8s cubic-bezier(.215,.61,.355,1);transition-delay:.1s;} #category .title:after{background-color:#FFF;width:0;-webkit-transition:all .8s cubic-bezier(.215,.61,.355,1);-moz-transition:all .8s cubic-bezier(.215,.61,.355,1);-o-transition:all .8s cubic-bezier(.215,.61,.355,1);transition:all .8s cubic-bezier(.215,.61,.355,1);} #category.active .title span {letter-spacing: 0.02em; opacity: 1;} #category.active .title strong {opacity: 1;} #category.active .title:after {width: 200px;} #sub-category { width: 100%; position: relative; z-index: 10; letter-spacing: -0.4em; background-color: rgba(255, 255,255, 0.2); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); text-align: center; margin-top: -2rem;} #sub-category li {display: inline-block; letter-spacing: .1em;} #sub-category a {color: #FFF; padding:.5rem 1rem; display: block;} #sub-category a:hover {color: #6d6f1d!important;background-color: #FFF;} #sub-category .active {background-color: #FFF; color: #6d6f1d; pointer-events: none;} /* bread */ #bread {padding-top:15px; letter-spacing: -0.4em; text-align: right;} #bread li {display: inline-block; font-size:.9em; letter-spacing: normal;} #bread > li + li:before {content:"\f105"; font-family: FontAwesome; margin:0 .8em;} #bread a {text-decoration: underline;} /* pager */ #pager {letter-spacing: -.4em; text-align: center; border-top: 1px solid #e5e5e5; padding: 1rem 0; margin: 2em 0;} #pager li {letter-spacing: normal; display: inline-block; padding: 0 .4rem;} #pager li * {color: #FFF; padding:.4rem .8rem; display: block;} #pager span {background-color: #676561;} #pager a {background-color: #789a00;} #pager a:hover {background-color: #bc9d51; color: #fff!important;} /* contact-btns */ .contact-btns .linkbtn {width: 100%; font-size: 1.2em;} .contact-btns .tel {color: #4A4B23; text-align: center; display: block; margin-top: -.5em;} .contact-btns .tel strong {font-weight: bold; font-size: 1.6rem; display: block;} /* inline-float */ .inline-float {letter-spacing: -.4em;margin-left:0px;margin-right:0px;} .inline-float > [class^="col-"] {display: inline-block; float: none; letter-spacing: .08em; vertical-align: top;} /* footer ----------------------*/ footer { text-align:center; background-color:#0E3A58; color:#fff; } footer .container-fluid {padding-left: 45px; padding-right: 45px;} #footer a {color:#fff;} #f-menu {border-right: 1px solid #e5e5e5;} /*#f-menu {text-align: center; padding-top: 2em; letter-spacing: -0.4em;}*/ #f-menu * {font-size: inherit;} #f-menu a {color: #676561;} #f-menu .under {line-height:1;} #f-menu .fh {padding-top: 1em; padding-bottom: 1em; border-left: 1px solid #e5e5e5;} #f-menu .underinterview li {display: inline-block; line-height:1.4;} #f-menu .underinterview > li + li:before {content:"/ ";} .f-category {color: #000; font-weight: bold; margin-bottom:.5em; display:inline-block; line-height:2;} .f-content{ display: inline-block; border-left: 1px solid #e5e5e5; letter-spacing: normal; padding:0 10px; } .f-content:first-child{ border-left:none; } .f-txt1{ font-size: 28px; font-weight: bold; padding-top: 50px; margin-bottom:0px; } .f-txt2{ font-size: 28px; font-weight: bold; color:#fff !important; } .footer-tel{ font-size: 28px; font-weight: bold; color:#fff !important; } .white{ color:#fff; } .f-btn{ background-color: #FFE33F; color: #0E3A58; font-size: 20px; font-weight: bold; padding: 5px 30px; margin-bottom: 20px; } .f-btn:hover{ background-color: #FFBF27; } .mb30{ margin-bottom: 30px; } /* #f-menu li {display: inline-block; border-left: 1px solid #e5e5e5; padding: 0 2em; letter-spacing: .1em;} #f-menu li:first-child {border: none;}*/ #copy {text-align: center; display: block; padding: 2em 0; border-top: 1px solid #e5e5e5;} /*********************** Top�֖߂� ************************/ #pageTop { background: rgba(51, 51, 51, 0.75); width: 40px; height: 40px; color: #FFF; position: fixed; bottom: 30px; right: 30px; text-decoration: none; } #pageTop:before { content: ""; position: absolute; top: 55%; right: 14px; display: block; width: 12px; height: 12px; margin-top: -6px; border-top: 2px solid #fff; border-left: 2px solid #fff; -webkit-transform-style: preserve-3d; -ms-transform-style: preserve-3d; -o-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: all .2s; -webkit-transform: rotate(45deg); transform: rotate(45deg); } #pageTop:hover { opacity: 0.7; } /* ========================================================================== TOP ========================================================================== */ /* slideshow */ #slideshow {overflow: hidden; -webkit-transform: translateZ(0);-webkit-backface-visibility: hidden;-webkit-perspective: 1000; width: 100%; left: 0;} #t-logo { margin: 0 auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 100; text-align: center; color: #fff;} #top #title {opacity: 0; width: 100%; height: 100%; position: relative; bottom: 3px;background: url('/assets/img/title.svg') no-repeat center; -webkit-background-size: 75% 120%; -o-background-size: 75% 120%; background-size: 75% 120%;} #top #read {opacity: 0; font-size:1.4em; letter-spacing: .2em; padding-top: 1em; line-height: 1.6; color:#fff;} #top #read.animated {opacity: 1;} #wplink {opacity: 0; width: 60px; height: 60px; position: absolute; bottom: 20px; z-index: 200;left: 50%;margin-left: -30px;} #wplink .arrow {width: 26px; height: 26px; position:absolute;top:50%; left:50%; margin:-19px 0px 0 -12px; border-left:2px solid #fff; border-bottom:2px solid #fff; -o-transform:rotate(-45deg); -ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);} #shadow {background-color: rgba(0,0,0,0.4);position: absolute; bottom: 0;left: 0; width: 100%; height: 100%;} /* company */ #t-pride {width:80%; margin: 0 auto; position: relative;} #t-pride svg {position: absolute; top: 0; left: 0;} #madeby * {fill: none; stroke: #676561;} #madeby-mat {opacity: 0;} /* kurizo */ #t-kurizo figure {display:block; width: 15%; margin: 0 auto;} #t-kurizo figure.active {display:block;} #t-kurizo img {display:block;} #t-kurizo .linkbtn {display: none; margin-bottom:2em;} #t-kurizo .bounceIn {display: block;} #t-kurizo .linkbtn {width: 100%; font-size: 1.1em; margin-top: .5em;} /* works */ #t-works { position: relative;} #t-works a:hover {opacity: 0.8;} /* voice */ #t-performance .text-center {text-align: center!important;} /* news */ #t-news {background-color: #f4f3f3;} #t-news ul {width: 60%; margin: 0 auto;} #t-news li {padding:15px 0; border-bottom: 1px solid #e5e5e5;} #t-news time {padding-right: 10px;} /* slogan */ #t-slogan {width:50%; margin: 0 auto; position: relative;} #t-slogan svg {position: absolute; top: 0; left: 0;} #t-slogan * {fill: none; stroke: #676561;} #slogan-mat {opacity: 0;} #t-company:after { -webkit-animation-name: bgfade; -webkit-animation-duration:15s; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: ease; -moz-animation-name: bgfade; -moz-animation-duration: 2s; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: ease} @-webkit-keyframes bgfade {0% {opacity: 1;} 20% {opacity:1;} 40% {opacity:0;} 60% {opacity:0;} 80% {opacity:1;} 100% {opacity:1;}} @-moz-keyframes bgfade {0% {opacity: 1;} 20% {opacity:1;} 40% {opacity:0;} 60% {opacity:0;} 80% {opacity:1;} 100% {opacity:1;}} /* ========================================================================== COMPANY ========================================================================== */ /* company */ #company .text-area {padding:3rem 0 4rem; margin-left: 50%; } #company h2 {padding:0 3rem;} .com-table {width: 100%; background-color:rgba(255,255,255,.3); } .com-table th {width: 200px; padding-left: 3rem; border: 1px solid #fff;} .com-table tr {margin-bottom: 1px;} .com-table th,.com-table td { border: 1px solid #fff;} .history-table th {padding-left: 0; width: 120px; vertical-align: top;} #gmap {height: 400px;} #policy {background-position: center bottom;} #policy h3 {color: #789a00; font-weight: bold; font-size: 1.4em;} #policy li {list-style-type: decimal; margin-left: 24px; margin-bottom:.5rem;} /* message */ #message {background-position: center center;} #message .text-area {padding:4rem 3% 9rem 0;} #message .text-area p {text-align: justify; letter-spacing: .12em;} #message h2 {position: absolute; bottom:4rem; font-size:1.25em; text-align: right; right:6%;} #message h3 {color: #000; font-size:2.8em;} #message span {font-size:1.8em;} /* spirit */ #spirit .text-area {;} #spirit .text-area p {text-align: justify; letter-spacing:.12em;} #spirit strong {display: block; padding:10px 0 0;} /* ========================================================================== Interview ========================================================================== */ #interview #main {background-color: #FFF;} #interview #hello h1 {font-size: 2em; margin-bottom: .4em; line-height: 1;} #interview #hello .inner {bottom: 30px; padding-left: 0; opacity: 0;} #interview #hello {background-position: center 10%;} #interview #hello .inner.active {padding-left:30px; opacity:1; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;} #interview #title {font-size:2em; background-color:rgba(0,0,0,.3); display: inline-block; padding: .4em; } #interview #title span {font-size:50%;} #interview #read {font-size: 3.2em; } #interview #read span {display: block;} #interview .overview {padding-top:.5em; margin-bottom: 0;} #interview #wplink {margin: 0; left: inherit; right:25px;} #black #read, #black .overview {color: #000; text-shadow: 1px 1px 6px rgba(255, 255, 255, 0.2);} #white #read, #white .overview {color: #fff; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);} #staff #main {background-color: #FFF;} #staff #hello h1 {font-size: 2em; margin-bottom: .4em; line-height: 1;} #staff #hello .inner {bottom: 30px; padding-left: 0; opacity: 0;} #staff #hello {background-position: center 10%; color: #000; text-shadow: none;} #staff #hello .inner.active {padding-left:30px; opacity:1; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s;} #staff #title {font-size:2em; padding:0 0 .4em .1em;} #staff #title span {font-size:50%;} #staff #read {font-size: 3.2em; color: #000;} #staff #wplink {margin: 0; left: inherit; right:25px;} #staff #wplink .arrow {border-color: #000;} #staff .overview {padding-top:.5em; margin-bottom: 0;} #staff-schedule {font-size:1em;} #staff-schedule strong {background-color: #e5e5e5; padding:5px; display: block;} #staff-schedule li {border-bottom: 1px solid #e5e5e5; padding:5px 0;} #staff-schedule li span {width:50px; display: inline-block;} #interview-wrap {width: 80%; margin: 0 auto; min-width: 900px;} #interview-wrap .box {padding:0 3em; text-align: justify;} #interview-wrap .h-title {color: #000; text-align: center; font-size: 2.4em; font-weight: bold; letter-spacing:.2em;} #interview-wrap h4 {font-size: 1.2em; font-weight: bold; position: relative; color: #6D6F1D;} #interview-wrap h4:before {content:""; position: absolute; top:.6em; left:-2.5em; width:2em; height: 1px; background-color: #000; } #interview-wrap .voice {color: #000;} #interview-top .thum-link span {margin-left:.2rem; } #memories-table {margin-bottom:6em;} #memories-table caption {color: #000; font-size:1.6em; padding: 0;} #memories-table th,#memories-table td{border: 1px solid #fff; color: #000; padding:10px; font-size:inherit;} #memories-table th {width:100px; background-color: #e5e5e5;} #memories-table td { background-color: #f2f2f2;} /* ========================================================================== News ========================================================================== */ #news-entry {border-right: 1px solid #e5e5e5; padding-right: 2rem; margin-bottom:4em;} #news-entry h2,#news-entry h2 a {color: #000;} #news-entry time {color: #6d6f1d;} #news-entry .entry {margin-top:3rem;} #news-entry .entry:first-child {margin-top:0;} #news-entry .entrybody {border-top: 1px solid #e5e5e5; padding-top:1.5rem; margin-top: .5rem; overflow: hidden;} #news-entry .entrybody img {margin-top: 1.5em;} #news-side {padding-left: 2rem; margin-bottom: 4rem;} #news-side .m-title {border-bottom: 1px solid #e5e5e5; padding-bottom:.5rem;} #news-side a {color:#676561;} #news-side li {border-bottom: 1px solid #e5e5e5; font-size: 1em; padding-bottom:.5rem; margin-bottom: 0.5rem;} #news-side time {display: block;} /* ========================================================================== Business ========================================================================== */ #business-policy {background: url(/assets/img/logo.svg) no-repeat center center; -webkit-background-size: 25%; -o-background-size: 25%; background-size: 25%; position: relative;} #business-policy * {z-index: 1; position: relative;} #business-policy:after {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255,255,255,.9);} #business-policy h3 {color: #000;} #business-policy ul { margin:1em auto 2em;} #business-policy li { border-bottom: 1px solid #e5e5e5; padding-bottom: .5em; margin-bottom: 0.5em;} #grid {overflow: hidden; background-color: #000;} #grid li {background-color: #FFF;} #grid a {display: block;} #grid a:hover {opacity: 0.8;} #safety {background:#f4f3f3; color: #FFF; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } #safety h2 {color: #FFF; font-size:2.3em;} #safety * {z-index: 1; position: relative;} #five {text-align: center; position: relative;} #five strong {font-size: 1.8em; line-height: 1.8; display: block;} #five h4 { font-size:inherit; margin-bottom: 1em; font-weight: bold;} #five:after {position: absolute; content:""; top:50%; left:50%; margin:-150px 0 0 -240px;height:0px;width:0px;border-top:180px solid transparent;border-left:0px solid transparent;border-right:#fff 240px solid;border-bottom:180px solid transparent;right;z-index:0;} #five:before {position: absolute; content:""; top:50%; left:50%; margin:-150px 0 0 0px;height:0px;width:0px;border-top:180px solid transparent;border-right:0px solid transparent;border-left:#fff 240px solid;border-bottom:180px solid transparent;right;z-index:0;} #eye:after,#anzen:after {position: absolute; content:""; top:50%; left:50%; width: 240px; height: 240px; margin:-110px 0 0 -110px; -webkit-border-radius: 200px;border-radius: 200px;z-index:0; background-color: #FFF;} #five:after,#five:before,#eye:after,#anzen:after {opacity: 0.2;} #product h3 {font-size: 1em; font-weight: normal; line-height: 1.5; color: #676561;overflow: hidden;} #works #gallery .row {display: none;} #works #gallery .active {display: block;} #winning li {} #winning a,#works #gallery a {width: 100%; overflow: hidden; padding-top: 66.6%;} #winning img,#works #gallery img {position: absolute; top: 50%; left: 50%; width: 100%; height: auto; -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%);} #winning a:hover,#gallery a:hover {opacity: 0.8;} #gallery img {vertical-align:middle;} #worksmenu {background-color: #e5e5e5; border-right:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;} #worksmenu li {text-align: center;} #worksmenu a {background-color: #FFF; display: block; margin:1px 0 0 1px;} #worksmenu .active {background-color: #789A00; color: #fff!important;} .wlist li {border-bottom: 1px solid #e5e5e5; font-size: 1em; padding-bottom: 0.4em; margin-bottom: 0.4em; display:block;} .wlist strong {float: left; clear: left; width: 110px; position: relative; font-weight: normal;} .wlist strong:after {content:":"; position: absolute; top: 0; right:10px;} .tdwidth {width: 100px;vertical-align:top;} .tdwidth1 {width: 10px;vertical-align:top;} /*.wlist span {margin-left: 110px; display:block;}*/ /************************************************************ 2017/04/10�lj� *************************************************************/ .grey{ background:#eeeeee; } .pl0{ padding-left:15px; padding-right:0px; } .pr0{ padding-left:0px; padding-right:15px; } /* ========================================================================== Recrui ========================================================================== */ #newperson li p {font-size:inherit;} #newperson h3 {color: #000; margin: 1em 0;} #entry-btns {background-color: #f4f3f3;} #requirements {margin: 0 auto; max-width: 900px; width: 100%;} .requ-list * {border: 1px solid #fff; color: #000; padding:10px;} .requ-list th {background-color: #e5e5e5;} .requ-list td {background-color: #f2f2f2;} /* ========================================================================== contact ========================================================================== */ .msg {font-size:18px;color:red;font-weight:bold; } #contact {margin: 0 auto; max-width: 900px; width: 100%;} #contact .fpf {font-weight: bold;} #contact #tel,#tel {border-top:1px solid #e5e5e5; padding:1.5em 0 0 0; margin-top: 2em;} #contact #tel h3,#contact #tel dl,#tel h3,#tel dl {float: left;} #contact #tel h3,#tel h3 {margin-right: 1em;} #contact #fax,#fax {border-bottom:1px solid #e5e5e5; padding:1.5em 0; } #contact #fax h3,#contact #fax dl,#fax h3,#fax dl {float: left;} #contact #fax h3,#fax h3 {margin-right: 1em;} #contact #fax h3 .fax_txt, .fax_txt,.tel-link{font-size:32px;font-weight:bold;color:#0e3a58;} #contact table th{color:#0e3a58;font-weight: bold;} #contact h3 a,h3 a {font-weight: bold; font-size:32px;color: #0e3a58;} #contact h3 a span,h3 a span {font-size:.5em;} #contact dt span,dt span {color: #0e3a58; font-weight: bold;} #contact .m-title {margin-top:1.5em; padding-bottom: .4em; color:#0e3a58;font-weight:bold;} #contact #submit,#submit {margin-top:1.5em;padding: .6em; text-align: center; font-size: 1.4em; font-weight:bold; background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto; display:block; position: relative; z-index: 2; overflow: hidden; width: 40%; -webkit-border-radius: 0; border-radius: 0;} #contact #submit:hover,#submit:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;} #contact #submit.active, #submit.active {pointer-events: none;} /*20170403 �lj�*/ #contact #table-btn{width:100%;} #contact #table-btn tr{text-align:center;} #contact #submit2,#submit2 {margin-top:1.5em;padding: .6em; text-align: center; font-size: 1.4em; font-weight:bold; background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto;z-index: 2; overflow: hidden; width: 25%; -webkit-border-radius: 0; border-radius: 0;} #contact #submit2:hover,#submit2:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;} #contact #submit2.active,#submit2.active {pointer-events: none;} #contact #submit2-2,#submit2-2 {margin-top:1.5em;margin-left:1.5em;padding: .6em; text-align: center; font-size: 1.4em; font-weight:bold; background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto;z-index: 2; overflow: hidden; width: 25%; -webkit-border-radius: 0; border-radius: 0;} #contact #submit2-2:hover,#submit2-2:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;} #contact #submit2-2.active,#submit2-2.active {pointer-events: none;} #form tr {border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;} #form th {width: 200px; font-weight: bold;} #form .f-tag {width: 80px;} #form th,#form td {padding:1em 0;} #form .f-textarea,#form textarea {width: 100%; padding:1% 2%;} #form input,#form textarea {border: 1px solid #ededed; background-color: #f2f2f2; color: #000;} #form textarea {min-height:200px;} #form .red {color: #BF0000; display:block; font-weight: normal;} #form .must {background-color: #0e3a58; color: #fff; padding:.64em;} #form .any {background-color: #ccc; color: #fff; padding:.64em;} #form #fileup {background: none!important; border: none; font-size:smaller;} #f-policy {background-color: #f5f5f5; padding:2em 1.5em 1.5em;} #f-policy h4 {margin-bottom:.5em; font-weight: bold;} /*20170403 �lj�*/ #form .f-textbox,#form .name_shi_text .textbox {width: 25%; } #form .f-textbox1,#form .name_shi_text .textbox1 {width: 85%; } #form .name_shi{width: 10%; } #form .name_shi_text {width: 90%;} #form .name {width:50%;float:left;} #form .example{color: #a9a9a9;padding-left:10%;} /*20170412�lj�START*/ .hpcolor{ color:#0e3a58; } .hpboldcolor{ color:#0e3a58; font-weight:bold; } .hperrcolor{ color:#ff0000; } /*20170412 �lj�END*/ /* ========================================================================== request ========================================================================== */ #request {margin: 0 auto; max-width: 900px; width: 100%;} #request .fpf {font-weight: bold;} #request #tel,#tel {border-top:1px solid #e5e5e5; padding:1.5em 0 0 0; margin-top: 2em;} #request #tel h3,#request #tel dl,#tel h3,#tel dl {float: left;} #request #tel h3,#tel h3 {margin-right: 1em;} #request #fax,#fax,#fax_paper {border-bottom:1px solid #e5e5e5; padding:1.5em 0; } #request #fax h3,#request #fax dl,#fax h3,#fax dl {float: left;} #request #fax h3,#fax h3 {margin-right: 1em;} #request #fax h3 .fax_txt, .fax_txt,.tel-link{font-size:32px;font-weight:bold;color:#0e3a58;} #request table th{color:#0e3a58;font-weight: bold;} #request table td{word-break: break-word;} #request h3 a,h3 a {font-weight: bold; font-size:32px;color: #0e3a58;} #request h3 a span,h3 a span {font-size:.5em;} #request dt span,dt span {color: #0e3a58; font-weight: bold;} #request .m-title {margin-top:1.5em; padding-bottom: .4em; color:#0e3a58;font-weight:bold;} #request #submit,#submit {margin-top:1.5em;padding: .6em; text-align: center; font-size: 1.4em; font-weight:bold; background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto; display:block; position: relative; z-index: 2; overflow: hidden; width: 40%; -webkit-border-radius: 0; border-radius: 0;} #request #submit:hover,#submit:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;} #request #submit.active, #submit.active {pointer-events: none;} #request #table-btn{width:100%;} #request #table-btn tr{text-align:center;} #request #submit2,#submit2 {margin-top:1.5em;padding: .6em; text-align: center; font-size: 1.4em; font-weight:bold; background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto;z-index: 2; overflow: hidden; width: 25%; -webkit-border-radius: 0; border-radius: 0;} #request #submit2:hover,#submit2:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;} #request #submit2.active,#submit2.active {pointer-events: none;} #request #submit2-2,#submit2-2 {margin-top:1.5em;margin-left:1.5em;padding: .6em; text-align: center; font-size: 1.4em; font-weight:bold; background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto;z-index: 2; overflow: hidden; width: 25%; -webkit-border-radius: 0; border-radius: 0;} #request #submit2-2:hover,#submit2-2:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;} #request #submit2-2.active,#submit2-2.active {pointer-events:0;} #request #form .form_header {font-size: 20px;} #request input {position:relative; top:1px;} #request label {font-weight: normal;} #request #fax_paper .fax_button {display:flex; padding-bottom: 1em;} #request #fax_paper {margin: 1em} #request #fax_paper input[type="button"] {padding: .6em; text-align: center; font-size: 1.4em; font-weight:bold; background-color: #0e3a58;; color: #fff; border:2px solid #0e3a58;margin-left:auto; margin-right: auto; display:block; position: relative; z-index: 2; overflow: hidden; width: 40%; -webkit-border-radius: 0; border-radius: 0;} #request #fax_paper input[type="button"]:hover { color: #0e3a58!important; border:2px solid #0e3a58; background: #fff;} #request #fax_paper #fax_paper_title {margin-top:0;} #request #form .f-textbox,#form .scale_text .textbox {width: 25%;} #request #form .f-textbox1,#form .scale_text .textbox1 {width: 65%;} #request #form .f-textbox2 {width: 18%;} #request #form .f-textarea3 {min-height: 1.5em;} #request #form .scale_h{width: 10%;} #request #form .scale_text {width: 90%;} #request #form .scale {width:50%;float:left;} #request #form {margin-top: 3em} #request #form .form_top1 {border-top:none;} #request #form .form_foot {border-bottom:none;} #request #form .tel_example{color: #a9a9a9;} #request #form .area{margin-bottom: 0.5em;} #request #form .biko{font-size:0.8em; margin-right:1.5em;} #request textarea {line-break: anywhere;} #request .desire_area {padding-right:5em;} #request #form .f-textarea[disabled] {cursor:not-allowed;} #request #form .headererr{font-size: 14px;} /* ========================================================================== Program ========================================================================== */ #details,#license {background:#f4f3f3; color: #FFF; text-shadow: 1px 1px 6px rgba(0, 0, 0, 0.3); -webkit-background-size: cover; -o-background-size: cover; background-size: cover; background-position: center; } #details h2,#license h2 {color: #FFF; font-size:2.3em;} #step h3 {padding-bottom: 0.3em; position: relative;} #curriculum h3 {color: #000; margin: 1em 0;} #curriculum dd {display:inline-block;} #curriculum li {list-style-type: disc; margin-left: 18px; margin-bottom:.5rem;} #curriculum li span {display: block;} /* ========================================================================== KURIZO ========================================================================== */ #kurizo h3 {font-size: 1.4em; color: #000;} #kurizo .fadeslide li {outline: none;} #kurizo-profile {margin-top:3.5%;} #kurizo-profile * {line-height:2;} #kurizo-profile dt {float: left; clear: left; width: 70px; font-size: 1em; position: relative;} #kurizo-profile dd {margin-left: 80px; vertical-align: top;} /* ========================================================================== SITEINFO ========================================================================== */ #siteinfo {margin: 0 auto 4em; max-width: 900px; width: 100%;} #siteinfo h3 {color: #000;} #siteinfo li {border-bottom: 1px solid #e5e5e5; padding-bottom: 1em; margin-bottom:2em;} /* ========================================================================== 404 ========================================================================== */ #T404 h2 {color:#000;font-weight:bold;} /************************************************************ 2019/01/28�lj� /* ========================================================================== Immovables ========================================================================== */ .iframeWrap {position: relative;padding-bottom: 80%;height: 0;overflow: hidden;} .iframeWrap iframe {position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} *************************************************************/ /* ========================================================================== Responsive ========================================================================== */ @media (min-width: 1500px) { #spirit.c-box {background-position: 50%;} #message.c-box {background-position: 50% 20%;} } @media (max-width: 1130px) { #f-menu {display:none;} #menu-1 .sp {display:block;} #menu-1 .sp a {color: #676561;} #menu-1 .last {border-bottom: 1px solid #fff; margin-bottom:12em;} .m-top{float: none; } .m-top-txt{font-size: 14px !important; font-weight:normal; padding-top:0px !important;} /*body {font-size:75%;}*/ .inner {padding: 15px;} #category .inner {padding: 0 !important;} .mini-img {display: block;} /* header */ #header {width: 100%; height: auto; background-color: #FFF; height:60px; padding:0px 30px;} #header .container-fluid {padding:10px 0 ;} #logo {padding:0px; background:none;height:40px; } #header.fixed {background-color:rgba(255,255,255,0); -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s;} #header.fixed:hover {background: none;} #header.fixed #logo {opacity: 0;} #header.active.fixed #logo {opacity: 1;} #header.active.fixed {background-color: #FFF;} #header.fixed nav {opacity: 1;} #menu-btn {display: block; background-color: #0E3A58; position: absolute; top:10px; right:0;line-height: 1;height: 40px;} #spwrap {display: none; position: fixed; width: 100%; background-color: #0E3A58; top: 60px; left: 0;height: 100%; overflow-y: auto; -webkit-overflow-scrolling: touch;} #menu-1 .en {font-size: 13px; font-size: 1.3rem; color: #C5C5AF;right:30px;position:absolute;} #menu-1 li {display: block; border-bottom:1px solid #fff; border-left: none; font-size: 2em;} #spwrap a { color: #FFF; font-size: 11px; font-size: 1.1rem; padding: 20px 30px;} #menu-1 .jp {display: block; padding: 0; font-size: 14px; font-size: 1.4rem;} #menu-1 a:hover,#menu-1 a.hover {background-color: #337ab7; color: #fff!important;} /* top */ #t-news ul {width: 100%;} #t-kurizo figure {width:25%;} /* interview */ #interview #hello .inner,#staff #hello .inner {padding:0 20px!important; bottom: 20px;} #interview-wrap {width: 100%; min-width: 100%;} #interview-wrap .h-title {text-align: left; font-size:2em; letter-spacing:.02em;} #interview-wrap .h-title br {display: none;} /* company */ .c-box {background: none!important;} .c-box h2 {text-align: center;} .c-box .text-area {width: 100%; padding:2rem 30px!important; margin: 0!important;} .c-box .text-area p {color: #676561; letter-spacing:0.08em;} #message {text-align: center;} #message .text-area {width: 100%; padding-bottom:7rem!important;} #message h2 {width: 100%; right: 0; text-align: center; line-height:1.8;bottom: 2rem;} #company h2 {padding: 0;} .com-table th {width: 160px;} .com-table table td {display: initial;} .history-table th {padding-left:15px; width: 160px;} .com-table th,.history-table th {background: #e8e8e8; border:1px solid #fff;} .com-table td,.history-table td {background: #f2f2f2; border:1px solid #fff;} #policy h3 {color: #fff; background-color: #9a9b68; padding: 10px; text-align: center;} /* works */ .wlist {font-size: .9em;} .wlist strong {width: 90px;} .wlist strong:after {right:8px;} .wlist span {display:block;} .tdwidth {width: 85px;} /* recruit */ #newperson h3 span {display: none;} /* news */ #news-side {margin-bottom: 0;} } @media (max-width: 768px) { /* common */ .bigfont {font-size: 2em;} #category .title {margin: 2rem 0 4rem;} #company-top #category .title {margin: 2rem 0 5rem;} #category.active .title:after {width: 100px;} .title:after {width: 40px; } .mt-1 {margin-top:.5rem;} .mt-2 {margin-top:1rem;} .mt-3 {margin-top:1.5rem;} .mt-4 {margin-top:2rem;} .mt-6 {margin-top:3rem;} .mb-1 {margin-bottom:.5rem;} .mb-2 {margin-bottom:1rem;} .mb-3 {margin-bottom:1.5rem;} .mb-4 {margin-bottom:2rem;} .mb-6 {margin-bottom:3rem;} .ml-2 {margin-left:1rem;} .mr-2 {margin-right:1rem;} .pt-1 {padding-top:.5rem;} .pt-2 {padding-top:1rem;} .pt-3 {padding-top:1.5rem;} .pt-4 {padding-top:2rem;} .pb-1 {padding-bottom:.5rem;} .pb-2 {padding-bottom:1rem;} .pb-3 {padding-bottom:1.5rem;} .pb-4 {padding-bottom:2rem;} .linkbtn {width: 100%;} .side-link {display: none;} .pull-right {float: none!important;} #f-menu li {padding: 0 1em;} footer {font-size: 80%;} .three-gl .gallery-cell {width:85%; margin: 0 .5em;} #swipebox-next, #swipebox-prev {display:none;} /* top */ #t-logo {height: 100%; top: 0; transform: inherit;} #top #read {display: none;} #top #title {background: url('/assets/img/title2.svg') no-repeat center; height:100%; width: 80%; margin:0 auto;} #t-pride {width: 95%;} #t-slogan {width:80%;} #t-news time {display: block;} #t-news {padding:1.5rem 0 2rem;} #t-works .linkbtn {margin-left:15px; margin-right: 15px; display: block; width: auto;} .flickity-prev-next-button {display: none;} /* business */ #safety h2 {font-size: 2em;} #safety h3 {font-size: 1.7em;} #safety br {display: none;} #business #gallery,#interview #gallery {display: none;} #safety strong {font-size:1.4em;} #anzen:after,#five:after, #eye:after, #five:after, #five:before {display: none;} #business-policy {background:#fff; margin-bottom: 0;} #business-policy h3 {font-size:1.7em;} #business-policy b {display:block; text-align: right;} /* works */ #winning a, #gallery a {padding: 0;} #winning img, #gallery img {position: relative; top: auto; left: auto; -webkit-transform: none; -ms-transform: none; transform: none;} //#winning li, #gallery li {width: 100%;} /* interview */ #interview #read br,#staff #read br {display: none;} #interview #wplink,#staff #wplink {right: 14px; bottom:10px;} #interview .overview {padding-right:3.5rem;} /* News */ #news-entry {border: none; padding-right: 15px;} #news-side {margin-top: 1rem; padding:20px 15px; background-color: #F4F3F3;} /* company */ #map a {margin-top: 0;} #map p {margin: 0 30px;} #gmap {display: none;} /* kurizo */ #kurizo p.text-center {text-align: left;} #kurizo br {display: none;} /* recruit */ #newperson {padding-bottom: 1.5em;} #newperson h3 {font-size: 1.45em; margin:.8em 0;} /* program */ #details h2, #license h2,#curriculum h3 {font-size: 1.7em;} #curriculum h3 { margin:.8em 0;} #details h3 {font-size: 1.3em;} #step h2 {margin-top: 2em;} #step h2 span {display: none!important;} /* contact */ #tel {text-align: center;} #tel * {width: 100%; margin: 0;} #fax {text-align: center;} #fax * {width: 100%; margin: 0;} #contact #submit,#submit {width: 80%;} #contact #submit2,#submit2 {width: 40%;margin-bottom:0em;} #contact #submit2-2,#submit2-2 {width: 40%;margin-left:0em;} #contact h2 {font-size:32px;} #tel h3 a {font-size:28px;} #contact #fax h3 .fax_txt,.fax_txt,.tel-link{font-size:28px;} #contact #fax, #fax{padding:0 0 1.5em 0;} #form .name {width:100%;float:left;} //#contact .fpf {font-weight: bold;text-align:left;} /* siteinfo */ #siteinfo h3 {font-size: 1.5em;} .thum-link h3 { font-size: 20px; padding: 10px; } .building { padding: 20px !important; } #T404 h2 {color:#000;font-weight:bold;font-size:1.8em;} .atcol1{ background:#fff; padding-top:1.5rem; padding-bottom:1.5rem; width:100%; } .atcol2{ padding-top:1.5rem; padding-bottom:1.5rem; background:#eeeeee; width:100%; } .pt-3{ padding-top:0; } .pb-3{ padding-bottom:0; } .grey{ background:#fff; } } @media (max-width: 650px) { #main {padding-top:1em;} /*body {font-size:60%;}*/ /*p br {display: none;}*/ /*p,li,dt,dd {font-size: 12px; font-size: 1.2rem;}*/ p.text-center {text-align: left;} p {margin-bottom: 10px;} #header {padding-left: 15px; padding-right: 15px;} #menu-1 .en {right: 15px;} #spwrap a {padding: 15px;} .title:after {bottom:-10px} .container-fluid {padding-left: 15px; padding-right: 15px;} #sub-category {margin-top:-.5rem;} #bread {display: none;} #category .title {margin: 2rem 0 3rem!important;} /* top */ #top #main {padding-top: 0;} #top .title {margin:2em 0 3em!important;} #t-news .m-title {margin-bottom: 0;} #t-company p,#t-recruit p {text-align: left;} #t-kurizo figure {width:30%;} #top #wplink {bottom:5px;} /* interview */ #interview #title,#staff #title {font-size:2em; background:none; padding: 0; } #interview #hello,#staff #hello {text-align: justify; letter-spacing: normal;} #interview #hello .inner,#staff #hello .inner {bottom: 20px;} #interview #hello:after {content:""; width: 100%; height: 100%; background-color:rgba(0,0,0,.4); position: absolute; opacity: 0;} #staff #hello:after {content:""; width: 100%; height: 100%; background-color:rgba(255,255,255,.4); position: absolute; opacity: 0;} #interview #hello.active:after,#staff #hello.active:after {opacity:.8; -webkit-transition: all 1.5s; -moz-transition: all 1.5s; -o-transition: all 1.5s; transition: all 1.5s;} #interview #read,#staff #read {font-size:2.2em;} #interview .box,#staff .box {padding: 0 .8em;} #interview #main figure,#staff #main figure {margin-left: -15px; margin-right: -15px;} #interview-top .m-title {margin-bottom: 0;} #black * {color: #FFF!important;} /* business */ #business-policy h2 br {display:none;} #business-policy h2,#five {text-align: left!important;} #five strong {background-color:rgba(0,0,0,.4); margin-left:-15px; margin-right: -15px; margin-bottom: 10px; padding:2px 15px;} /* news */ #news-entry .entrybody img {width: 100%!important;} /* company */ .c-box .text-area {width: 100%; padding:1.5rem 15px!important; margin: 0!important;} .com-table th,.com-table td {padding: 10px; border: none; border-bottom: 1px solid #fff;} .com-table table td {padding: 0 10px 0 0;} .com-table th {width:100%; padding-left: 10px; display: block;} .com-table .mw {width: 100%; display: inline-block; padding-right:10px!important} .history-table th {padding:10px!important; width:110px;} .history-table td {padding: 10px!important;} #map p {margin: 0 15px;} #spirit h2 span {display: block;} #policy h4 {font-size: 1.4em; margin-bottom: 1rem;} #spirit .text-area p {letter-spacing:.08em;} /* works */ #winning h4, .wlist li {font-size: initial; font-size: 1.2em;} /* recruit */ #newperson span {display: block; line-height: 1;} #newperson p.text-center {text-align: left;} #recruit .m-title {margin-bottom: 0;} #newperson h3 span {display:inline-block;} /* program */ #growth h2 span {display:block;} #details li p {text-align: left;} #curriculum h3 span {display: block;} /* contact */ #contact h2 span {display: block;} #form th {display:block;} #form td {display:inline-block; width:80%;} #form .f-tag {display:inline-block; width:20%;} #form td {padding-top: 0;} } @media(max-width:500px){ /*#logo { width: 235px; } #logo a {background: url("../../img/ktslogo_sp.png") no-repeat; display: block;height: 40px;}*/ #logo {width: 235px;margin-top: 10px;} } @media(max-width:425px){ .msg {font-size:14px;} .f-txt1{ font-size: 22px; font-weight: bold; padding-top: 25px; margin-bottom:0px; } .f-txt2{ font-size: 22px; font-weight: bold; } .footer-tel{ font-size: 22px; font-weight: bold; } .f-btn{ background-color: #FFE33F; color: #0E3A58; font-size: 16px; font-weight: bold; padding: 5px 15px; } .copyright{ font-size:10px; font-size:1.0rem; } #T404 h2 {color:#000;font-weight:bold;font-size:1.1em;} .pl0{ padding-left:0px; padding-right:0px; } .pr0{ padding-left:0px; padding-right:0px; } #tel h3 a {font-size:20px;} #contact #fax h3 .fax_txt, .fax_txt,.tel-link {font-size:20px;} #contact #submit,#submit {width: 100%;} #contact #submit2,#submit2 {width: 100%;margin-bottom:0em;} #contact #submit2-2,#submit2-2 {width: 100%;margin-left:0em;} } /* ijyou */ @media (min-width: 950px) { /*#header.fixed #logo {width: 100px;}*/ /* company */ #message h2 br {display: none;} } @media (min-width: 768px) { /* company */ #message h3 br {display: none;} } @media (max-width: 375px){ .f-txt3, .f-txt4{ font-size: 13px; font-size: 1.3rem; } } @media (max-width: 340px){ .f-txt3, .f-txt4{ font-size: 11px; font-size: 1.1rem; } } @media (max-width: 333px) { .thum-link h3 { font-size: 17px; padding: 10px; } .building { padding: 20px !important; } } @media (max-width: 320px){ .kyubi{font-size:13px;} } @media (max-width: 314px){ .f-txt4{ font-size: 10px; font-size: 1.0rem; } } /* zoomslider */ .zs-enabled{position:relative}.zs-enabled .zs-slideshow,.zs-enabled .zs-slides,.zs-enabled .zs-slide{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;overflow:hidden}.zs-enabled .zs-slideshow .zs-slides .zs-slide{background:transparent none no-repeat 50% 50%;background-size:cover;position:absolute;visibility:hidden;opacity:0;-webkit-transform:scale(1.2, 1.2);-moz-transform:scale(1.2, 1.2);-ms-transform:scale(1.2, 1.2);-o-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2)}.zs-enabled .zs-slideshow .zs-slides .zs-slide.active{visibility:visible;opacity:1}.zs-enabled .zs-slideshow .zs-bullets{position:absolute;z-index:4;bottom:20px;left:0;width:100%;text-align:center}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet{display:inline-block;cursor:pointer;border:2px solid #ccc;width:14px;height:14px;border-radius:8px;margin:10px;background-color:#4a4a4a}.zs-enabled .zs-slideshow .zs-bullets .zs-bullet.active{background-color:#ccc}.zs-enabled .zs-slideshow:after{content:" ";position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;background:transparent none repeat 0 0}