@charset "utf-8";


#noscript_message{position:fixed;z-index:10000;padding:1em 0;width:100%;background:#c00;color:#fff;text-align:center;font-size:1.2em}
#wrap{min-height:100%;height:100%;width:100%;position:relative}
.page-change #wrap:after,.page-change #wrap:before,.page-loading #wrap:after,.page-loading #wrap:before{content:'';position:fixed;width:100%;height:100%;left:0;top:0;-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.page-change #wrap:before,.page-loading #wrap:before{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;background-color:#ffd500;z-index:2000}
.page-change #wrap:after,.page-loading #wrap:after{-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s;background-color:#191919;z-index:2001}
.page-change.slide-in #wrap:after,.page-change.slide-in #wrap:before,.page-loading #wrap:after,.page-loading #wrap:before{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.page-change.slide-out #wrap:before,.page-loading.loaded #wrap:before{-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}
.page-change.slide-out #wrap:after,.page-loading.loaded #wrap:after{-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.page-change.slide-out #wrap:after,.page-change.slide-out #wrap:before,.page-loading.loaded #wrap:after,.page-loading.loaded #wrap:before{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.slide-in #careers-top .content-bg .inner,.slide-in #culture-top .content-bg .inner,.slide-in #experience-top,.slide-in #salads-top .content-bg .inner,.slide-in #top-visual .content-bg .inner{-webkit-transform:scale(1.35);-moz-transform:scale(1.35);-o-transform:scale(1.35);transform:scale(1.35)}
.slide-out #careers-top .content-bg .inner,.slide-out #culture-top .content-bg .inner,.slide-out #experience-top,.slide-out #salads-top .content-bg .inner,.slide-out #top-visual .content-bg .inner{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform 1s cubic-bezier(0,.8,.5,1);-moz-transition:-moz-transform 1s cubic-bezier(0,.8,.5,1);-o-transition:-o-transform 1s cubic-bezier(0,.8,.5,1);transition:transform 1s cubic-bezier(0,.8,.5,1)}
.shown #careers-top .content-bg .inner,.shown #culture-top .content-bg .inner,.shown #experience-top,.shown #salads-top .content-bg .inner,.shown #top-visual .content-bg .inner{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.slide-in #contents,.slide-in #footer{-webkit-transform:translate3d(-30%,0,0);-moz-transform:translate3d(-30%,0,0);-o-transform:translate3d(-30%,0,0);transform:translate3d(-30%,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-timing-function:cubic-bezier(.7,0,1,.6);-moz-transition-timing-function:cubic-bezier(.7,0,1,.6);-o-transition-timing-function:cubic-bezier(.7,0,1,.6);transition-timing-function:cubic-bezier(.7,0,1,.6)}
.slide-out #contents,.slide-out #footer{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.anim-parts:nth-of-type(odd){-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
.anim-parts:nth-of-type(even){-webkit-transform:translate3d(0,50%,0);-moz-transform:translate3d(0,50%,0);-o-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
.anim-parts:nth-of-type(0){-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s}
.anim-parts:nth-of-type(1){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.anim-parts:nth-of-type(2){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.anim-parts:nth-of-type(3){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.anim-parts:nth-of-type(4){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.anim-parts:nth-of-type(5){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.anim-parts:nth-of-type(6){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.anim-parts:nth-of-type(7){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.anim-parts:nth-of-type(8){-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}
.anim-parts:nth-of-type(9){-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}
.anim-parts:nth-of-type(10){-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.anim-parts:nth-of-type(11){-webkit-transition-delay:1.1s;-moz-transition-delay:1.1s;-o-transition-delay:1.1s;transition-delay:1.1s}
.anim-parts:nth-of-type(12){-webkit-transition-delay:1.2s;-moz-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}
.anim-parts:nth-of-type(13){-webkit-transition-delay:1.3s;-moz-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s}
.anim-parts:nth-of-type(14){-webkit-transition-delay:1.4s;-moz-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s}
.anim-parts:nth-of-type(15){-webkit-transition-delay:1.5s;-moz-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}
.anim-parts:nth-of-type(16){-webkit-transition-delay:1.6s;-moz-transition-delay:1.6s;-o-transition-delay:1.6s;transition-delay:1.6s}
.anim-parts:nth-of-type(17){-webkit-transition-delay:1.7s;-moz-transition-delay:1.7s;-o-transition-delay:1.7s;transition-delay:1.7s}
.anim-parts:nth-of-type(18){-webkit-transition-delay:1.8s;-moz-transition-delay:1.8s;-o-transition-delay:1.8s;transition-delay:1.8s}
.anim-parts:nth-of-type(19){-webkit-transition-delay:1.9s;-moz-transition-delay:1.9s;-o-transition-delay:1.9s;transition-delay:1.9s}
.anim-parts:nth-of-type(20){-webkit-transition-delay:2s;-moz-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}
.anim-parts:nth-of-type(21){-webkit-transition-delay:2.1s;-moz-transition-delay:2.1s;-o-transition-delay:2.1s;transition-delay:2.1s}
.anim-parts{opacity:0;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:1s;-moz-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}
.slide-out .anim-parts{opacity:0}
.hidden-title{opacity:0;font-weight:400}
.hidden-title.title-shown{opacity:1}
.title-shown .anim-parts{opacity:1;-webkit-transform:translateY(0)!important;-moz-transform:translateY(0)!important;-o-transform:translateY(0)!important;transform:translateY(0)!important}
#header{position:fixed;width:100%;z-index:1000;-webkit-transition:.5s cubic-bezier(.6,0,.3,1);-moz-transition:.5s cubic-bezier(.6,0,.3,1);-o-transition:.5s cubic-bezier(.6,0,.3,1);transition:.5s cubic-bezier(.6,0,.3,1)}
.gnav-hide #header{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
.mobile .gnav-hide #header{-webkit-transform:translate(-100%,0);-moz-transform:translate(-100%,0);-o-transform:translate(-100%,0);transform:translate(-100%,0)}
#logo{position:absolute;top:0;left:0;width:60px;height:60px;background:#000}
#logo a{display:block;height:60px;padding:10px;background:no-repeat 50% 50%;background-size:40px}
.index #logo a{-webkit-animation-name:sideInY;-o-animation-name:sideInY;animation-name:sideInY;-webkit-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
#logo a span{display:none}
#loading-logo{display:none;position:fixed;left:50%;top:50%;width:60px;height:60px;margin-top:-30px;margin-left:-30px;z-index:3000;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.page-change #loading-logo,.page-loading #loading-logo{display:block;opacity:0;-webkit-transform:scale3d(1.5,1.5,1);-moz-transform:scale3d(1.5,1.5,1);-o-transform:scale3d(1.5,1.5,1);transform:scale3d(1.5,1.5,1)}
.page-change.slide-in #loading-logo,.page-loading.load #loading-logo{opacity:1;-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);-o-transform:scale3d(1,1,1);transform:scale3d(1,1,1);-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}
.page-change.slide-out #loading-logo,.page-loading.loaded #loading-logo{opacity:0;-webkit-transform:translate3d(0,50%,0);-moz-transform:translate3d(0,50%,0);-o-transform:translate3d(0,50%,0);transform:translate3d(0,50%,0)}
.logo-anim{position:relative;width:100%;height:100%;border-radius:100%;overflow:hidden}
.logo-anim .ring{position:absolute;width:100%;height:100%;top:0;left:0}
.logo-anim .ring:before,.logo-anim .wave{display:block;content:'';position:absolute;width:100%;height:100%;top:0;left:0}
#logo .logo-anim .drop__bottom>.inner,#logo .logo-anim .drop__bottom>.inner:before,#logo .logo-anim .drop__top>.inner,#logo .logo-anim .drop__top>.inner:before,#logo .logo-anim .ring,#logo .logo-anim .ring:before,#logo .logo-anim .wave{-webkit-animation-duration:10s;-o-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}
.logo-anim .drop__bottom>.inner,.logo-anim .drop__bottom>.inner:before,.logo-anim .drop__top>.inner,.logo-anim .drop__top>.inner:before,.logo-anim .ring,.logo-anim .ring:before,.logo-anim .wave{-webkit-animation-duration:10s;-o-animation-duration:10s;animation-duration:10s;-webkit-animation-iteration-count:infinite;-o-animation-iteration-count:infinite;animation-iteration-count:infinite}
.logo-anim .ring{-webkit-animation-name:xSpin;-o-animation-name:xSpin;animation-name:xSpin}
.logo-anim .ring:before{background:url(/common/img/logo_parts/ring.png) no-repeat;background-size:cover;-webkit-animation-name:ySpin;-o-animation-name:ySpin;animation-name:ySpin;-webkit-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s}
.logo-anim .wave{background:url(/common/img/logo_parts/wave.png) no-repeat;background-size:cover;-webkit-animation-name:ySpin;-o-animation-name:ySpin;animation-name:ySpin}
.logo-anim .drop__bottom,.logo-anim .drop__top{position:absolute;width:100%;height:50%;left:0;overflow:hidden}
.logo-anim .drop__top{top:0}
.logo-anim .drop__bottom{bottom:2px}
.logo-anim .drop__bottom>.inner,.logo-anim .drop__top>.inner{position:absolute;width:100%;height:400%;bottom:0;-webkit-animation-name:DropOut;-o-animation-name:DropOut;animation-name:DropOut;-webkit-animation-timing-function:cubic-bezier(.5,0,.7,1);-o-animation-timing-function:cubic-bezier(.5,0,.7,1);animation-timing-function:cubic-bezier(.5,0,.7,1)}
.logo-anim .drop__bottom>.inner,.logo-anim .drop__bottom>.inner:before{-webkit-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s}
.logo-anim .drop__bottom>.inner:after,.logo-anim .drop__bottom>.inner:before,.logo-anim .drop__top>.inner:after,.logo-anim .drop__top>.inner:before{display:block;content:'';position:absolute;width:100%;height:25%;left:0;background:url(/common/img/logo_parts/drop.png) 0 100% no-repeat;background-size:100% 100%}
.logo-anim .drop__bottom>.inner:before,.logo-anim .drop__top>.inner:before{top:25%;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%;-webkit-animation-name:bounce;-o-animation-name:bounce;animation-name:bounce;-webkit-animation-timing-function:linear;-o-animation-timing-function:linear;animation-timing-function:linear}
.logo-anim .drop__bottom>.inner:after,.logo-anim .drop__top>.inner:after{bottom:0}
#gnav{padding-left:60px;width:100%}
#gnav ul{width:100%}
#gnav ul:after,#gnav ul:before{display:table;content:"";line-height:0}
#gnav ul:after{clear:both}
#gnav li,#gnav-sub li{display:block;width:16.666%;height:60px;line-height:60px;float:left;text-align:center;font-size:1.2em;overflow:hidden}
#gnav li{display:block}
#gnav li a{position:relative;display:block;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
#gnav li a:after,#gnav li a:before{display:block;content:'';position:absolute;top:0;left:0;width:100%;height:100%;-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;-o-transition:-o-transform .3s;transition:transform .3s}
#gnav li a:before{background-color:#191919;z-index:-2}
#gnav li a:after{background-color:#ffd500;z-index:-1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
#gnav li a:hover:after,#gnav li a:hover:before{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#gnav li a span,#gnav li a span:after{position:relative;display:block;letter-spacing:.1em;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#gnav li a span{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#gnav li a.active-parent:hover span,#gnav li a.active:hover span{position:relative;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
#gnav li a:hover span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
#gnav li a.active,#gnav li a.active-parent,#gnav li a:active{background-color:#ffd500}
#gnav li a.active span,#gnav li a.active-parent span{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#gnav-sub{display:none}
#side-bar{position:fixed;width:60px;height:100%;padding-top:60px;background-color:#191919;z-index:999}
#bnr{position:absolute;left:50%;top:50%;width:201px;height:18px;-webkit-transform-origin:0 0;-moz-transform-origin:0 0;transform-origin:0 0;-webkit-transform:rotate(-90deg) translate(-100px,-9px);-moz-transform:rotate(-90deg) translate(-100px,-9px);-o-transform:rotate(-90deg) translate(-100px,-9px);transform:rotate(-90deg) translate(-100px,-9px)}
#bnr a{display:block;width:100%;height:100%;background:url(/common/img/modules/title.svg) no-repeat 50% 50%;background-size:100%}
.index #bnr a{-webkit-animation-name:sideInX;-o-animation-name:sideInX;animation-name:sideInX;-webkit-animation-duration:.5s;-o-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both}
.page-nav{position:absolute;width:100%;bottom:30px}
.page-nav li{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.slide-in.slide-out .page-nav li{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
.page-nav.show li{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.page-nav li:nth-of-type(1){-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}
.page-nav li:nth-of-type(2){-webkit-transition-delay:.2s;-moz-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}
.page-nav li:nth-of-type(3){-webkit-transition-delay:.3s;-moz-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}
.page-nav li:nth-of-type(4){-webkit-transition-delay:.4s;-moz-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}
.page-nav li:nth-of-type(5){-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}
.page-nav li:nth-of-type(6){-webkit-transition-delay:.6s;-moz-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}
.page-nav li:nth-of-type(7){-webkit-transition-delay:.7s;-moz-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}
.page-nav li:nth-of-type(8){-webkit-transition-delay:.8s;-moz-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}
.page-nav li:nth-of-type(9){-webkit-transition-delay:.9s;-moz-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}
.page-nav li:nth-of-type(10){-webkit-transition-delay:1s;-moz-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}
.page-nav li,.page-nav li a{display:block;position:relative;width:100%;height:30px;line-height:30px}
.page-nav li{font-size:1.2em;text-align:center;-webkit-perspective:500px;-moz-perspective:500px;perspective:500px}
.page-nav li a:before{display:block;position:absolute;left:50%;top:50%;margin-left:-4px;margin-top:-4px;content:'';width:8px;height:8px;background-color:#474747;-webkit-transition-property:background-color;-moz-transition-property:background-color;-o-transition-property:background-color;transition-property:background-color;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1);border-radius:50%}
.page-nav li a:active:before,.page-nav li a:hover:before,.page-nav li.active a:before{background-color:#ffd500;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
.page-nav li span{display:block;word-wrap:normal;white-space:nowrap;position:absolute;min-width:105px;height:40px;line-height:40px;top:-5px;left:60px;padding:0 20px;background-color:#ffd500;visibility:hidden;opacity:0;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition-property:visibility,opacity,-webkit-transform;-moz-transition-property:visibility,opacity,-moz-transform;-o-transition-property:visibility,opacity,-o-transform;transition-property:visibility,opacity,transform;-webkit-transition-duration:0s,.4s,.4s;-moz-transition-duration:0s,.4s,.4s;-o-transition-duration:0s,.4s,.4s;transition-duration:0s,.4s,.4s;-webkit-transition-delay:.6s,.01s,.01s;-moz-transition-delay:.6s,.01s,.01s;-o-transition-delay:.6s,.01s,.01s;transition-delay:.6s,.01s,.01s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1);-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}
.page-nav.hide-active li.active span{opacity:0;-webkit-transform:rotateY(90deg);-moz-transform:rotateY(90deg);-o-transform:rotateY(90deg);transform:rotateY(90deg)}
.page-nav li.active span,.page-nav li.active:hover span,.page-nav li:hover span{opacity:1;visibility:visible;-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0);-webkit-transition-delay:0s,.01s,.01s;-moz-transition-delay:0s,.01s,.01s;-o-transition-delay:0s,.01s,.01s;transition-delay:0s,.01s,.01s}
#menu-btn{display:none}
#video-sound-controll{position:fixed;top:77px;right:15px;width:41px;height:65px;z-index:900;visibility:none;opacity:0;-webkit-transition-property:visibility,opacity,top;-moz-transition-property:visibility,opacity,top;-o-transition-property:visibility,opacity,top;transition-property:visibility,opacity,top;-webkit-transition-duration:0s,.5s,.5s;-moz-transition-duration:0s,.5s,.5s;-o-transition-duration:0s,.5s,.5s;transition-duration:0s,.5s,.5s;-webkit-transition-delay:.51s,.01s,.01s;-moz-transition-delay:.51s,.01s,.01s;-o-transition-delay:.51s,.01s,.01s;transition-delay:.51s,.01s,.01s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
#video-sound-controll.active{visibility:visible;opacity:1;-webkit-transition-delay:0s,.01s,.01s;-moz-transition-delay:0s,.01s,.01s;-o-transition-delay:0s,.01s,.01s;transition-delay:0s,.01s,.01s}
.gnav-hide #video-sound-controll{top:17px}
#video-sound-controll a{display:block;height:100%;background:url(/common/img/modules/btn_sound_on.png) no-repeat 50% 50%}
#video-sound-controll a span{display:none}
#video-sound-controll.sound-on a{background-image:url(/common/img/modules/btn_sound_off.png)}
#contents{}
.page-content{position:relative}
.sub-page-content .sub-page-head{position:relative;padding-top:35.714%;min-height:300px;background:url(/common/img/visual/s001.jpg) no-repeat 50% 50%;background-size:cover}
.sub-page-content .sub-page-head:before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#000;opacity:.2}
.sub-page-content .content .container{position:relative;background-color:#fff;top:-240px;margin-bottom:-140px}
#footer{position:relative;background:#a7997b;z-index:1000;-webkit-transition:-webkit-transform .5s;-moz-transition:-moz-transform .5s;-ms-transition:-ms-transform .5s;-o-transition:-o-transform .5s;transition:transform .5s}
#footer.exp-down{-webkit-transform:translate3d(0,80px,0);-moz-transform:translate3d(0,80px,0);-ms-transform:translate3d(0,80px,0);-o-transform:translate3d(0,80px,0);transform:translate3d(0,80px,0)}
#foot-contents{position:relative;top:-70px;margin-bottom:-70px}
.foot-page-nav{position:relative;height:400px}
.foot-page-nav:after,.foot-page-nav:before{display:table;content:"";line-height:0}
.foot-page-nav:after{clear:both}
.foot-page-nav .prev{position:absolute;left:0;width:29%;height:100%;background-color:#000}
.foot-page-nav .next{position:absolute;right:0;width:71%;height:100%;-webkit-transition:background .4s cubic-bezier(0,.4,.1,1);-moz-transition:background .4s cubic-bezier(0,.4,.1,1);-o-transition:background .4s cubic-bezier(0,.4,.1,1);transition:background .4s cubic-bezier(0,.4,.1,1)}
.foot-page-nav .next:hover{background-size:100% auto!important}
.foot-page-nav .next.to-careers:hover,.foot-page-nav .next.to-experience:hover{background-size:auto 105%!important}
.foot-page-nav .next .content-bg{position:absolute;right:0;width:100%;height:100%;overflow:hidden}
.foot-page-nav .next .content-bg:before{display:block;content:'';position:absolute;width:100%;height:100%;top:0;left:0;-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-ms-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01);-webkit-transition:-webkit-transform .4s cubic-bezier(.6,0,.3,1);-moz-transition:-moz-transform .4s cubic-bezier(.6,0,.3,1);-o-transition:-o-transform .4s cubic-bezier(.6,0,.3,1);transition:transform .4s cubic-bezier(.6,0,.3,1)}
.foot-page-nav .next.to-salads .content-bg:before{background:url(/common/img/top/img_salads.jpg) no-repeat 50% 50%;background-size:100% auto}
.foot-page-nav .next.to-experience .content-bg:before{background:url(/common/img/parts/bg_to_experience.gif) no-repeat 50% 50%;background-size:auto 100%}
.foot-page-nav .next.to-careers .content-bg:before{background:url(/common/img/parts/bg_to_careers.jpg) no-repeat 0 50%;background-size:auto 100%}
.foot-page-nav .next a:hover .content-bg:before{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
.foot-page-nav .next.to-location .gmap{-webkit-transform:scale(1.01)!important;-moz-transform:scale(1.01)!important;-ms-transform:scale(1.01)!important;-o-transform:scale(1.01)!important;transform:scale(1.01)!important;-webkit-transition:-webkit-transform .4s cubic-bezier(.6,0,.3,1);-moz-transition:-moz-transform .4s cubic-bezier(.6,0,.3,1);-o-transition:-o-transform .4s cubic-bezier(.6,0,.3,1);transition:transform .4s cubic-bezier(.6,0,.3,1)}
.foot-page-nav .next.to-location a:hover .gmap{-webkit-transform:scale(1)!important;-moz-transform:scale(1)!important;-ms-transform:scale(1)!important;-o-transform:scale(1)!important;transform:scale(1)!important}
.foot-page-nav .next a:after{content:'';position:absolute;width:100%;height:100%;background-color:#000;top:0;left:0;right:0;bottom:0;opacity:.5;z-index:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.foot-page-nav .next a:hover:after{opacity:0}
.foot-page-nav a{position:relative;display:block;width:100%;height:100%}
.foot-page-nav a .btn{position:absolute;z-index:2;top:50%;margin-top:-21px}
.foot-page-nav .prev a .btn{left:-20px;margin-left:0}
.foot-page-nav .prev a .btn:before{left:auto;right:-12px;background:url(/common/img/parts/btn_arrow_w_r.gif) no-repeat left top}
.foot-page-nav .next a .btn{right:-20px}
.foot-page-nav a .btn span{display:inline-block}
#sns-links{padding:30px 0 70px 0;margin-bottom:60px;border-bottom:1px solid rgba(255,255,255,.2)}
#sns-links ul{text-align:center}
#sns-links li{display:inline;margin:0 15px}
#sns-links .icon{display:inline-block;width:23px;height:23px;background:no-repeat 50% 50%;background-size:100%}
#sns-links .icon:after{display:block;content:'';position:relative;width:100%;height:100%}
#sns-links .icon-tw:after{background-image:url(/common/img/icons/icon_tw.png);background-image:url(/common/img/icons/icon_tw.svg)}
#sns-links .icon-fb:after{background-image:url(/common/img/icons/icon_fb.png);background-image:url(/common/img/icons/icon_fb.svg)}
#sns-links .icon-inst:after{background-image:url(/common/img/icons/icon_inst.png);background-image:url(/common/img/icons/icon_inst.svg)}
#sns-links li a,#sns-links li a:before{position:relative;z-index:1;-webkit-transition-property:opacity,border,-webkit-transform;-moz-transition-property:opacity,border,-moz-transform;-o-transition-property:opacity,border,-o-transform;transition-property:opacity,border,transform;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
#sns-links li a{-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-timing-function:cubic-bezier(0,.4,.1,1);-moz-transition-timing-function:cubic-bezier(0,.4,.1,1);-o-transition-timing-function:cubic-bezier(0,.4,.1,1);transition-timing-function:cubic-bezier(0,.4,.1,1)}
#sns-links li a:before{-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}
#sns-links li a:hover{-webkit-transform:scale(.85);-moz-transform:scale(.85);-o-transform:scale(.85);transform:scale(.85)}
#sns-links li a:before{display:block;content:'';position:absolute;width:100%;height:100%;top:-1px;left:-1px;border-radius:100%;background:rgba(0,0,0,.3);opacity:0;z-index:-1;-webkit-transform:scale(2);-moz-transform:scale(2);-o-transform:scale(2);transform:scale(2)}
#sns-links li a:hover:before{opacity:1;-webkit-transform:scale(3);-moz-transform:scale(3);-o-transform:scale(3);transform:scale(3);-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}
#footer{padding-bottom:50px}
#foot-nav{margin-bottom:1em;color:#fff;font-size:1.2em;text-align:center;letter-spacing:.1em}
#foot-nav li{display:inline}
#foot-nav li:after{content:'|';opacity:.5;padding:0 1em}
#foot-nav li:last-child:after{display:none}
#sns-links{padding-bottom:70px;margin-bottom:70px;margin-top:55px}
#foot-nav a{position:relative;color:#fff;opacity:.5;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
#foot-nav a span,#foot-nav a:before{display:inline-block;-webkit-transition-property:opacity,-webkit-transform;-moz-transition-property:opacity,-moz-transform;-o-transition-property:opacity,-o-transform;transition-property:opacity,transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
#foot-nav a.active span,#foot-nav a:hover span{-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translateY(.5em);-moz-transform:translateY(.5em);-o-transform:translateY(.5em);transform:translateY(.5em)}
#foot-nav a:before{display:inline-block;content:'▼';position:absolute;width:100%;height:100%;top:0;left:0;font-size:.6em;opacity:0}
#foot-nav a.active:before,#foot-nav a:hover:before{opacity:1;-webkit-transition-duration:.3s;-moz-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transform:translateY(-1.5em) scale(.7);-moz-transform:translateY(-1.5em) scale(.7);-o-transform:translateY(-1.5em) scale(.7);transform:translateY(-1.5em) scale(.7)}
#foot-nav a.active,#foot-nav a:active,#foot-nav a:focus,#foot-nav a:hover{opacity:.8;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
#crisp-app{position:relative;max-width:800px;margin:-150px auto -50px}
#crisp-app h2{font-size:4.5em;margin-bottom:20px;line-height:1.1;color:#fff}
#crisp-app p{font-size:1.2em;color:#fff}
#crisp-app .block-head{position:relative;left:-70px}
#crisp-app .block-body{position:absolute;bottom:115px;left:200px}
#crisp-app .block-foot{position:absolute;top:50%;right:0}
#copyright{font-size:1.2em;opacity:.5;color:#fff;text-align:center;letter-spacing:.1em}
.wfont{font-family:Graduate,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-weight:400}
.bg-text span,.icon span{display:none}
.hidden{display:none}
.fs10{font-size:1em}
.fs11{font-size:1.1em}
.fs12{font-size:1.2em}
.fs13{font-size:1.3em}
.fs14{font-size:1.4em}
.fs15{font-size:1.5em}
.fs16{font-size:1.6em}
.fs17{font-size:1.7em}
.fs18{font-size:1.8em}
.fs19{font-size:1.9em}
.fs20{font-size:2em}
.fs21{font-size:2.1em}
.fs22{font-size:2.2em}
.fs23{font-size:2.3em}
.fs24{font-size:2.4em}
.fs25{font-size:2.5em}
.fs26{font-size:2.6em}
.fs27{font-size:2.7em}
.fs28{font-size:2.8em}
.fs29{font-size:2.9em}
.fs30{font-size:3em}
.fs31{font-size:3.1em}
.fs32{font-size:3.2em}
.fs33{font-size:3.3em}
.fs34{font-size:3.4em}
.fs35{font-size:3.5em}
.fs36{font-size:3.6em}
.fs37{font-size:3.7em}
.fs38{font-size:3.8em}
.fs39{font-size:3.9em}
.fs40{font-size:4em}
.fwb{font-weight:700}
.fwn{font-weight:400}
.fwl{font-weight:lighter}
.tal{text-align:left}
.tar{text-align:right}
.tac{text-align:center}
.taj{text-align:justify;text-justify:distribute}
.front{z-index:1!important}
.behind{z-index:0!important}
.va-wrap{display:table;width:100%;height:100%}
.va-wrap .va-mid{display:table-cell;vertical-align:middle}
.va-wrap .va-bottom{display:table-cell;vertical-align:bottom}
.va-wrap .va-top{display:table-cell;vertical-align:top}
img.fluid{width:100%}
img.fluid-h{height:100%}
.requierd{color:#e63900}
.scroll-arrow{position:fixed;left:50%;bottom:20px;width:50px;height:50px;margin-left:-15px}
.scroll-arrow:after,.scroll-arrow:before{content:'';display:block;position:absolute;width:23px;height:4px}
.scroll-arrow:before{background-color:#fff;top:16px;left:10px;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
.scroll-arrow:after{background-color:#fff;top:16px;right:10px;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#index .container{width:100%;margin:0}
@media screen and (max-width:1023px){
/*　画面サイズが1023pxまではここを読み込む　*/
.container{width:100%;margin:0 20px}
.va-wrap{display:block;width:100%;height:100%}
.va-wrap .va-mid{display:block;vertical-align:middle}
}

.container:after,.container:before{display:table;content:"";line-height:0}
.container:after{clear:both}
@media only screen and (min-width:1600px){.container{width:1380px;margin:0 auto}
}
@media only screen and (min-width:1380px){.container-1160{width:1160px;margin:0 auto}
}
@media only screen and (min-width:1320px){.container-1100{width:1100px;margin:0 auto}
}
@media only screen and (min-width:1220px){.container-1000{width:1000px;margin:0 auto}
}
.container-fluid:after,.container-fluid:before{display:table;content:"";line-height:0}
.container-fluid:after{clear:both}
.embed-container{height:0;overflow:hidden;position:relative}
.embed-container16x9{padding-bottom:56.25%}
.embed-container4x3{padding-bottom:75%}
.embed-item{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}
.embed-item img{display:inline-block;width:100%;position:absolute;top:50%;-webkit-transform:translate3d(0,-50%,0);-moz-transform:translate3d(0,-50%,0);-o-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}
img.fluid{width:100%}
.content-full{height:100%}
.layer{position:relative}
.layer-level0{z-index:0}
.layer-level1{z-index:1}
.layer-level2{z-index:2}
.layer-level3{z-index:3}
.layer-bg-white{background-color:#fff}
.layer-bg-yellow{background-color:#ffd500}
.layer-bg-black{background-color:#000}
.layer-bg-texture{background:#f1f1f1 url(/common/img/parts/bg_texture.png) repeat 50% 0}
.layer-bg-paper{ background-image: url(../img/bg_paper.jpg); background-size: cover;}
.layer-bg-paper2{background:#f1f1f1 url(../img/bg_paper2.jpg) repeat 50% 0 !important}
.paper-layer{background:url(../img/bg_paper.jpg) repeat 50% 0}
.paper-layer2{background:url(../img/bg_paper2.jpg) repeat 50% 0 !important}
.paper-layer:after,.paper-layer:before{content:'';display:block;position:absolute;left:0;width:100%;height:16px;background:repeat-x 0}
.paper-layer:before{top:-16px;background-image:url(/common/img/parts/bg_giza_t.png)}
.paper-layer:after{bottom:-16px;background-image:url(/common/img/parts/bg_giza_b.png)}
.paper-layer.no-bottom:after{display:none}
.paper-layer .paper-boder{position:absolute;background-color:#FFF}
.paper-layer .paper-boder.boder-top{height:5px;top:30px;left:30px;right:30px}
.paper-layer .paper-boder.boder-left{width:5px;top:30px;bottom:30px;left:30px}
.paper-layer .paper-boder.boder-right{width:5px;top:30px;bottom:30px;right:30px}
.paper-layer .paper-boder.boder-bottom{height:5px;bottom:30px;left:30px;right:30px}
@media screen and (max-width:1023px){
/*　画面サイズが1023pxまではここを読み込む　*/
.paper-layer .paper-boder.boder-top{height:5px;top:10px;left:10px;right:10px}
.paper-layer .paper-boder.boder-left{width:5px;top:10px;bottom:10px;left:10px}
.paper-layer .paper-boder.boder-right{width:5px;top:10px;bottom:10px;right:10px}
.paper-layer .paper-boder.boder-bottom{height:5px;bottom:10px;left:10px;right:10px}
}

.grid{margin:0 -20px}
.grid:after,.grid:before{display:table;content:"";line-height:0}
.grid:after{clear:both}
.grid-col{float:left;padding:0 20px}
.grid-col-right{float:right}
.grid-col-2-1{width:50%}
.grid .grid-col-2-1:first-child{padding-right:30px}
.grid .grid-col-2-1:last-child{padding-left:30px}
.grid-col-3-1{width:33.333%}
.grid-col-3-2{width:66.667%}
/*.section{font-size:1.2em}*/
.section .fs10{font-size:.833em}
.section .fs11{font-size:.917em}
.section .fs12{font-size:1em}
.section .fs13{font-size:1.083em}
.section .fs14{font-size:1.167em}
.section .fs15{font-size:1.25em}
.section .fs16{font-size:1.333em}
.section .fs17{font-size:1.417em}
.section .fs18{font-size:1.5em}
.section .fs19{font-size:1.583em}
.section .fs20{font-size:1.667em}
.section .fs21{font-size:1.75em}
.section .fs22{font-size:1.833em}
.section .fs23{font-size:1.917em}
.section .fs24{font-size:2em}
.section .fs25{font-size:2.083em}
.section .fs26{font-size:2.167em}
.section .fs27{font-size:2.25em}
.section .fs28{font-size:2.333em}
.section .fs29{font-size:2.417em}
.section .fs30{font-size:2.5em}
.section .fs31{font-size:2.583em}
.section .fs32{font-size:2.667em}
.section .fs33{font-size:2.75em}
.section .fs34{font-size:2.833em}
.section .fs35{font-size:2.917em}
.section .fs36{font-size:3em}
.section .fs37{font-size:3.083em}
.section .fs38{font-size:3.167em}
.section .fs39{font-size:3.25em}
.section .fs40{font-size:3.333em}
.section .section{font-size:1em}
.section:after,.section:before{display:table;content:"";line-height:0}
.section:after{clear:both}
.section blockquote,.section code,.section dl,.section ol,.section p,.section pre,.section table,.section ul{margin-bottom:1.5em}
.section p:last-child{margin-bottom:0}
.section dl dl,.section dl ol,.section dl p,.section dl ul,.section ol dl,.section ol ol,.section ol p,.section ol ul,.section table dl,.section table ol,.section table p,.section table ul,.section ul dl,.section ul ol,.section ul p,.section ul ul{margin-bottom:0}
.section table{width:100%}
.section table th{font-weight:400;vertical-align:top}
.section hr{border-width:0;border-bottom-width:1px;border-bottom-style:solid;width:3em;display:inline-block;margin:0;margin-bottom:1.5em}
.layer-section{color:#1a1a1a}
.layer-section .section-title{font-size:2.1666em;text-align:center;margin-bottom:3.5em;text-indent:1em;line-height:1.5}
.layer-section .section-title small{display:block;font-size:.5384em}
.layer-section .section-title small:before{content:'';display:block;margin:1.5em auto;width:30px;height:1px;background-color:#333}
.layer-section .section-content+.section-content{padding-top:10em}
.layer-bg-black .layer-section,.layer-section.layer-bg-black{color:#fff}
.layer-bg-black .layer-section .section-title small:before,.layer-section.layer-bg-black .section-title small:before{background-color:rgba(255,255,255,.8)}
.menu-section{color:#1a1a1a}
.menu-section .section-title{font-size:2.083em;margin-bottom:2em;line-height:1.5;text-align:center}
.menu-section .section-title .bordered,.menu-section .section-title .bordered-vline{overflow:hidden;position:relative}
.menu-section .section-title .bordered h3,.menu-section .section-title .bordered h4,.menu-section .section-title .bordered-vline h3,.menu-section .section-title .bordered-vline h4{display:inline-block}
.menu-section .section-title .bordered h3:before,.menu-section .section-title .bordered h4:before,.menu-section .section-title .bordered-vline h3:before,.menu-section .section-title .bordered-vline h4:before,.menu-section .section-title .bordered-vline:after,.menu-section .section-title .bordered:after{content:'';display:inline-block;position:absolute;width:100%}
.menu-section .section-title .bordered h3:before,.menu-section .section-title .bordered h4:before,.menu-section .section-title .bordered-vline h3:before,.menu-section .section-title .bordered-vline h4:before{-webkit-transform:translate3d(-102%,0,0);-moz-transform:translate3d(-102%,0,0);-o-transform:translate3d(-102%,0,0);transform:translate3d(-102%,0,0)}
.menu-section .section-title .bordered-vline:after,.menu-section .section-title .bordered:after{-webkit-transform:translate3d(2%,0,0);-moz-transform:translate3d(2%,0,0);-o-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
.menu-section .section-title .bordered h3:before,.menu-section .section-title .bordered h4:before,.menu-section .section-title .bordered:after{top:.75em;height:1px;background-color:#000}
.menu-section .section-title .bordered-vline h3:before,.menu-section .section-title .bordered-vline h4:before,.menu-section .section-title .bordered-vline:after{top:.45em;height:16px;background:url(/common/img/parts/bg_border_vline.gif) repeat-x 0 0}
.menu-section .section-title .sub{font-weight:400;font-size:.56em}
.careers-section .section-title{margin-bottom:3em;text-indent:0}
.careers-section .section-title .wfont{display:inline-block}
.careers-section .section-title .bordered{overflow:hidden;position:relative}
.careers-section .section-title .bordered h2{display:inline-block}
.careers-section .section-title .bordered h2:before,.careers-section .section-title .bordered:after{content:'';display:inline-block;position:absolute;width:100%;top:.75em;height:1px;background-color:#000}
.careers-section .section-title .bordered h2:before{-webkit-transform:translate3d(-102%,0,0);-moz-transform:translate3d(-102%,0,0);-o-transform:translate3d(-102%,0,0);transform:translate3d(-102%,0,0)}
.careers-section .section-title .bordered:after{-webkit-transform:translate3d(2%,0,0);-moz-transform:translate3d(2%,0,0);-o-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
.careers-section .section-content{color:#4c4c4c}
.sub-page-content .section,.sub-page-content .sub-page-title h1{max-width:740px;margin:0 auto}
@media only screen and (max-width:1380px){.sub-page-content .section,.sub-page-content .sub-page-title h1{margin:0 80px}
}
.sub-page-content .sub-page-title{background-color:#191919}
.sub-page-content .sub-page-title h1{color:#fff;padding:30px 0;font-size:1.667em;line-height:1}
.sub-page-content .sub-page-title h1 small{margin-left:2em;color:#fff;vertical-align:.2em}
.sub-page-content .section{padding:80px 0;color:#4c4c4c}
.sub-page-content .section-title{font-size:1.5em;line-height:1.2;padding-bottom:1.5em;margin-bottom:1.5em;border-bottom:3px solid #000;color:#1a1a1a}
.btn{ text-decoration: none; display:inline-block;position:relative;margin-left:12px;height:45px;padding:0 50px 0 30px;margin-bottom:0;font-size:14px;font-weight:400;line-height:1.42857143;text-align:center;white-space:nowrap;vertical-align:middle;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;background-color:transparent;color:#FFF;outline:0;border:1px solid rgba(6,6,6,.7);-webkit-appearance:inherit}
.btn-l{font-size:16px;min-width:260px}
.btn-inverse{color:#fff;border-color:rgba(255,255,255,.3)}
.btn span{display:inline-block;position:relative;z-index:1;line-height:45px}
.btn:before{content:'';display:block;position:absolute;z-index:2;right:10px;top:56%;margin-top:-10px;width:25px;height:18px;background:url(../img/icon_plus.png) no-repeat left top}
.btn-inverse:before{background-image:url(../img/btn_arrow_w.gif)}
.btn:after{content:'';position:absolute;left:3.7%;top:16%;width:100.3%;height:103%;z-index:0;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.btn:hover:after{-webkit-transform:translate3d(-4%,-20%,0);-moz-transform:translate3d(-4%,-20%,0);-o-transform:translate3d(-4%,-20%,0);transform:translate3d(-4%,-20%,0)}
.btn-bg-multiply:after{mix-blend-mode:multiply}
.btn-bg-yellow:after{background-color:#ffd500}
.btn-bg-green:after{background-color:#cdc3a7}
.btn-bg-gray:after{background-color:rgba(3,3,3,0.7)}
.btn-bg-white:after{background-color: rgba(205,195,167,0.6);}
.btn-no-bg:after{display:none}
.btn-inverse .btn-border{background:rgba(255,255,255,.8)}
.btn-border{background:rgba(6,6,6,.7)}
.btn-inner{width:100%;height:100%;overflow:hidden; margin-top: 1.8%;}
.btn-inner span{display:block;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.btn:hover .btn-inner span,.foot-page-nav a:hover .btn span{-webkit-transform:translate3d(0,-100%,0);-moz-transform:translate3d(0,-100%,0);-o-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}
.btn:before{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
.btn:hover:before,.foot-page-nav a:hover .btn:before{-webkit-transform:translate3d(10px,0,0);-moz-transform:translate3d(10px,0,0);-o-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}
.foot-page-nav a .btn span{display:block;font-size:.9em;letter-spacing:.1em}
.foot-page-nav .prev a:hover .btn:before{-webkit-transform:translate3d(-10px,0,0);-moz-transform:translate3d(-10px,0,0);-o-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}
.form-table th{width:30%;min-width:220px;line-height:40px;padding:10px 30px 10px 10px;border-bottom:1px solid #ccc}
.form-table td{padding:10px 0;padding-right:30px;border-bottom:1px solid #ccc}
.form-group:after,.form-group:before{display:table;content:"";line-height:0}
.form-group:after{clear:both}
.form-group .control-label{font-size:1.1667em;font-weight:700;color:#1a1a1a;line-height:1.8;display:inline-block}
.form-group.form-group-requierd .control-label:after{content:'*';margin-left:.5em;color:#c00}
.form-group .text-input{background-color:#f9f9f9;border:1px solid #ededed;padding:.75em 1.8em;width:100%;max-width:300px;outline:0}
.form-group textarea.text-input{max-width:inherit}
.form-group .text-input.tel-input{width:80px}
.form-group .radio label{margin-right:30px}
.form-group .radio input{margin-right:15px}
.form-group select{position:relative;padding:8px 35px 8px 10px;border-radius:0;background:url(/common/img/parts/select_arrow.png) 100% 50% no-repeat;background-color:#f9f9f9;border:1px solid #ededed;outline:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}
.form-group .date-select-month,.form-group .date-select-year{margin-right:1.5em}
.form-group .help-block{display:block;margin-top:.2em}
.form-group.has-error .text-input,.form-group.has-error select{border-color:#c00;color:#c00}
.form-group.has-error .radio-inline{color:#c00}
.form-group.has-error .help-block{color:#c00}
.form-action{text-align:center}
.form-action .btn+.btn{margin-left:30px}
.form-group ::-webkit-input-placeholder{font-style:italic}
.form-group ::-moz-placeholder{font-style:italic}
.form-group :-ms-input-placeholder{font-style:italic}
.form-group input:-moz-placeholder{font-style:italic}
.section.form-thanks h2{margin-bottom:1.5em}
.section.form-thanks p{margin-bottom:3em}
.policy{height:215px;padding:30px;margin-bottom:50px;color:#000;background:#f9f9f9;overflow-y:scroll;-webkit-overflow-scrolling:touch}
.policy h3{margin-bottom:25px}
.policy h4{margin-bottom:30px;font-weight:400}
#top-video{position:absolute;top:0;left:0;min-width:100%;min-height:100%;width:auto;height:auto}
#top .section p.wfont{font-size:1.1666em;line-height:1.8}
#top-visual{position:relative;color:#fff;overflow:hidden}
#top-visual .content-bg{position:absolute;width:100%;bottom:0}
#top-visual .content-bg .inner{position:absolute;width:100%;height:100%;background:url(/common/img/visual/003.jpg) no-repeat 100% 50%;background-size:cover}
#top-visual .anchor-trigger{display:inline-block;position:absolute;width:220px;bottom:30px;right:30px;z-index:999}
#top-visual .anchor-trigger img{width:100%}
#top-title{padding-top:1%;width:100%;margin:0 auto;text-align:center;color:#fff;font-size:9em;line-height:1em;letter-spacing:-.02em;background-size:100%}
#top-title .anim-parts{display:inline-block}
#top-title .anim-parts10,#top-title .anim-parts13,#top-title .anim-parts6{margin-right:.5em}
#top-paper:after{bottom:-16px;background-image:url(/common/img/top/bg_giza_b.png)}

/*---------top enzyme------------------------------------------------------*/
#top-enzyme{max-height:950px;padding-top:110px;/*margin-bottom:110px*/}
#top-enzyme .fig{position: relative; float:left;width:55%;margin-left:-5%; height: 932px; }
#top-enzyme .fig img:nth-of-type(1) {position: absolute; top: 0; right: 0; width:100%; margin-right: 2%; height: 430px; object-fit: cover;}
#top-enzyme .fig img:nth-of-type(2) {position: absolute; bottom: 0; right: 0; width:430px; margin-right: 2%; height: 380px; object-fit: cover; top: 445px;}
#top-enzyme .section{float:left;width:45%;position:relative}
#top-enzyme h2{ margin-top: 50px; margin-bottom:55px;width:491px;height:47px;background:url(../img/ttl_top-kouso.png) no-repeat 50% 50%;background-size:cover}
#top-enzyme h2:after{content:'';position:absolute;top:20px;width:1200px;height:40px;background-color:#e7e2d5;z-index:-1;mix-blend-mode:multiply; margin-left: 3%;}
#top-enzyme .section h3{ padding: 0 0 1em 10%; line-height: 1.3; font-weight: 500; font-size: 3.4rem;}
#top-enzyme .section p{ padding: 0 0 1.5em 10%; margin-top: -4%; width: 74%; line-height: 1.8; font-size:1.8rem;}
#top-enzyme .section img.fitpic01{ margin-top:4em; width: 90%; height: 230px; object-fit: cover; }
#top-enzyme .section .btnSp{ margin-left: 8%;}

/*---------- kouso 1023 ------------*/
@media(max-width:1023px){
/*　画面サイズが1023pxまではここを読み込む　*/
#top-enzyme img.for-sp{ width: 86%; height: 360px; object-fit: cover; margin-left: auto; margin-right: auto; }
#top-enzyme .fig{ margin-top: 15%; margin-right: 2%;}
#top-enzyme .section{float:none;width:100%;position:relative;}
#top-enzyme h2{margin-left: 2.7em;}
#top-enzyme h2:after{margin-left: -28.4em;}
#top-enzyme .section h3{ padding: 0 7.5% 1.7em; font-size: 2.4rem; margin-top: 3em;}
#top-enzyme .section p{ padding: 0 7.5% 0.5em; width: auto; font-size: 1.5rem; line-height: 2.2;}
#top-enzyme .section .btnSp{ margin-left: -18px;}
.paper-layer .paper-boder.boder-top{top: 20px; left: 20px; right: 20px;}
.paper-layer .paper-boder.boder-left{top: 20px; left: 20px; bottom: 20px;}
.paper-layer .paper-boder.boder-right{top: 20px; right: 20px; bottom: 20px;}
.paper-layer .paper-boder.boder-bottom{left: 20px; right: 20px; bottom: 20px;}
}

/*---------- kouso 770 ------------*/
@media(max-width:770px){
#top-enzyme .fig{ margin-top: 20%; height: 845px; width:50%; margin-right: 4%;}
#top-enzyme .section h3{font-size: 2rem; margin-top: 14%;}
#top-enzyme .section p{font-size: 1.3rem; line-height: 2;}
#top-enzyme .section img.fitpic01{margin-left: 2.2em; width: 84%;}
#top-enzyme .fig img:nth-of-type(1){height: 330px;}
#top-enzyme .fig img:nth-of-type(2){height: 270px; width: 270px; top: 346px;}
}

/*---------- kouso 649 ------------*/
@media screen and (max-width:649px){
#top-enzyme{margin-bottom: 39px;}
#top-enzyme h2:after{margin-left: -44.4%;}
#top-enzyme img.for-sp{ height: 200px; }
#top-enzyme .fig{width: 45%; margin-top: 23%;}
#top-enzyme .fig img:nth-of-type(1){height: 280px;}
#top-enzyme .fig img:nth-of-type(2){height: 200px; width: 200px; top: 298px;}
#top-enzyme .section img.fitpic01{position: absolute; top: 1050px; left: 0; margin-left: 1.5em; margin-top: -23em;}
}/*end*/


/*-------top-microbe-------------------------------------------------------*/
#top-microbe{max-height:900px;padding-top:110px;margin-bottom:110px}
#top-microbe .fig{float:right;width:40%;margin-left:0}
#top-microbe .fig img{max-width:100%; float: left; margin-left: 3%;}
#top-microbe .sectionPic	{float:right;width:60%; margin-bottom: 2.5%; position:relative; z-index: -10;}
#top-microbe .sectionPic	img{ width: 100%; height: 335px; object-fit: cover; }
#top-microbe .section{float:right;width:35%;position:relative; padding-right: 1%;}
#top-microbe h2{ float: right; margin-left: 0%; margin-right: 10%; margin-bottom:55px;width:564px;height:44px;background:url(../img/ttl_top-microbe.png) no-repeat 50% 50%;background-size:cover}
#top-microbe h2:after{content:'';position:absolute;right:-4%;top:20px;width:100vw;height:40px;background-color:#e7e2d5;z-index:-1;mix-blend-mode:multiply}
#top-microbe h3{width: 95%;  min-width: 560px; padding-right: 5%; text-align: left; line-height: 1.3; font-weight: 500; font-size: 3.4rem;}
#top-microbe .section p{float: right; text-align: left; padding-right: 5%; line-height: 1.8; transform: translate(0px,10px); font-size:1.8rem;}
#top-microbe .section .btnSp{ clear: both; text-align: right; }
#top-microbe .section .btn{ margin-right: 6%; margin-top: 3%;}
#top-microbe .leftPic{ margin-left: -10%; margin-bottom: 2%; }

/*---------- microbe 1024 ------------*/
@media screen and (min-width:1024px) and (max-width:1250px){
/*　画面サイズが1024pxから1400pxまではここを読み込む　*/
#top-microbe .section{float:right;width:40%;position:relative;text-align: right; padding-right: 1%;}
}/*end*/

/*---------- microbe 1023 ------------*/
@media screen and (max-width:1023px){
/*　画面サイズが1023pxまではここを読み込む　*/
#top-microbe-wrap #top-paper{height: 105vh; }
#top-microbe{max-height:1000px;padding-top:50px;margin-bottom:50px; position: relative;}
#top-microbe .section{position: absolute; top: 0;}
#top-microbe h2{margin-right: 2%; margin-bottom:55px; height: 47px;}
#top-microbe h3{ clear: both !important; float: none; width: auto; padding: 0 7.5% 0; text-align: left; line-height: 1.3; font-size: 2.4rem; margin-top: 4.3em;}
#top-microbe .sectionPic{float:none;width:100%;position:relative; z-index: 0;}
#top-microbe .section{float:none;width:100%; position:absolute; text-align: left; padding-right: 0; margin-top: 92px;}
#top-microbe .section p{ min-width: auto; width: 65%; float: none; padding: 0 7.5% 0; font-size: 1.5rem; line-height: 2.2;}
#top-microbe .section .btnSp{ clear: both; text-align: center; margin-left: -18px; position: absolute; left: 76px;}
#top-microbe .section .btn{ margin-right: 0; margin-top: 0;}
#top-microbe .fig{margin-top: 137px;}
}/*end*/

/*---------- microbe 770 ------------*/
@media(max-width:770px){
#top-microbe .sectionPic img{margin-top: 1em;}
#top-microbe .section h3{font-size: 2rem; margin-top: 5.5em; margin-bottom: 1.2em;}
#top-microbe .section p{font-size: 1.3rem; line-height: 2; width: 60%;}
#top-microbe .fig{width: 44%;}
#top-microbe .section .btnSp{margin-left: -35px;}
#top-microbe .section .btn{font-size: 13px;}
}/*end*/

/*---------- microbe 649 ------------*/
@media screen and (max-width:649px){
#top-microbe-wrap #top-paper{height: 1080px;}
#top-microbe h2{width: 80%!important; margin-right: 11%;}
#top-microbe .sectionPic img {height: 200px;}
#top-microbe .fig{width: 40%;}
#top-microbe .section p{width: 64%;}
#top-microbe .section .btnSp{margin-top: 2%;}
#top-microbe .sectionPic img{margin-top: 8em; margin-left: 3em;}
}/*end*/

/* --------- top-aboutus ------------------------------------------------*/
#top-aboutus{max-height:950px;padding-top:110px;/*margin-bottom:110px*/}
#top-aboutus .fig{position: relative; float:left;width:55%;margin-left:-5%; height: 932px; }
#top-aboutus .fig img:nth-of-type(1) {position: absolute; top: 0; right: 0; width:100%; margin-right: 2%; height: 430px; object-fit: cover;}
#top-aboutus .fig img:nth-of-type(2) {position: absolute; bottom: 0; right: 0; width:430px; margin-right: 2%; height: 380px; object-fit: cover; top: 445px;}
#top-aboutus .section{float:left;width:45%;position:relative}
#top-aboutus h2{ margin-top: 50px; margin-left: 6%;margin-bottom:55px;width:420px;height:47px;background:url(../img/ttl_top-aboutus.png) no-repeat 50% 50%;background-size:cover}
#top-aboutus h2:after{content:'';position:absolute;top:20px;width:1200px;height:40px;background-color:#e7e2d5;z-index:-1;mix-blend-mode:multiply; margin-left: -1.2em;}
#top-aboutus .section h3{ padding: 0 0 1em 10%; line-height: 1.3; font-weight: 500; font-size: 3.4rem;}
#top-aboutus .section p{ padding: 0 0 1.5em 10%; margin-top: -4%; width: 74%; line-height: 1.8; font-size:1.8rem;}
#top-aboutus .section img.fitpic01{ margin-top:4em; width: 90%; height: 230px; object-fit: cover; }
#top-aboutus .section .btnSp{ margin-left: 8%;}

/*-------about  1023  --------------*/
@media screen and (max-width:1023px){
/*　画面サイズが1023pxまではここを読み込む　*/
#top-aboutus img.for-sp{ width: 86%; height: 360px; object-fit: cover; margin-left: auto; margin-right: auto; }
#top-aboutus .fig{margin-right: 2%; margin-top: 7.5em;}
#top-aboutus h2{margin-top: 23px; margin-bottom:46px;　height:47px;}
#top-aboutus h2:after{margin-left: -29em;}
#top-aboutus .section h3{font-size: 2.4rem; margin-top: 3.5em;} 
#top-aboutus .section{float:none;width:100%;position:relative;}
#top-aboutus .section h3{ padding: 0 7.5% 1.7em;}
#top-aboutus .section p{ padding: 0 7.5% 0.5em; width: auto; font-size: 1.5rem; line-height: 2.2;}
#top-aboutus .section .btnSp{ margin-left: -18px;}
}

/*-------about  770  --------------*/
@media(max-width:770px){
#top-aboutus .fig{width: 50%; height: 843px; margin-right: 4%;}
#top-aboutus h2:after{left: 5em;}
#top-aboutus .section h3{font-size: 2rem; margin-top: 4.1em;}
#top-aboutus .section p{font-size: 1.3rem; line-height: 2;}
#top-aboutus .section img.fitpic01{margin-left: 2.2em; width: 84%;}
#top-aboutus .btn{margin-left: 0; font-size: 11.5px}
#top-aboutus .fig img:nth-of-type(1){height: 330px;}
#top-aboutus .fig img:nth-of-type(2){height: 270px; width: 270px; top: 346px;}
}

/*-------about  649  --------------*/
@media screen and (max-width:649px){
#top-aboutus{margin-bottom: 0;}
#top-aboutus h2{margin-top: 23px; margin-left: 6%;margin-bottom:46px;width:80%;height:47px;}
#top-aboutus h2:after{margin-left: 0; left: 1em}
#top-aboutus .section h3{font-size: 1.9rem;}
#top-aboutus .fig{width: 45%;}
#top-aboutus .fig img:nth-of-type(1){height: 280px;}
#top-aboutus .fig img:nth-of-type(2){height: 200px; width: 200px; margin-top: -57px;}
#top-aboutus .btnSp{text-align: left;}
#top-aboutus img.for-sp{height: 200px;}
#top-aboutus .section img.fitpic01{position: absolute; top: 1140px; left:0; margin-left: 1.5em; margin-top: -32.3em;}

}/*end*/

#top-salads{position:relative;padding-bottom:120px}
#top-salads .section{position:relative;max-width:690px;width:50%;padding-bottom:55%;height:0;color:#ccc;background:url(/common/img/modules/bg_footer.gif) no-repeat -100px -45px;z-index:1}
#top-salads .section-inner{position:absolute;width:100%;height:100%}
#top-salads .section .section-title{width:280px;padding-right:140px}
#top-salads .section .va-wrap{position:absolute;top:0;padding:0 20%}
#top-salads .fig{position:absolute;right:0;top:60px;width:67%;max-width:1020px;z-index:0}
#top-salads .fig .embed-container{padding-bottom:74.3137%}
#top-salads h2{margin-bottom:28px;width:280px;height:60px;padding-bottom:20.728%;background:url(/common/img/top/ttl_salads.png) no-repeat left 50%;background-size:cover}
@media screen and (max-width:1200px){#top-salads p[lang=en]{display:none}
}
#top-experience{margin-top:-100px;min-height:930px;background:url(/common/img/top/bg_experience.jpg) repeat 0 bottom}
#top-experience-in{position:relative;margin:0 auto;width:625px;height:625px;background:url(/common/img/top/bg_circle.png) no-repeat 50% 50%}
#top-experience .section{text-align:center}
#top-experience h2{margin:0 auto 35px;width:280px;height:89px;background:url(/common/img/top/ttl_experience.png) no-repeat 50% 50%;background-size:cover}
#top-careers{color:#fff}
#top-careers .content-bg{position:absolute;width:100%;top:-20%;background:url(/common/img/visual/004.jpg) no-repeat 50% 50%;background-size:cover;color:#fff;z-index:-2}
#top-careers .section{text-align:center}
#top-careers h2{margin:0 auto 40px;width:250px;height:105px;background:url(/common/img/top/ttl_careers.png) no-repeat 50% 50%;background-size:cover}
#top-careers .section a{color:#fff;border-color:#fff}
#top-careers .section .btn:after{z-index:-1}
#top-careers .section .btn:before{background:url(/common/img/parts/btn_arrow_w.gif) no-repeat left top}
#top-foot-location{position:relative;height:0;padding-top:43.478%;text-align:center}
@media only screen and (min-width:1280px){#top-foot-location{padding-top:600px}
}
#top-foot-location .gmap{position:absolute;width:100%;height:100%;top:0;left:0}
#top-foot-location .map-custom-element{position:absolute;width:100%;height:100%;top:45%;left:0}
#top-foot-location .map-custom-element h2{font-size:5em}
#culture .no{line-height:1;background-repeat:no-repeat;height:64px}
#culture .no.no01{background-image:url(/common/img/culture/no01.png);background-size:contain}
#culture .no.no02{background-image:url(/common/img/culture/no02.png);background-size:contain}
#culture .no.no03{background-image:url(/common/img/culture/no03.png);background-size:contain}
#culture .no.no04{background-image:url(/common/img/culture/no04.png);background-size:contain}
#culture-top .content-bg{position:absolute;width:100%;bottom:0}
#culture-top .content-bg .inner{width:100%;height:100%;background:url(/common/img/visual/002.jpg) no-repeat 50% 100%;background-size:cover}
#culture-catch{width:75%;margin:0 auto;text-align:center;color:#fff;font-size:5em}
#culture-catch .anim-parts{display:block;padding-bottom:15.3761%;overflow:hidden;float:left}
#culture-catch .anim-parts0{width:3.5398%;background:url(/common/img/culture/ttl_culture/ttl_culture_01.png) no-repeat;background-size:contain}
#culture-catch .anim-parts1{width:5.0884%;background:url(/common/img/culture/ttl_culture/ttl_culture_02.png) no-repeat;background-size:contain}
#culture-catch .anim-parts2{width:4.5907%;background:url(/common/img/culture/ttl_culture/ttl_culture_03.png) no-repeat;background-size:contain}
#culture-catch .anim-parts3{width:4.0929%;background:url(/common/img/culture/ttl_culture/ttl_culture_04.png) no-repeat;background-size:contain}
#culture-catch .anim-parts4{width:3.9269%;background:url(/common/img/culture/ttl_culture/ttl_culture_05.png) no-repeat;background-size:contain}
#culture-catch .anim-parts5{width:7.2455%;background:url(/common/img/culture/ttl_culture/ttl_culture_06.png) no-repeat;background-size:contain}
#culture-catch .anim-parts6{width:7.4115%;background:url(/common/img/culture/ttl_culture/ttl_culture_07.png) no-repeat;background-size:contain}
#culture-catch .anim-parts7{width:4.8672%;background:url(/common/img/culture/ttl_culture/ttl_culture_08.png) no-repeat;background-size:contain}
#culture-catch .anim-parts8{width:4.9778%;background:url(/common/img/culture/ttl_culture/ttl_culture_09.png) no-repeat;background-size:contain}
#culture-catch .anim-parts9{width:6.4712%;background:url(/common/img/culture/ttl_culture/ttl_culture_10.png) no-repeat;background-size:contain}
#culture-catch .anim-parts10{width:4.2588%;background:url(/common/img/culture/ttl_culture/ttl_culture_11.png) no-repeat;background-size:contain}
#culture-catch .anim-parts11{width:4.5907%;background:url(/common/img/culture/ttl_culture/ttl_culture_12.png) no-repeat;background-size:contain}
#culture-catch .anim-parts12{width:5.365%;background:url(/common/img/culture/ttl_culture/ttl_culture_13.png) no-repeat;background-size:contain}
#culture-catch .anim-parts13{width:8.1305%;background:url(/common/img/culture/ttl_culture/ttl_culture_14.png) no-repeat;background-size:contain}
#culture-catch .anim-parts14{width:4.2588%;background:url(/common/img/culture/ttl_culture/ttl_culture_15.png) no-repeat;background-size:contain}
#culture-catch .anim-parts15{width:5.365%;background:url(/common/img/culture/ttl_culture/ttl_culture_16.png) no-repeat;background-size:contain}
#culture-catch .anim-parts16{width:4.4247%;background:url(/common/img/culture/ttl_culture/ttl_culture_17.png) no-repeat;background-size:contain}
#culture-catch .anim-parts17{width:5.3097%;background:url(/common/img/culture/ttl_culture/ttl_culture_18.png) no-repeat;background-size:contain}
#culture-catch .anim-parts18{width:4.9778%;background:url(/common/img/culture/ttl_culture/ttl_culture_19.png) no-repeat;background-size:contain}
#culture-catch .anim-parts19{width:1.1061%;background:url(/common/img/culture/ttl_culture/ttl_culture_20.png) no-repeat;background-size:contain}
#culture-stance{padding:160px 0}
#culture-crisp-way-title .content-bg{position:absolute;width:100%;bottom:0;background:url(/common/img/culture/img_crisp_way.jpg) no-repeat 50% 50%;background-size:cover}
#culture-crisp-way-title h2{padding-bottom:8.909%;width:23.5455%;margin:0 auto;text-align:center;color:#fff;font-size:5em;background:url(/common/img/culture/ttl_crisp_way.png) no-repeat 50% 50%;background-size:100%}
#culture-crisp-way-content{padding-top:90px;padding-bottom:400px}
#culture-crisp-way-content .sketch{margin-bottom:3em;text-align:center}
#culture-crisp-way-content .section-title{margin-bottom:2em}
#culture-crisp-way-content .section-content.lead{text-align:center}
#culture-crisp-way-content .section-content.lead p{margin-bottom:2em}
#culture-crisp-way-content .crisp-way .no{text-align:center;font-size:80px;background-position:50% 0;margin-bottom:.4em}
#culture-crisp-way-content .crisp-way .fig{width:100%;padding:0 10px;margin-bottom:2.5em}
#culture-crisp-way-content .crisp-way .fig img{width:100%}
#culture-crisp-way-content .crisp-way .section-title{font-size:1.833em;margin-bottom:1.5em}
#culture-crisp-way-content .crisp-way .section-title small{font-size:.6364em}
#culture-connection{margin-top:-40px}
#culture-connection-top{padding-bottom:100px}
#culture-connection-top .section-title{margin-top:-45px;margin-bottom:4em}
#culture-connection-top .section-title h2{width:261px;height:98px;background:url(/common/img/culture/ttl_connection.png) no-repeat left top;background-size:cover}
#culture-connection-top .fig{position:relative;margin-top:-50%;margin-bottom:4em;overflow:hidden;height:450px}
#culture-connection-top .fig img{position:absolute;width:100%;top:0}
#culture-connection-top .text h3{margin-bottom:.5em}
#culture-connection-top .text p{width:70%}
#culture-connection-contents{padding-bottom:100px}
#culture-connection-contents .culture-connection-panel{position:relative;margin-bottom:100px}
#culture-connection-contents .connection-panel-item{float:left;width:50%}
#culture-connection-contents .connection-panel-item-right{float:right}
#culture-connection-contents .connection-panel-item .embed-container{min-height:600px;padding-bottom:100%}
#culture-connection-contents .connection-panel-item .connection-panel-image-space{padding-bottom:60.869%}
#culture-connection-contents .connection-panel-item .connection-panel-image{position:absolute;width:50%;z-index:2}
#culture-connection-contents .connection-panel-item .connection-panel-image .embed-container{min-height:0;padding-bottom:55.454545%}
#culture-connection-contents .connection-panel-item-right .connection-panel-image{left:0;top:0}
#culture-connection-contents .connection-panel-item-left .connection-panel-image{right:0;bottom:0}
@media only screen and (min-width:1600px){#culture-connection-contents .connection-panel-item .connection-panel-image .embed-container{padding-bottom:420px}
}
#culture-connection-contents .section .no{font-size:60px;height:48px;background-position:0 0;background-size:auto 100%;margin-bottom:.5em}
#culture-connection-contents .section .no03{background-image:url(/common/img/culture/no03w.png)}
#culture-connection-contents .section .no04{background-image:url(/common/img/culture/no04.png)}
#culture-connection-contents .section{max-width:355px;padding:20px;margin:0 auto}
#culture-connection-contents .section .section-title{text-align:left;text-indent:0;margin-bottom:1em}
#culture-connection-contents .section .section-title small:before{margin-left:0}
#culture-connection-contents .embed-item img{position:absolute;width:100%;bottom:0;right:0}
#salads .menu{padding-top:170px;padding-bottom:100px}
#salads .icon-vegan{padding-left:25px;position:relative;margin-left:-25px}
#salads .icon-vegan:before{font-family:Graduate,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;content:'v';display:inline-block;position:absolute;top:.3em;left:0;width:18px;padding-left:1px;height:18px;line-height:18px;font-size:10px;font-weight:700;background-color:#000;border-radius:100%;text-align:center;color:#e9e2d4}
#salads .icon-vegan span br{display:none}
#salads .icon-asterisk{padding-left:20px;position:relative}
#salads .icon-asterisk:before{content:'*';display:inline-block;position:absolute;top:.3em;left:0;line-height:1;font-size:15px;font-family:Graduate,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif}
#salads .menu-title{color:#1a1a1a;font-size:4em;line-height:1;text-align:center}
#salads .menu-title small.sub{display:inline-block;font-size:.75em;margin-top:.8em}
#salads .menu-title:after{content:'';display:block;margin:.8em auto;width:30px;height:1px;background-color:#333}
#salads .menu .menu-item h4{font-size:1.833em;line-height:1.2;margin-bottom:1em}
#salads .menu .menu-item h4 small.sub{font-weight:400;font-size:.636em}
#salads .menu .caption{display:table;width:100%}
#salads .menu .caption .caption-item{display:table-cell;vertical-align:middle;padding:0 30px;border-right:1px solid rgba(51,51,51,.3)}
#salads .menu .caption .caption-item:first-child{padding-left:0}
#salads .menu .caption .caption-item:last-child{padding-right:0;border-right:none}
#salads-top .content-bg{position:absolute;width:100%;bottom:0}
#salads-top .content-bg .inner{width:100%;height:100%;background:url(/common/img/visual/005.jpg) no-repeat 50% 50%;background-size:cover}
#salads-top .anim-parts{display:inline-block}
#salads-top .anim-parts2{margin-right:.3em}
#salads-catch{font-size:10em;color:#fff;text-align:center;font-weight:400;line-height:1em}
#salads-cutin{color:#fff}
#salads-cutin .content-bg{position:absolute;width:100%;bottom:0;color:#fff;background:url(/common/img/visual/006.jpg) no-repeat 50% 50%;background-size:cover}
#signature-salads .grid{margin:0 -35px}
#signature-salads .grid .grid-col{padding:0 35px}
#signature-salads .menu .menu-section{margin-bottom:4em}
#signature-salads .menu-section .section-title{margin-bottom:3em}
#signature-salads .menu .menu-item-row{margin-bottom:8em}
#custom-salads{padding-bottom:70px}
#custom-salads .paper-boder.boder-bottom,#custom-salads .paper-boder.boder-left,#custom-salads .paper-boder.boder-right{bottom:140px}
#custom-salads .menu .menu-section{margin-bottom:5em}
#custom-salads .menu .menu-item{margin-bottom:3em}
#custom-salads .menu .menu-item h4{margin-bottom:.3em}
br.break-414{display:none}
#experience{position:relative;width:100%;height:100%;margin-bottom:80px;-webkit-transition:margin .5s;-moz-transition:margin .5s;-ms-transition:margin .5s;-o-transition:margin .5s;transition:margin .5s}
#experience:after{display:block;content:'';position:absolute;width:100%;height:70px;bottom:-70px;background:#fff}
#experience-top{position:relative;z-index:10;width:100%;height:100%;background:url(/common/img/top/bg_experience.jpg) repeat 0 bottom;-webkit-transition:-webkit-transform .8s cubic-bezier(.35,0,.2,1);-moz-transition:-moz-transform .8s cubic-bezier(.35,0,.2,1);-ms-transition:-ms-transform .8s cubic-bezier(.35,0,.2,1);-o-transition:-o-transform .8s cubic-bezier(.35,0,.2,1);transition:transform .8s cubic-bezier(.35,0,.2,1)}
#experience-top:after{content:'';display:block;position:absolute;left:0;width:100%;height:16px;bottom:-16px;background:url(/common/img/top/bg_giza_b.png) repeat-x}
#experience-parallax-container:after{display:block;position:absolute;width:100%;height:16px;top:0;background:url(/common/img/top/bg_giza_b.png) repeat-x 50% top}
#experience-top .scroll-arrow{position:absolute}
#experience-top .scroll-arrow:after,#experience-top .scroll-arrow:before{background:#000}
#experience-top-in{position:relative;margin:0 auto;width:625px;height:625px;background:url(/common/img/top/bg_circle.png) no-repeat 50% 50%;background-size:contain}
#experience-top .section{text-align:center}
#experience-top h2{margin:0 auto 35px;width:280px;height:89px;background:url(/common/img/top/ttl_experience.png) no-repeat 50% 50%;background-size:cover}
#experience-parallax-container{position:relative;background:#191919;z-index:1;height:0}
#experience-parallax-container .content{position:relative;width:100%;height:100%;z-index:1;-webkit-transition:-webkit-transform .8s cubic-bezier(.35,0,.2,1);-moz-transition:-moz-transform .8s cubic-bezier(.35,0,.2,1);-ms-transition:-ms-transform .8s cubic-bezier(.35,0,.2,1);-o-transition:-o-transform .8s cubic-bezier(.35,0,.2,1);transition:transform .8s cubic-bezier(.35,0,.2,1)}
#experience-parallax-container .block-text p{letter-spacing:.4em;font-size:1.6em;line-height:3;font-weight:700;word-break:keep-all;color:#1a1a1a}
#experience-parallax-container .va-wrap{-webkit-transform:translate3d(0,20%,0);-moz-transform:translate3d(0,20%,0);-ms-transform:translate3d(0,20%,0);-o-transform:translate3d(0,20%,0);transform:translate3d(0,20%,0);-webkit-transition:-webkit-transform 1s cubic-bezier(.4,0,.1,1);-moz-transition:-moz-transform 1s cubic-bezier(.4,0,.1,1);-ms-transition:-ms-transform 1s cubic-bezier(.4,0,.1,1);-o-transition:-o-transform 1s cubic-bezier(.4,0,.1,1);transition:transform 1s cubic-bezier(.4,0,.1,1)}
#experience-parallax-container .current .va-wrap{opacity:1;-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)}
#experience-parallax-container .block-bg-bk{height:100%;background:#191919}
#experience-parallax-container .block-bg-y{height:100%;background:#ffd500}
#experience-parallax-container .block-img{position:absolute;width:100%;height:100%;top:0;left:0}
#experience-parallax-container .va-wrap .va-mid{position:relative}
#experience-block1 .block-img{background:url(/common/img/experience/block_img_01.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block1 .va-wrap{width:50%}
#experience-block1 .block-text{margin-top:-15%;text-align:center}
#experience-block1 .block-text p{display:inline-block;text-align:left;background:#fff;padding:60px 75px}
#experience-block2 .block-img{background:url(/common/img/experience/block_img_02.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block2 .block-text p{position:absolute;display:inline-block;right:15%;margin-top:5%;background:#fff;padding:60px 75px}
#experience-block3{background:#262626}
#experience-block3 .va-wrap{position:absolute;width:50%;left:50%}
#experience-block3 .va-mid{padding-top:10%}
#experience-block3 .block-img{width:50%;background:url(/common/img/experience/block_img_03.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block3 .block-text{text-align:center}
#experience-block3 .block-text p{display:inline-block;text-align:left;color:#fff}
#experience-block4 .va-wrap{position:absolute;width:50%;left:50%}
#experience-block4 .block-img{background:url(/common/img/experience/block_img_04.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block4 .block-text{text-align:center}
#experience-block4 .block-text p{display:inline-block;position:absolute;margin-top:10%;right:15%;padding:60px 75px;text-align:left;background:#fff}
#experience-block5{background:#ffd500!important}
#experience-block5 .block-img{width:50.001%;left:50%;background:url(/common/img/experience/block_img_05.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block5 .va-wrap{width:50%;background:#ffd500}
#experience-block5 .va-mid{padding-top:10%}
#experience-block5 .block-text{text-align:center}
#experience-block5 .block-text p{display:inline-block;text-align:left}
#experience-block6 .va-wrap{width:50%}
#experience-block6 .va-mid{padding-top:10%}
#experience-block6 .block-img{background:url(/common/img/experience/block_img_06.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block6 .block-text{text-align:center;margin-left:-15%}
#experience-block6 .block-text p{text-align:left;display:inline-block;background:#fff;padding:60px 75px}
#experience-block7{background:#232323}
#experience-block7 .block-img{width:50%;background:url(/common/img/experience/block_img_07.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block7 .va-wrap{width:50%;position:absolute;left:50%}
#experience-block7 .va-mid{padding-top:10%}
#experience-block7 .block-text{text-align:center}
#experience-block7 .block-text p{display:inline-block;text-align:left;color:#fff}
#experience-block8 .va-wrap{position:absolute;width:50%;left:50%}
#experience-block8 .block-img{background:url(/common/img/experience/block_img_08.jpg) no-repeat 50% 50%;background-size:cover}
#experience-block8 .block-text{text-align:center;margin-left:0}
#experience-block8 .block-text p{display:inline-block;text-align:left;background:#fff;padding:60px 75px}
#exp-side-nav{position:fixed;width:60px;bottom:30px;z-index:1000}
#careers .container{padding-top:120px;padding-bottom:120px}
#careers .fs26{margin-bottom:1.5em}
#careers .fs22{margin-bottom:1.2em}
#entry-now,#entry-now .icon-down:after,#entry-now .icon-down:before,#entry-now span{-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s;-webkit-transition-delay:0s;-moz-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
#entry-now{position:fixed;top:0;left:0;height:0;width:100%;padding-left:60px;z-index:998;-webkit-transition:-webkit-transform .5s cubic-bezier(.6,0,.3,1);-moz-transition:-moz-transform .5s cubic-bezier(.6,0,.3,1);-o-transition:-o-transform .5s cubic-bezier(.6,0,.3,1);transition:transform .5s cubic-bezier(.6,0,.3,1)}
.gnav-hide .shown #entry-now{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
.shown #entry-now{-webkit-transform:translate3d(0,60px,0);-moz-transform:translate3d(0,60px,0);-o-transform:translate3d(0,60px,0);transform:translate3d(0,60px,0)}
#entry-now>div{position:relative}
#entry-now a{display:block;position:absolute;width:16.666%;height:40px;line-height:40px;right:16.666%;background-color:rgba(0,0,0,.8);color:#ffd500;text-align:center;overflow:hidden;font-size:1.2em}
#entry-now span{display:block;letter-spacing:.15em;-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
#entry-now .icon-down:after,#entry-now .icon-down:before{content:'';display:block;position:absolute;top:50%;width:10px;height:2px;margin-top:-4px;background-color:#ffd500}
#entry-now .icon-down:before{left:18px;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;transform-origin:0 50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#entry-now .icon-down:after{left:21px;-webkit-transform-origin:100% 50%;-moz-transform-origin:100% 50%;transform-origin:100% 50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#entry-now a:hover span{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
#careers-top .container{padding:0 15%}
#careers-top .content-bg{position:absolute;width:100%;bottom:0}
#careers-top .content-bg .inner{width:100%;height:100%}
#careers-catch{width:60%;margin:0 auto;text-align:center;color:#fff;font-size:5em}
#careers-catch .anim-parts{display:block;padding-bottom:26.519%;overflow:hidden;float:left}
#careers-catch .anim-parts1{width:10.837%;background:url(/common/img/careers/ttl_careers/ttl_carrers_01.png) no-repeat;background-size:contain}
#careers-catch .anim-parts2{width:12.807%;background:url(/common/img/careers/ttl_careers/ttl_carrers_02.png) no-repeat;background-size:contain}
#careers-catch .anim-parts3{width:13.177%;background:url(/common/img/careers/ttl_careers/ttl_carrers_03.png) no-repeat;background-size:contain}
#careers-catch .anim-parts4{width:10.714%;background:url(/common/img/careers/ttl_careers/ttl_carrers_04.png) no-repeat;background-size:contain}
#careers-catch .anim-parts5{width:8.8669%;background:url(/common/img/careers/ttl_careers/ttl_carrers_05.png) no-repeat;background-size:contain}
#careers-catch .anim-parts6{width:8.2512%;background:url(/common/img/careers/ttl_careers/ttl_carrers_06.png) no-repeat;background-size:contain}
#careers-catch .anim-parts7{width:7.0197%;background:url(/common/img/careers/ttl_careers/ttl_carrers_07.png) no-repeat;background-size:contain}
#careers-catch .anim-parts8{width:9.6059%;background:url(/common/img/careers/ttl_careers/ttl_carrers_08.png) no-repeat;background-size:contain}
#careers-catch .anim-parts9{width:8.128%;background:url(/common/img/careers/ttl_careers/ttl_carrers_09.png) no-repeat;background-size:contain}
#careers-catch .anim-parts10{width:7.6354%;background:url(/common/img/careers/ttl_careers/ttl_carrers_10.png) no-repeat;background-size:contain}
#careers-catch .anim-parts11{width:2.9556%;background:url(/common/img/careers/ttl_careers/ttl_carrers_11.png) no-repeat;background-size:contain}
#careers-about{padding-bottom:280px}
#careers-about p{line-height:3}
#careers-message-image .container{padding:0}
#careers-message-image .embed-container{margin-top:-280px;padding-bottom:36.232%}
#careers-message-president.container-1160{padding-left:80px;padding-right:80px;padding-bottom:80px;margin-top:-50px}
#message-signature{margin-top:40px}
#message-signature img{width:200px;margin-bottom:15px}
#careers-message-video .video-embed{max-width:860px;margin:3em auto 0}
#careers-entryform-head{position:relative;min-height:400px}
#careers-entryform-head .sub-page-head-bg{position:absolute;bottom:0;width:100%;height:100%;background:url(/common/img/visual/004.jpg) no-repeat 50% 50%;background-size:cover;z-index:-1}
@media only screen and (max-width:1220px){#careers-entryform-head .embed-item{width:1400px;left:50%;margin-left:-700px}
}
@media only screen and (max-width:1024px){#careers-entryform-head .embed-item p{top:25%}
}
#careers-entryform-head p{position:absolute;top:12%;width:100%;text-align:center;line-height:1}
#careers-entryform-head p:before{display:inline-block;content:'';width:13.021%;height:0;padding-bottom:4.546%;margin:0 auto;background:url(/common/img/careers/entryform_title.png) no-repeat 50% 50%;background-size:cover}
#careers-entryform-parttime-title .wfont{color:#50e650}
#careers-entryform-fulltime-title .wfont,#careers-entryform-thanks-title .wfont{color:#ffd500}
#careers-entryform-fulltime .to-careers,#careers-entryform-parttime .to-careers{color:#ffb300}
#careers-guid .section-title .wfont{background:url(/common/img/careers/ttl_career_guide.png) no-repeat 50% 0;background-size:cover;width:180px;height:55px}
#career-guide-map{position:relative;height:600px}
#careers_slider{position:absolute;width:100%;height:100%;top:0;left:0;padding:0 300px;overflow:hidden;-webkit-transition:background 1s cubic-bezier(.6,0,.3,1);-moz-transition:background 1s cubic-bezier(.6,0,.3,1);-o-transition:background 1s cubic-bezier(.6,0,.3,1);transition:background 1s cubic-bezier(.6,0,.3,1)}
#career-guide-map .slide-wrap{position:absolute;width:800%;height:100%;top:0;left:0;z-index:100}
#career-guide-map .slide-cont-hide .slide-wrap{width:100%}
#career-guide-map .section{display:table-cell;vertical-align:middle;width:100%;padding:0 80px}
#career-guide-map .section-content{position:relative;opacity:0}
#career-guide-map #slide-bg{position:absolute;top:0;left:0;width:300%;height:600px;background:url(/common/img/careers/slide_parts/slide_bg.jpg) repeat-x 50% 50%;background-size:auto 100%;-webkit-transition-property:-webkit-transform,left;-moz-transition-property:-moz-transform,left;-o-transition-property:-o-transform,left;transition-property:transform,left;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}
#career-guide-map .cell-wrap{position:absolute;width:50%;height:100%;top:0;float:left;-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;transition-property:transform;-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}
#career-guide-map .cell-wrap.default-current{width:50%;-webkit-transition-duration:0s;-moz-transition-duration:0s;-o-transition-duration:0s;transition-duration:0s}
#career-guide-map .cell-wrap.part-time-worker{left:0}
#career-guide-map .cell-wrap.reguler-employee{right:0}
#career-guide-map .cell-wrap.slide-closing .first-cell{-webkit-transition-delay:5s,0s;-moz-transition-delay:5s,0s;-o-transition-delay:5s,0s;transition-delay:5s,0s;-webkit-transition-duration:0s,.5s;-moz-transition-duration:0s,.5s;-o-transition-duration:0s,.5s;transition-duration:0s,.5s}
#career-guide-map .regular .cell-wrap.reguler-employee.default-current .first-cell{-webkit-transform:translate3d(-50%,0,0);-moz-transform:translate3d(-50%,0,0);-o-transform:translate3d(-50%,0,0);transform:translate3d(-50%,0,0)}
#career-guide-map .part-time .cell-wrap.part-time-worker.default-current .first-cell{-webkit-transform:translate3d(50%,0,0);-moz-transform:translate3d(50%,0,0);-o-transform:translate3d(50%,0,0);transform:translate3d(50%,0,0)}
#career-guide-map .regular .cell-wrap.default-current .first-cell{-webkit-transform:translate3d(-100%,0,0);-moz-transform:translate3d(-100%,0,0);-o-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}
#career-guide-map .part-time .cell-wrap.default-current .first-cell{-webkit-transform:translate3d(100%,0,0);-moz-transform:translate3d(100%,0,0);-o-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}
#career-guide-map .guide-slide-cell{position:relative;width:25%;height:100%;top:0;overflow:hidden;z-index:10;opacity:1;float:left;-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1),linear;-moz-transition-timing-function:cubic-bezier(.6,0,.3,1),linear;-o-transition-timing-function:cubic-bezier(.6,0,.3,1),linear;transition-timing-function:cubic-bezier(.6,0,.3,1),linear}
#career-guide-map .slide-cont-hide .guide-slide-cell{width:100%;opacity:0}
#career-guide-map .default-current .guide-slide-cell{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}
#career-guide-map .part-time .default-current .guide-slide-cell,#career-guide-map .regular .default-current .guide-slide-cell{-webkit-transition-duration:.6s;-moz-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}
#career-guide-map .guide-slide-cell.first-cell{opacity:1}
#career-guide-map .which-careers{display:block;position:relative;width:100%;height:100%;cursor:default;pointer-events:none}
#career-guide-map .default-current .which-careers{cursor:pointer;pointer-events:all}
#career-guide-map .slide-cont-hide .part-time-worker .which-careers:hover .slider-img,#career-guide-map .slide-cont-hide .reguler-employee .which-careers:hover .slider-img{-webkit-transform:scale(.98);-moz-transform:scale(.98);-o-transform:scale(.98);transform:scale(.98)}
#career-guide-map .slide-close{position:absolute;height:50px;bottom:0;right:0;font-size:1.4em;letter-spacing:.1em;line-height:50px;padding:0 36px;color:#fff;background:#000;opacity:1;z-index:200;-webkit-transform-origin:50%,100%;-moz-transform-origin:50%,100%;-ms-transform-origin:50%,100%;-o-transform-origin:50%,100%;transform-origin:50%,100%;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#career-guide-map .slide-cont-hide .slide-close{opacity:0;height:10px}
#career-guide-map .slide-close span{padding-left:30px}
#career-guide-map .slide-cont-hide .slide-close:after,#career-guide-map .slide-cont-hide .slide-close:before{opacity:0;-webkit-transition-delay:0s .5s;-moz-transition-delay:0s .5s;-ms-transition-delay:0s .5s;-o-transition-delay:0s .5s;transition-delay:0s .5s}
#career-guide-map .slide-close:after,#career-guide-map .slide-close:before{display:inline-block;content:'';position:absolute;width:16px;height:2px;top:25px;left:30px;opacity:1;margin-top:-1px;background:#fff;-webkit-transition:-webkit-transform .4s 0s,opacity .5s 0s;-moz-transition:-moz-transform .4s 0s,opacity .5s 0s;-o-transition:-o-transform .4s 0s,opacity .5s 0s;transition:transform .4s 0s,opacity .5s 0s}
#career-guide-map .slide-close:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}
#career-guide-map .slide-close:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#career-guide-map .slide-close:hover:before{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}
#career-guide-map .slide-close:hover:after{-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);-o-transform:rotate(-135deg);transform:rotate(-135deg)}
#career-guide-map .slider-container{display:table;width:100%;height:100%}
#career-guide-map .slider-section{display:table-cell;vertical-align:middle;width:100%;opacity:1}
#career-guide-map .slide-cont-hide .slider-content{opacity:0}
#career-guide-map .slider-content{position:relative;width:80%;max-width:1000px;overflow:hidden;margin:0 auto;margin-top:-100px;color:#fff;opacity:1;-webkit-transition:opacity .6s,-webkit-transform .6s;-moz-transition:opacity .6s,-moz-transform .6s;-o-transition:opacity .6s,-o-transform .6s;transition:opacity .6s,transform .6s}
#career-guide-map .slider-content dl{width:40%;max-width:320px;margin-bottom:30px;line-height:1}
#career-guide-map .career-grade{float:left}
#career-guide-map .career-char{clear:left;float:left}
#career-guide-map .slider-content .career-skils{position:absolute;width:auto;top:0;right:10%}
#career-guide-map .career-skils ul{padding-left:1em}
#career-guide-map .career-skils dt{margin-bottom:7px}
#career-guide-map .career-skils li{list-style:disc}
#career-guide-map .career-grade dt{font-size:24px;margin-bottom:10px}
#career-guide-map .career-grade .en{margin-bottom:8px;font-size:30px;line-height:1.2}
#career-guide-map .career-grade .ja{font-size:15px}
#career-guide-map .career-char dd,#career-guide-map .career-char dt,#career-guide-map .career-skils dd{line-height:1.8;font-size:14px}
#career-guide-map .career-char dt,#career-guide-map .career-skils dt{font-size:20px}
#career-guide-map .career-char dt,#career-guide-map .career-grade dt,#career-guide-map .career-skils dt{-webkit-transition:color 1s;-moz-transition:color 1s;-o-transition:color 1s;transition:color 1s}
#career-guide-map .part-time .career-char dt,#career-guide-map .part-time .career-grade dt,#career-guide-map .part-time .career-skils dt{color:#26bf26}
#career-guide-map .regular .career-char dt,#career-guide-map .regular .career-grade dt,#career-guide-map .regular .career-skils dt{color:rgba(245,200,6,.8)}
#career-guide-map .slider-img{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;text-align:center;-webkit-transform-origin:50% 100%;-moz-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}
#career-guide-map .slider-img img{width:auto;height:100%}
#career-guide-map .part-time-worker.default-current .slider-section:after,#career-guide-map .part-time-worker.default-current .slider-section:before,#career-guide-map .reguler-employee.default-current .slider-section:after,#career-guide-map .reguler-employee.default-current .slider-section:before{opacity:1}
#career-guide-map .part-time-worker .slider-section:after,#career-guide-map .part-time-worker .slider-section:before,#career-guide-map .reguler-employee .slider-section:after,#career-guide-map .reguler-employee .slider-section:before{display:block;content:'';position:absolute;width:100%;height:100%;top:0;left:0;font-size:2em;color:#fff;opacity:0;text-align:center;-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}
#career-guide-map .part-time-worker .slider-section:after,#career-guide-map .reguler-employee .slider-section:after{width:272px;height:54px;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);-moz-transform:translate3d(-50%,-50%,0);-o-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}
#career-guide-map .default-current .slider-container:before{display:block;content:'';position:absolute;width:100%;height:100%;z-index:-2}
#career-guide-map .part-time-worker .slider-section:before,#career-guide-map .reguler-employee .slider-section:before{height:auto;top:54%}
#career-guide-map .part-time-worker .slider-section:before{content:'アルバイトパートナー'}
#career-guide-map .reguler-employee .slider-section:before{content:'正社員'}
#career-guide-map .part-time-worker .slider-section:after{background:url(/common/img/careers/ttl_part_time_worker.png) no-repeat 50% 50%;background-size:contain}
#career-guide-map .reguler-employee .slider-section:after{background:url(/common/img/careers/ttl_regular_employee.png) no-repeat 50% 50%;background-size:contain}
#career-guide-map .slide-cont-hide .slide-btn,#career-guide-map .slide-moving .slide-btn{opacity:0;pointer-events:none}
#career-guide-map .slide-btn{position:absolute;width:20%;height:100%;top:0;opacity:1;z-index:1000;pointer-events:all;-webkit-transition:opacity .5s .2s;-moz-transition:opacity .5s .2s;-o-transition:opacity .5s .2s;transition:opacity .5s .2s}
#career-guide-map .slide-next-edge .slide-btn.next,#career-guide-map .slide-prev-edge .slide-btn.prev{opacity:0;pointer-events:none}
#career-guide-map .moving-next .slide-btn,#career-guide-map .moving-prev .slide-btn,#career-guide-map .slide-now .slide-btn{pointer-events:none}
#career-guide-map .slide-btn>.inner{position:absolute;width:100%;height:20px;top:50%;text-align:center;overflow:hidden}
#career-guide-map .slide-btn .inner span{display:block;font-size:1.6em;color:#fff;line-height:1.3;-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s}
#career-guide-map .slide-btn:hover .inner span{-webkit-transform:translateY(-100%);-moz-transform:translateY(-100%);-o-transform:translateY(-100%);transform:translateY(-100%)}
#career-guide-map .slide-btn.prev{left:0}
#career-guide-map .slide-btn.next{right:0}
#career-guide-map .slide-btn.prev>.inner{right:35%;-webkit-transform:rotate(-90deg) translateY(50%);-moz-transform:rotate(-90deg) translateY(50%);-o-transform:rotate(-90deg) translateY(50%);transform:rotate(-90deg) translateY(50%)}
#career-guide-map .slide-btn.next>.inner{left:35%;-webkit-transform:rotate(90deg) translateY(50%);-moz-transform:rotate(90deg) translateY(50%);-o-transform:rotate(90deg) translateY(50%);transform:rotate(90deg) translateY(50%)}
#career-guide-map .guide-slide-cell .slide-btn.next:after,#career-guide-map .guide-slide-cell .slide-btn.next:before,#career-guide-map .guide-slide-cell .slide-btn.prev:after,#career-guide-map .guide-slide-cell .slide-btn.prev:before{display:block;content:'';position:absolute}
#career-guide-map .guide-slide-cell .slide-btn.next:before,#career-guide-map .guide-slide-cell .slide-btn.prev:before{width:10px;height:10px;top:50%;-webkit-transition:left .4s,right .4s;-moz-transition:left .4s,right .4s;-o-transition:left .4s,right .4s;transition:left .4s,right .4s;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}
#career-guide-map .guide-slide-cell .slide-btn.prev:before{left:35%;border-top:2px solid #fff;border-left:2px solid #fff}
#career-guide-map .guide-slide-cell .slide-btn.prev:hover:before{left:30%}
#career-guide-map .guide-slide-cell .slide-btn.next:before{right:35%;border-bottom:2px solid #fff;border-right:2px solid #fff}
#career-guide-map .guide-slide-cell .slide-btn.next:hover:before{right:30%}
#career-guide-map .guide-slide-cell .slide-btn.next:after,#career-guide-map .guide-slide-cell .slide-btn.prev:after{width:1px;height:100%;top:0;z-index:-1;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
#career-guide-map .guide-slide-cell .slide-btn.prev:after{left:-1px}
#career-guide-map .guide-slide-cell .slide-btn.next:after{right:-1px}
#career-guide-map .slider-img{-webkit-transition:-webkit-transform .4s;-moz-transition:-moz-transform .4s;-o-transition:-o-transform .4s;transition:transform .4s}
#career-guide-map .slider-content{-webkit-transition-duration:.4s,.6s;-moz-transition-duration:.4s,.6s;-o-transition-duration:.4s,.6s;transition-duration:.4s,.6s}
#career-guide-map .moving-next .slider-content,#career-guide-map .moving-prev .slider-content{-webkit-transition-duration:.2s,.6s;-moz-transition-duration:.2s,.6s;-o-transition-duration:.2s,.6s;transition-duration:.2s,.6s}
#career-guide-map .moving-next .slider-content{-webkit-transform:translate3d(25%,0,0);-moz-transform:translate3d(25%,0,0);-o-transform:translate3d(25%,0,0);transform:translate3d(25%,0,0)}
#career-guide-map .moving-prev .slider-content{-webkit-transform:translate3d(-25%,0,0);-moz-transform:translate3d(-25%,0,0);-o-transform:translate3d(-25%,0,0);transform:translate3d(-25%,0,0)}
#career-guide-map .guide-slide-cell>.graph-wrap{display:none}
#career-guide-map .slide-cont-hide .graph-wrap{opacity:0;pointer-events:none}
#career-guide-map .graph-wrap{position:absolute;width:50%;max-width:600px;bottom:125px;left:50%;opacity:1;background:url(/common/img/careers/slide_parts/graph_base.png) no-repeat;background-size:cover;z-index:100;pointer-events:all;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:opacity .8s;-moz-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s}
#career-guide-map .graph-inner{position:relative;width:0;top:0;left:0;padding-bottom:23.963%;overflow:hidden;-webkit-transition:width .6s cubic-bezier(.6,0,.3,1);-moz-transition:width .6s cubic-bezier(.6,0,.3,1);-o-transition:width .6s cubic-bezier(.6,0,.3,1);transition:width .6s cubic-bezier(.6,0,.3,1)}
#career-guide-map .graph-inner:after,#career-guide-map .graph-inner:before{display:block;content:'';position:absolute;width:100%;height:100%;top:0;left:0}
#career-guide-map .part-time .graph-inner:before{background:url(/common/img/careers/slide_parts/graph_part.png) no-repeat;background-size:auto 100%}
#career-guide-map .regular .graph-inner:before{background:url(/common/img/careers/slide_parts/graph_reg.png) no-repeat;background-size:auto 100%}
#career-guide-map .slide-now .graph-point{pointer-events:none}
#career-guide-map .graph-point{position:absolute;width:15px;height:15px;background:#fff;border-radius:100%;text-align:center}
#career-guide-map .graph-point:after{display:block;content:'';width:100%;height:100%;border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition-property:-webkit-transform,background;-moz-transition-property:-moz-transform,background;-o-transition-property:-o-transform,background;transition-property:transform,background;-webkit-transition-duration:.5s;-moz-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;-webkit-transition-timing-function:cubic-bezier(.6,0,.6,2),ease-out;-moz-transition-timing-function:cubic-bezier(.6,0,.6,2),ease-out;-o-transition-timing-function:cubic-bezier(.6,0,.6,2),ease-out;transition-timing-function:cubic-bezier(.6,0,.6,2),ease-out}
#career-guide-map .regular.career-level0 .graph-point.no01:after,#career-guide-map .regular.career-level1 .graph-point.no01:after,#career-guide-map .regular.career-level1 .graph-point.no02:after,#career-guide-map .regular.career-level2 .graph-point.no01:after,#career-guide-map .regular.career-level2 .graph-point.no02:after,#career-guide-map .regular.career-level2 .graph-point.no03:after,#career-guide-map .regular.career-level3 .graph-point.no01:after,#career-guide-map .regular.career-level3 .graph-point.no02:after,#career-guide-map .regular.career-level3 .graph-point.no03:after,#career-guide-map .regular.career-level3 .graph-point.no04:after{background:#ffd500;-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01)}
#career-guide-map .part-time.career-level0 .graph-point.no01:after,#career-guide-map .part-time.career-level1 .graph-point.no01:after,#career-guide-map .part-time.career-level1 .graph-point.no02:after,#career-guide-map .part-time.career-level2 .graph-point.no01:after,#career-guide-map .part-time.career-level2 .graph-point.no02:after,#career-guide-map .part-time.career-level2 .graph-point.no03:after,#career-guide-map .part-time.career-level3 .graph-point.no01:after,#career-guide-map .part-time.career-level3 .graph-point.no02:after,#career-guide-map .part-time.career-level3 .graph-point.no03:after,#career-guide-map .part-time.career-level3 .graph-point.no04:after{background:#26bf26;-webkit-transform:scale(1.01);-moz-transform:scale(1.01);-o-transform:scale(1.01);transform:scale(1.01)}
#career-guide-map .regular.career-level0 .graph-point.no01 span,#career-guide-map .regular.career-level1 .graph-point.no01 span,#career-guide-map .regular.career-level1 .graph-point.no02 span,#career-guide-map .regular.career-level2 .graph-point.no01 span,#career-guide-map .regular.career-level2 .graph-point.no02 span,#career-guide-map .regular.career-level2 .graph-point.no03 span,#career-guide-map .regular.career-level3 .graph-point.no01 span,#career-guide-map .regular.career-level3 .graph-point.no02 span,#career-guide-map .regular.career-level3 .graph-point.no03 span,#career-guide-map .regular.career-level3 .graph-point.no04 span{color:#ffd500}
#career-guide-map .part-time.career-level0 .graph-point.no01 span,#career-guide-map .part-time.career-level1 .graph-point.no01 span,#career-guide-map .part-time.career-level1 .graph-point.no02 span,#career-guide-map .part-time.career-level2 .graph-point.no01 span,#career-guide-map .part-time.career-level2 .graph-point.no02 span,#career-guide-map .part-time.career-level2 .graph-point.no03 span,#career-guide-map .part-time.career-level3 .graph-point.no01 span,#career-guide-map .part-time.career-level3 .graph-point.no02 span,#career-guide-map .part-time.career-level3 .graph-point.no03 span,#career-guide-map .part-time.career-level3 .graph-point.no04 span{color:#26bf26}
#career-guide-map .regular.career-level0 .graph-point.no01:before,#career-guide-map .regular.career-level1 .graph-point.no01:before,#career-guide-map .regular.career-level1 .graph-point.no02:before,#career-guide-map .regular.career-level2 .graph-point.no01:before,#career-guide-map .regular.career-level2 .graph-point.no02:before,#career-guide-map .regular.career-level2 .graph-point.no03:before,#career-guide-map .regular.career-level3 .graph-point.no01:before,#career-guide-map .regular.career-level3 .graph-point.no02:before,#career-guide-map .regular.career-level3 .graph-point.no03:before,#career-guide-map .regular.career-level3 .graph-point.no04:before{border:10px solid #ffd500;opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#career-guide-map .part-time.career-level0 .graph-point.no01:before,#career-guide-map .part-time.career-level1 .graph-point.no01:before,#career-guide-map .part-time.career-level1 .graph-point.no02:before,#career-guide-map .part-time.career-level2 .graph-point.no01:before,#career-guide-map .part-time.career-level2 .graph-point.no02:before,#career-guide-map .part-time.career-level2 .graph-point.no03:before,#career-guide-map .part-time.career-level3 .graph-point.no01:before,#career-guide-map .part-time.career-level3 .graph-point.no02:before,#career-guide-map .part-time.career-level3 .graph-point.no03:before,#career-guide-map .part-time.career-level3 .graph-point.no04:before{border:10px solid #26bf26;opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#career-guide-map .graph-point.no01{bottom:-6px;left:-5px}
#career-guide-map .graph-point.no02{bottom:-1%;left:33.333%}
#career-guide-map .graph-point.no03{bottom:15%;left:66.666%}
#career-guide-map .graph-point.no04{top:14.5%;right:-10px}
#career-guide-map .graph-point span{display:block;position:absolute;top:-2em;left:50%;width:5em;color:#fff;font-size:2em;-webkit-transition:color .5s .5s;-moz-transition:color .5s .5s;-o-transition:color .5s .5s;transition:color .5s .5s;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
#career-guide-map .graph-point:before{display:block;content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin:-20px 0 0 -20px;border-radius:100%;-webkit-transform:scale(0);-moz-transform:scale(0);-o-transform:scale(0);transform:scale(0);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform,opacity;-o-transition-property:-o-transform,opacity;transition-property:transform,opacity;-webkit-transition-duration:.8s;-moz-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s;-webkit-transition-timing-function:cubic-bezier(.6,0,.6,2);-moz-transition-timing-function:cubic-bezier(.6,0,.6,2);-o-transition-timing-function:cubic-bezier(.6,0,.6,2);transition-timing-function:cubic-bezier(.6,0,.6,2)}
#career-guide-map .slide-cont-hide .border-bottom p{opacity:0}
#career-guide-map .border-bottom p{position:absolute;bottom:0;left:0;width:100%;line-height:50px;opacity:1;-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}
#career-guide-map .border-bottom{position:absolute;width:100%;bottom:0;left:0;right:0;font-size:1.8em;text-align:center;z-index:100}
#career-guide-map .regular.career-edge .border-bottom{padding-left:20%}
#career-guide-map .regular .border-bottom{color:#000}
#career-guide-map .part-time .border-bottom{color:#fff}
#career-guide-map .border-bottom:after,#career-guide-map .border-bottom:before{display:block;content:'';position:absolute;width:100%;height:50px;bottom:0;z-index:-1;-webkit-transition-property:height,-webkit-transform;-moz-transition-property:height,-moz-transform;-o-transition-property:height,-o-transform;transition-property:height,transform;-webkit-transition-duration:.5s,.5s;-moz-transition-duration:.5s,.5s;-o-transition-duration:.5s,.5s;transition-duration:.5s,.5s}
#career-guide-map .slide-cont-hide .border-bottom:after,#career-guide-map .slide-cont-hide .border-bottom:before{height:10px}
#career-guide-map .border-bottom:before{left:0;background:rgba(107,171,62,.8)}
#career-guide-map .border-bottom:after{right:0;background:rgba(245,200,6,.8)}
#career-guide-map .slide-cont-hide .border-bottom:before{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
#career-guide-map .slide-cont-hide .border-bottom:after{-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}
#career-guide-map .part-time .border-bottom:before,#career-guide-map .regular .border-bottom:after{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
#career-guide-map .part-time .border-bottom:after{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
#career-guide-map .regular .border-bottom:before{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%)}
#career-guide-map .part-time.career-edge .border-bottom:after{-webkit-transform:translateX(90%);-moz-transform:translateX(90%);-o-transform:translateX(90%);transform:translateX(90%)}
#career-guide-map .regular.career-edge .border-bottom:before{-webkit-transform:translateX(-90%);-moz-transform:translateX(-90%);-o-transform:translateX(-90%);transform:translateX(-90%)}
#career-guide-map .part-time.career-edge .border-bottom:before{-webkit-transform:translateX(-10%);-moz-transform:translateX(-10%);-o-transform:translateX(-10%);transform:translateX(-10%)}
#career-guide-map .regular.career-edge .border-bottom:after{-webkit-transform:translateX(10%);-moz-transform:translateX(10%);-o-transform:translateX(10%);transform:translateX(10%)}
#careers-benefits .section-title .wfont{background:url(/common/img/careers/ttl_benefits.png) no-repeat 50% 0;background-size:cover;width:116px;height:44px}
#careers-benefits .careers-benefits{position:relative;padding-bottom:1em;margin-bottom:6em}
#careers-benefits .careers-benefits h3{margin-bottom:1em;color:#1a1a1a}
#careers-benefits .careers-benefits p{padding:0 10px;text-align:left}
#careers-benefits .benefits-target{position:absolute;bottom:0;color:#000;font-weight:700}
#careers-benefits .benefits-target span:before{display:inline-block;content:'';width:10px;height:10px;border-radius:50%;background:#ffd500;margin-right:6px}
#careers-benefits .benefits-target.full-time span:before{display:none}
#careers-benefits .benefits-target span{margin-left:5px;font-weight:400;border-radius:4px}
#careers-benefits .careers-benefits:after,#careers-benefits .careers-benefits:before{content:'';display:block;position:absolute;bottom:0;width:1px;height:70%;background-color:rgba(26,26,26,.2)}
#careers-benefits .careers-benefits:before{left:33.333%;margin-left:-7px}
#careers-benefits .careers-benefits:after{right:33.333%;margin-right:-7px}
#careers-requirements .container{padding-bottom:0}
#careers-requirements .section-title .wfont{background:url(/common/img/careers/ttl_descriptions.png) no-repeat 50% 0;background-size:cover;width:221px;height:55px}
#careers-requirements .careers-requirements-grade{padding:0;margin-bottom:30px}
#careers-requirements .careers-requirements-grade:last-child{margin-bottom:-90px}
#careers-requirements .careers-requirements-grade .grade-type{background-color:#191919;line-height:78px;padding:0 60px;font-size:1.667em}
#careers-requirements .careers-requirements-grade .grade-type small{display:inline-block;vertical-align:3px;font-size:.7em;color:#fff;font-weight:400}
#careers-requirements .careers-requirements-grade .grade-type .wfont{margin-right:20px}
#careers-requirements .careers-requirements-grade .grade-type .wfont span{color:#fff}
#careers-requirements .careers-requirements-grade .grade-content{padding-left:290px;position:relative;overflow:hidden;background-color:#000}
#careers-requirements .careers-requirements-grade .grade-image{position:absolute;width:290px;height:100%;background-color:#f4f4f4;left:0;top:0}
#careers-requirements .careers-requirements-grade .grade-image .content-bg{position:absolute;width:100%;height:100%;bottom:0}
#careers-requirements .careers-requirements-grade .grade-body{padding:3.5em 60px 2em;background-color:#fff}
#careers-requirements .careers-requirements-grade .grade-body .desc{line-height:2;padding-bottom:3em;margin-bottom:3em;border-bottom:1px solid #ccc}
#careers-requirements .careers-requirements-grade .grade-body .detail th{color:#191919;font-weight:700}
#careers-requirements .careers-requirements-grade .grade-body .detail td,#careers-requirements .careers-requirements-grade .grade-body .detail th{padding-bottom:.3em}
#grade-parttime .grade-type .wfont{color:#50e550}
#grade-fulltime-assistant-coach .grade-type .wfont,#grade-fulltime-head-coach .grade-type .wfont{color:#ffd500}
#grade-parttime .grade-image .content-bg{background:url(/common/img/careers/img_grade01.jpg) no-repeat 50% 50%;background-size:cover}
#grade-fulltime-assistant-coach .grade-image .content-bg{background:url(/common/img/careers/img_grade02.jpg) no-repeat 50% 50%;background-size:cover}
#grade-fulltime-head-coach .grade-image .content-bg{background:url(/common/img/careers/img_grade03.jpg) no-repeat 50% 50%;background-size:cover}
#careers-entry{padding-top:90px}
#careers-entry .section-title .wfont{background:url(/common/img/careers/ttl_entry_form.png) no-repeat 50% 0;background-size:cover;width:157px;height:55px}
#entry-from-web p{margin-bottom:4em}
#entry-from-web .btn{margin:0 20px}
#entry-from-tel .bordered{padding-bottom:2.5em;border:1px solid #000;border-top:none}
#entry-from-tel .bordered h3{overflow:hidden;position:relative;top:-1em;line-height:2}
#entry-from-tel .bordered h3>span{display:inline-block}
#entry-from-tel .bordered h3:after,#entry-from-tel .bordered h3>span:before{content:'';display:inline-block;position:absolute;width:100%;top:1em;height:1px;background-color:#000}
#entry-from-tel .bordered h3>span:before{-webkit-transform:translate3d(-102%,0,0);-moz-transform:translate3d(-102%,0,0);-o-transform:translate3d(-102%,0,0);transform:translate3d(-102%,0,0)}
#entry-from-tel .bordered h3:after{-webkit-transform:translate3d(2%,0,0);-moz-transform:translate3d(2%,0,0);-o-transform:translate3d(2%,0,0);transform:translate3d(2%,0,0)}
#entry-from-tel .bordered .tel-num{line-height:1;padding-top:1.5em;margin-bottom:1.5em;color:#000}
#entry-from-tel .bordered .tel-num a{pointer-events:none;color:#000}
#careers-foot-map{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;overflow:hidden}
#careers-foot-map .gmap{position:relative;top:0;width:100%;height:120%}
#location{position:relative}
#location-shops{position:absolute;top:0;left:0;height:100%;width:330px;background-color:#fff;overflow-y:scroll}
#location-shops-list a{color:#000;text-decoration:underline}
#location-shops-list a.loc-tel{text-decoration:none}
#location-shops-list a:hover{color:#ffb300;text-decoration:underline}
#location-shops-list #delivery{width:260px;margin:0 auto;padding:40px 0}
#location-shops-list #delivery p{padding:20px 0;font-size:1.8em;text-align:center;border-top:3px #000 solid;border-bottom:3px #000 solid}
#location-shops-list #delivery dl{margin-top:30px;font-size:1.2em;line-height:2em}
#location-shops-list #delivery dt{font-weight:700}
#location-shops-list #delivery dd{margin-bottom:1em}
#location-shops-list #delivery p:before{margin-bottom:20px}
#location-shops-list .shop-info{width:260px;margin:0 auto;padding:60px 0}
#location-shops-list .shop-info{border-top:1px solid #999}
#location-shops-list .shop-info .photo{position:relative;margin-bottom:2em;overflow:hidden}
#location-shops-list .shop-info .name{line-height:1.4;margin-bottom:1.2em}
#location-map{padding-left:330px;background-color:#fff}
#location-map .gmap{height:100%}
#location .mobile-map{display:none}
#location .loc-tel{pointer-events:none}
#location-map .gmap .loaction-map-overlay{position:absolute;width:220px;padding-top:10px;margin-left:-110px;font-size:20px;line-height:1.4;text-align:center}
#location-shops-list .shop-info .photo a:after,#location-shops-list .shop-info .photo a:before,#location-shops-list .shop-info .photo img{width:100%;-webkit-transition-property:opacity,-webkit-transform;-moz-transition-property:opacity,-moz-transform;-o-transition-property:opacity,-o-transform;transition-property:opacity,transform;-webkit-transition-duration:.4s;-moz-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.6,0,.3,1);-moz-transition-timing-function:cubic-bezier(.6,0,.3,1);-o-transition-timing-function:cubic-bezier(.6,0,.3,1);transition-timing-function:cubic-bezier(.6,0,.3,1)}
#location-shops-list .shop-info .photo a:before{display:block;content:'';position:absolute;width:100%;height:100%;top:0;left:0;opacity:0;background:rgba(0,0,0,.6);z-index:1}
#location-shops-list .shop-info .photo a:after{display:block;content:'CHECK THE LOCATION';position:absolute;width:160px;height:40px;top:50%;left:50%;line-height:40px;margin:-20px 0 0 -80px;border:1px solid rgba(255,255,255,.2);text-align:center;color:#fff;opacity:0;z-index:2}
#location-shops-list .shop-info .photo a:hover:after,#location-shops-list .shop-info .photo a:hover:before{opacity:1}
#location-shops-list .shop-info .photo a:hover img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05)}
#news .news-list li{position:relative;padding:20px 30px;border-bottom:1px solid #ccc}
#news .news-list li p{display:inline-block}
#news .news-list li a{color:#000;text-decoration:underline}
#news .news-list li a:hover{color:#ffb300;text-decoration:underline}
#news .news-list .link-pdf p{padding-left:40px}
#news .news-list .link-pdf:before{display:block;content:'PDF';position:absolute;color:#c00;font-weight:700;margin-right:10px}
#news.sub-page-content .section{padding-bottom:0}
#news.sub-page-content .section:last-child{padding-bottom:80px}
#company h2{font-family:Graduate,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","游ゴシック",YuGothic,"メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;font-weight:400}
#company .company-info td{padding:20px 30px;border-bottom:1px solid #ccc}
#company .company-info td span{padding-left:5em}
#company .company-info td a{color:#000;text-decoration:underline}
#company .company-info td a:hover{color:#ffb300;text-decoration:underline}
#terms .section>p{padding:0 30px}
#terms .section-content{margin-bottom:40px}
#terms .section-content__title{padding:0 30px 15px 30px;margin-bottom:20px;border-bottom:1px solid #ccc;font-size:1.4em}
#terms .section-content p{padding:0 30px}
#terms .section-content p a{color:#ffb300}
#terms .section-content ul{padding-left:60px}
#terms .section-content li{list-style:decimal;margin-bottom:10px}
#terms .section-content li>ul{padding-left:20px;margin-top:10px}
#contact .form-table{margin-bottom:30px}
.mq{display:none}
@-webkit-keyframes DropOut{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%,8%{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%)}
}
@keyframes DropOut{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
100%,8%{-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-ms-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%)}
}
@-webkit-keyframes bounce{0%,7.2%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
8.4%{-webkit-transform:scale(1.2,.8);-moz-transform:scale(1.2,.8);-ms-transform:scale(1.2,.8);-o-transform:scale(1.2,.8);transform:scale(1.2,.8)}
10%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@keyframes bounce{0%,7.2%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
8.4%{-webkit-transform:scale(1.2,.8);-moz-transform:scale(1.2,.8);-ms-transform:scale(1.2,.8);-o-transform:scale(1.2,.8);transform:scale(1.2,.8)}
10%,100%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
}
@-webkit-keyframes xSpin{0%,8%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}
100%,20%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}
}
@keyframes xSpin{0%,8%{-webkit-transform:rotateX(0);-moz-transform:rotateX(0);-ms-transform:rotateX(0);-o-transform:rotateX(0);transform:rotateX(0)}
100%,20%{-webkit-transform:rotateX(180deg);-moz-transform:rotateX(180deg);-ms-transform:rotateX(180deg);-o-transform:rotateX(180deg);transform:rotateX(180deg)}
}
@-webkit-keyframes ySpin{0%,8%{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
100%,20%{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
}
@keyframes ySpin{0%,8%{-webkit-transform:rotateY(0);-moz-transform:rotateY(0);-ms-transform:rotateY(0);-o-transform:rotateY(0);transform:rotateY(0)}
100%,20%{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
}
@-webkit-keyframes footerBtnNext{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
49%{opacity:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
50%{opacity:0;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes footerBtnNext{0%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
49%{opacity:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
50%{opacity:0;-webkit-transform:translateY(50%);-moz-transform:translateY(50%);-o-transform:translateY(50%);transform:translateY(50%)}
100%{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@-webkit-keyframes footerBtnArr{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
49%{opacity:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}
50%{opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@keyframes footerBtnArr{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
49%{opacity:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}
50%{opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes footerBtnPrev{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
49%{opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
50%{opacity:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@keyframes footerBtnPrev{0%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
49%{opacity:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
50%{opacity:0;-webkit-transform:translateX(50%);-moz-transform:translateX(50%);-o-transform:translateX(50%);transform:translateX(50%)}
100%{opacity:1;-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}
@-webkit-keyframes sideInX{0%{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)}
100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}
}
@keyframes sideInX{0%{-webkit-transform:translateY(-60px);-moz-transform:translateY(-60px);-o-transform:translateY(-60px);transform:translateY(-60px)}100%{-webkit-transform:translateY(0);-moz-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes sideInY{0%{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-o-transform:translateX(-60px);transform:translateX(-60px)}100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}}@keyframes sideInY{0%{-webkit-transform:translateX(-60px);-moz-transform:translateX(-60px);-o-transform:translateX(-60px);transform:translateX(-60px)}
100%{-webkit-transform:translateX(0);-moz-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0)}
}

#productBox h2 {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

/****************************************

　　     　　　responsive
	 
*******************************************/
@media(max-width:1024px){
#top-enzyme{
    padding-top: 2.5em;
}
#top-aboutus{
    padding-top: 4em;
}
#top-enzyme .section p,
#top-microbe .section p,
#top-aboutus .section p{
    font-size: 1.2rem;
	line-height: 2.2;
}
#top-enzyme .section h3,
#top-microbe .section h3,
#top-aboutus .section h3{
    font-size: 2.1rem;
}
#top-enzyme .section img.fitpic01,
#top-aboutus .section img.fitpic01{
    margin-left: -1.8%;
	width: 44%;
}
#top-microbe .sectionPic img{
    width: 53%;
	margin-left: 4em;
	margin-top: 33em;
	height: 230px;
}
}/*end*/

@media(max-width:960px){
#top-microbe .sectionPic img{
    width: 52%;
	margin-top: 35em;
}
#top-microbe-wrap #top-paper{
    height: 98vh;
}
}/*end*/

@media(max-width:860px){
#top-microbe .sectionPic img{
    margin-top: 37em;
}
}/*end*/

@media(max-width:810px){
#top-microbe .sectionPic img{  
    width: 50%;
}
}/*end*/

@media(max-width:770px){
#top-microbe .sectionPic img{
    margin-left: 2em;
}
#top-enzyme .section img.fitpic01, 
#top-aboutus .section img.fitpic01{
    margin-left: -3%;
}
#top-enzyme-wrap .paper-layer{
    height: 108vh;
}
#top-microbe-wrap #top-paper{
    height: 104vh;
}
#top-microbe .sectionPic img{
    margin-top: 68vh;
}
}/*end*/

@media(max-width:649px){
#top-enzyme .section .btnSp{
    position: absolute;
	left: 57%;
}
#top-enzyme .section img.fitpic01, 
#top-aboutus .section img.fitpic01{
    margin-left: 5%;
	width: 84%;
}
#top-microbe .sectionPic img{
    width: 84%;
	margin-left: 2em;
	margin-top: 5vh;
}
#top-enzyme h2,
#top-microbe h2,
#top-aboutus h2{
    background-size: 95%;
}
}/*end*/

@media(max-width:520px){
#top-enzyme-wrap .paper-layer{
    height: 100vh;
}
#top-microbe-wrap #top-paper{
    height: 92vh;
}
#top-enzyme h2{
    margin-left: 2.7em;
	width: 390px;
	margin-top: 23px;
}
#top-enzyme h2:after{
    margin-left: -49.5%;
}
#top-microbe h2{
    width: 100%!important;
	margin-right: -1%;
}
#top-microbe .section{
    margin-top: 6vh;
}
#top-enzyme .section h3{
    font-size: 1.8rem;
	margin-bottom: none;
	margin-top: 3em;
}
#top-microbe .section h3{
    margin-top: 4.5em;
    font-size: 1.8rem;
}
#top-enzyme .section p,
#top-aboutus .section p{
    font-size: 1.2rem;
	width: 95%;
}
#top-microbe .section p{
    font-size: 1.2rem;
}
#top-enzyme .section .btnSp{
    left: 60%;
	top: 60%;
	position: absolute;
}
#top-microbe .section .btnSp{
	margin-left: -48px;
}
#top-enzyme .btn{
    margin-top: 2em;
}
#top-aboutus h2:after{
    left: -1em;
}
#top-aboutus .section h3{
    font-size: 1.4em;
}
#top-aboutus .section .btnSp{
    margin-left: 32px;
	top: 90%;
	position: absolute;
}
#top-aboutus .btn{
    margin-left: 16em;
	margin-top: -56em;
}
#top-enzyme .section img.fitpic01,
#top-microbe .sectionPic img,
#top-aboutus .section img.fitpic01{
	height: 200px;
}
#top-enzyme .section img.fitpic01{
	width: 84%;
	margin-left: 4%;
	top: 68vh;
	margin-top: 0;
}
#top-microbe .fig{
    margin-top: 9vh;
}
#top-microbe .sectionPic img{
    margin-left: 4%;
	width: 84%;
    margin-top: 12vh;
}
#top-aboutus .section img.fitpic01{
    margin-left: 4%;
}
#top-microbe h2{
    background-size: 84%;
}
}/*end*/

/*--------sp----width:460px---------------*/

@media(max-width:460px){
#top-enzyme-wrap .paper-layer{
    height: 106vh;
}
#top-microbe-wrap #top-paper{
	height: 103vh;
}
#top-aboutus-wrap #top-paper{
    height: 107vh;
}
#top-enzyme h2,
#top-microbe h2,
#top-aboutus h2{
    margin-left: -0.3em;
	width: auto;
}
#top-enzyme h2{
	background-size: 80%;
	margin-top: 10px;
}
#top-microbe h2{
    background-size: 102%;
	width: 87%!important;
	margin-right: 13%;
}
#top-aboutus h2{
    background-size: 81%;
	margin-top: 13px;
	margin-left: -2em;
}
#top-enzyme h2:after{
    margin-left: -24.4%;
	height: 30px;
}
#top-microbe h2:after{
    right: 2%;
	height: 30px;
}
#top-aboutus h2:after{
    margin-left: 15%;
	height: 30px;
}
#top-enzyme .fig{
    width: 36%;
	margin-top: 22%;
}
#top-aboutus .fig{
    width: 36%;
	margin-top: 20%;
}
#top-microbe .fig{
    width: 50%;
	height: 400px;
	margin-top: 89px;
}
#top-microbe .fig img{
    margin-left: 32%;
}
#top-enzyme .fig img:nth-of-type(1),
#top-aboutus .fig img:nth-of-type(1){
    height: 200px;
}
#top-enzyme .fig img:nth-of-type(2),
#top-microbe .fig img:nth-of-type(1){
    top: 212px;
}
#top-aboutus .fig img:nth-of-type(1){
    top: 0.9em;
}
#top-aboutus .fig img:nth-of-type(2){
    margin-top: -119px;
}
#top-enzyme .section h3{
    margin-top: 3
	2.8em;
	font-size: 1.7rem;
	padding-bottom: 1em;
}
#top-microbe .section h3{
    margin-top: 3.5em;
	font-size: 1.7rem;
}
#top-aboutus .section h3{
    margin-top: 4em;
	font-size: 1.7rem;
	padding-bottom: 1em;
}
#top-enzyme .section p, 
#top-aboutus .section p{
    width: 93%;
}
#top-microbe .section p{
    width: 69%;
}
#top-enzyme .section img.fitpic01{
    top: 61%;
	width: 80%;
	height: 180px;
	margin-left: 5%;
}
#top-microbe .sectionPic img{
    height: 180px;
	width: 80%;
	margin-left: 1.3em;
	margin-top: 2em;
}
#top-aboutus .section img.fitpic01{
    height: 180px;
	width: 80%;
	top: 112%;
	position: absolute;
	margin-left: 5%;
}
#top-enzyme .section .btnSp{
    top: 50em;
	left: 45%;
}
#top-microbe .section .btnSp{
    margin-top: 46%;
	left: 25%;
}
#top-aboutus .section .btnSp{
	top: 119%;
	left: -32%;
}
#top-enzyme .section p,
#top-microbe .section p,
#top-aboutus .section p{
    font-size: 1.2rem;
}
#top-microbe .section .btn{
    margin-top: 3em;
	margin-left: 10%;
}
#top-aboutus .section h3{
    font-size: 1.5rem;
}
}/*end*/

/*------390------------------------------*/
@media(max-width:390px){
#top-enzyme-wrap .paper-layer{
    height: 129vh;
}
#top-microbe-wrap #top-paper{
    height: 135vh;
}
#top-aboutus-wrap #top-paper{    
    height: 124vh;
}
#top-aboutus{
    padding-top: 2em;
}
#top-enzyme .fig img:nth-of-type(2),
#top-aboutus .fig img:nth-of-type(2){
    height: 150px;
}
#top-enzyme .section p,
#top-microbe .section p,
#top-aboutus .section p{
    font-size: 1.1rem;
	width: 95%;
}
#top-enzyme .section h3{
    font-size: 1.5rem;
	margin-top: 0;
}
#top-microbe .section h3{
    font-size: 1.5rem;
	margin-top: 1em;
}
#top-aboutus .section h3{
    font-size: 1.4rem;
	margin-top: 1em;
}
#top-enzyme .fig, #top-aboutus .fig{
    width: 32%;
}
#top-microbe .fig{
    margin-top: 63px;
}
#top-enzyme h2,
#top-aboutus h2{
    margin-left: -1.5em;
}
#top-microbe h2{
    margin-right: 11%;
}
#top-aboutus h2{
    width: 96%;
	margin-left: -0.5em;
	background-size: 86%;
}
#top-microbe h2:after{
    right: 4%;
}
#top-aboutus h2:after{
    margin-left: 3em;
}
#top-aboutus .section h3{
    margin-top: 3.5em;
}
#top-microbe .section p{
    width: 64%;
}
#top-enzyme .section p,
#top-aboutus .section p{
    width: 90%;
}
#top-enzyme .section img.fitpic01,
#top-microbe .sectionPic img,
#top-aboutus .section img.fitpic01{
    height: 150px;
}
#top-enzyme .section img.fitpic01{
    top: 78vh;
}
#top-microbe .sectionPic img{
    margin-top: 5em;
}
#top-aboutus .section img.fitpic01{
    top: 980px;
}
#top-enzyme .section .btnSp{
	top: 101vh;
	left: 45%;
}
#top-microbe .section .btnSp{
    margin-top: 45%;
	left: 28%;
}
#top-aboutus .section .btnSp{
    top: 920px;
	left: -40%;
}
#top-aboutus .btn{
    margin-top: -123%;
}
#top-microbe .section .btn{
    font-size: 11px;
}
}/*end*/

@media(max-width:320px){
.paper-layer .paper-boder.boder-top{
    top:10px; left: 10px; right: 10px;
}
.paper-layer .paper-boder.boder-left{
    top:10px; left: 10px; right: 10px;
}
.paper-layer .paper-boder.boder-right{
    top:10px; right: 10px;
}
.paper-layer .paper-boder.boder-bottom{
    left: 10px; right: 10px;
}
#top-enzyme,#top-microbe,#top-aboutus{
    padding-top: 1.5em;
}
#top-microbe-wrap #top-paper{
    height: 125vh;
}
#top-aboutus-wrap #top-paper{
    height: 119vh;
}
#top-microbe .section{
     margin-top: 60px;
}
#top-enzyme h2{
    margin-left: -0.5em;
}
#top-aboutus h2{
    margin-left: 0.5em;
}
#top-aboutus h2{
    background-size: 86%;
}
#top-enzyme h2:after{
    margin-left: -88.4%;
}
#top-aboutus h2:after{
    margin-left: 8.5%;
	width: 660px;
	left: 0;
}
#top-enzyme h2:after,
#top-microbe h2:after, 
#top-aboutus h2:after{
    height: 22px;
}
#top-enzyme .fig{
    width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 25%;
}
#top-aboutus .fig{
    width: 100%;
	margin-left: 0;
	margin-right: 0;
	margin-top: 21%;
}
#top-enzyme .fig img:nth-of-type(1), 
#top-aboutus .fig img:nth-of-type(1){
    height: 150px;
	margin-right: 0;
}
#top-enzyme .fig img:nth-of-type(2), 
#top-aboutus .fig img:nth-of-type(2){   
    display: none;
}
#top-enzyme .section h3{
	position: absolute;
	margin-top: 6.5em;
	margin-left: 5%;
}
#top-aboutus .section h3{
	position: absolute;
	margin-top: 7.5em;
	margin-left: 5%;
}
#top-microbe .section h3{
    position: absolute;
	margin-top: 10em;
}
#top-enzyme .section p{
    position: absolute;
	margin-top: 15em;
	margin-left: 5%;
}
#top-aboutus .section p{
    position: absolute;
	margin-top: 15.5em;
	margin-left: 5%;
}
#top-enzyme .section p,
#top-microbe .section p,
#top-aboutus .section p{
   font-size: 1rem;
   width: 90%;
}
#top-microbe .section p{
    margin-top: 20em;
}
#top-enzyme .section img.fitpic01{
	top: 96%;
}
#top-aboutus .section img.fitpic01{
    top: 108%;
}
#top-enzyme .section img.fitpic01, 
#top-microbe .sectionPic img{
    width: 80%;
    height: 100px;
	margin-left: 10%;
}
#top-aboutus .section img.fitpic01{
    width: 80%;
    height: 100px;
	margin-left: 6%;
}
#top-microbe .sectionPic img{
    margin-top: 4em;
}
#top-microbe .fig{
    width: 100%;
	margin-top: 62px;
}
#top-microbe .fig img:nth-of-type(1){
    object-fit: cover;
	height: 150px;
	width: 100%;
	object-position: 0 32%;
	margin: 0;
}
#top-enzyme .btn{
    font-size: 12px;
	padding: 0 70px 0 60px;
}
#top-enzyme .section .btnSp{
    left: 44%;
}
#top-microbe .section .btnSp{
    margin-left: -24%;
	margin-top: 43%;
}
#top-aboutus .section .btnSp{
    top: 870px;
    left: -64%;
}
}/*end*/