a,input,textarea,button,.button,.map-graphic-wrapper .pin,.map-graphic-wrapper .pin .inner-circle,.map-graphic-wrapper .pin .icon,.vtour-modal,.vtour-modal .close-modal,.location-modal,.location-modal.active{transition:all 0.3s ease-out}*,*::before,*::after{margin:0;padding:0;box-sizing:inherit;border:inherit}html{box-sizing:border-box;border:0;font-size:62.5%;scroll-behavior:smooth}body{display:flex;flex-flow:column;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5;font-size:1.6rem;width:100vw;height:100vh;overflow-x:hidden;color:#000;font-family:"Nunito", "system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif}body.active{overflow:hidden !important}main{flex:1;width:100%;height:100%}section{position:relative;width:100%;height:100%;top:0;left:0;overflow:hidden}ul[role="list"],ol[role="list"]{list-style:none}a{text-decoration:none}img,picture{max-width:100%;height:auto;display:block}input,button,textarea,select{font:inherit}svg{width:100%;height:100%;overflow:hidden}strong,b{font-weight:700}p{font-size:1em;line-height:1.5;margin-bottom:1.5rem}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{border-radius:5px;background:rgba(255,255,255,0.6)}::-webkit-scrollbar-thumb{border-radius:5px;background:rgba(0,0,0,0.5)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,0.6)}::-webkit-scrollbar-thumb:window-inactive{background:rgba(0,0,0,0.05)}.button,button,input[type="submit"]{background:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:#fff;background:rgba(0,0,0,0.5);padding:0.75em 2em;font-size:1em;line-height:1;cursor:pointer;width:auto;overflow:hidden;display:inline-block;letter-spacing:0.05em;font-weight:bold;border-radius:1em;position:relative;text-align:center;min-width:12em;z-index:1;border:2px solid #fff;font-family:"Nunito", "system-ui", "Segoe UI", "Roboto", "Helvetica", "Arial", sans-serif}.button.lrg,button.lrg,input[type="submit"].lrg{font-size:1.25em}.button.xl,button.xl,input[type="submit"].xl{font-size:1.75em}.button.small,button.small,input[type="submit"].small{padding:0.5em 1em 0.5em 1em;font-size:0.875em}.button:hover,button:hover,input[type="submit"]:hover{border:2px solid #000;background:#000;color:#fff}.button:focus,button:focus,input[type="submit"]:focus{outline:0;box-shadow:0}section.intro{display:flex;align-items:center;justify-content:center;position:relative;width:100%;height:100%}section.intro .video-block{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}section.intro .video-block:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.1);background-blend-mode:multiply;z-index:1}section.intro .video-block .video{position:absolute;top:-25%;left:-25%;width:150%;height:150%;z-index:0}.intro-content{position:absolute;top:50%;left:50%;display:flex;flex-flow:column;justify-content:center;align-items:center;z-index:10;transform:translate(-50%, -50%);width:90%;margin:auto}.intro-content .logo{width:210px;height:90px;margin-bottom:3rem}.intro-content .spice-tour-content{text-align:center}.intro-content .spice-tour-content svg{width:480px;height:370px;display:block;margin-bottom:3rem;fill:white}section.map{background:url(../images/map_background.jpg) no-repeat;background-color:#333;background-size:cover;padding:5rem}section.map .logo{position:absolute;bottom:30px;left:30px;width:210px;height:90px;z-index:5}section.map .spice-tour-logo{position:absolute;top:30px;left:30px;width:290px;height:180px;z-index:5}section.map .spice-tour-logo svg{fill:white}section.map .title{position:absolute;top:30px;right:30px;width:480px;height:60px;z-index:5}section.map .virtual{position:absolute;bottom:30px;right:30px}.map-sidebar{position:absolute;bottom:140px;left:30px;width:385px;z-index:5}.map-sidebar .sidebar-content{width:100%;height:calc(100vh - 450px);overflow-y:auto;padding-right:1.5rem}.map-sidebar .sidebar-content p{color:#fff;margin-bottom:1rem;line-height:1.4}.map-sidebar .sidebar-content p a{color:#fff;text-decoration:underline}.map-sidebar .sidebar-content iframe{width:100%;height:200px;margin-bottom:1.5rem}.map-sidebar .sidebar-title{width:385px;height:55px;margin-bottom:20px}.map-sidebar .sidebar-title svg{fill:#fff}.map-graphic-wrapper{width:380px;height:auto;position:absolute;z-index:1;left:45%;top:50%;transform:translate(-50%, -50%)}.map-graphic-wrapper .pin{position:absolute;width:45px;height:60px;cursor:pointer}.map-graphic-wrapper .pin:hover{transform:scale(1.3);z-index:999}.map-graphic-wrapper .pin.active{transform:scale(1.3);z-index:10}.map-graphic-wrapper .pin.active .inner-circle{fill:#000}.map-graphic-wrapper .pin.active .icon{opacity:1}.map-graphic-wrapper .pin .inner-circle{fill:#da662b}.map-graphic-wrapper .pin[data-location="kobe-plant"]{bottom:145px;right:110px}.map-graphic-wrapper .pin[data-location="estate"]{bottom:270px;right:55px}.map-graphic-wrapper .pin[data-location="ocp"]{display:none}.map-graphic-wrapper .pin[data-location="loteco-plant"]{display:none}.map-graphic-wrapper .location-dot{display:none;width:1rem;position:absolute;z-index:-1}.map-graphic-wrapper .location-dot[data-location="ocp"]{bottom:8.1rem;right:6.3rem}.vtour-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;display:flex;align-items:center;justify-content:center;opacity:0;background:rgba(0,0,0,0.75)}.vtour-modal.active{opacity:1;z-index:10}.vtour-modal .modal-content{position:relative;width:80%}.vtour-modal .close-modal{background:rgba(0,0,0,0.2);min-width:0;position:absolute;top:0;right:0;border-radius:0;border:0;padding:10px 15px;cursor:pointer;display:inline-flex;align-items:center}.vtour-modal .close-modal:hover{background:black}.vtour-modal .close-modal svg{margin-left:10px;width:15px;height:15px;fill:#fff}.vtour-modal video{width:100%;height:100%}.location-modal{opacity:0;visibility:hidden;transform:translateY(-40%);background:rgba(255,255,255,0.5);padding:1.5rem 3rem;width:46rem;position:absolute;top:50%;right:3rem;z-index:100;overflow:hidden}.location-modal h2{color:#fff}.location-modal .close-location{background:transparent;width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;min-width:0;position:absolute;top:0;right:0;border-radius:0;border:0;padding:0;cursor:pointer}.location-modal .close-location svg{width:1.25rem;height:1.25rem;fill:#000}.location-modal .location-modal-inner{width:100%;overflow-y:auto;overflow-x:hidden;padding-right:1rem;padding-top:0.6rem}.location-modal .location-modal-inner a{cursor:pointer}.location-modal iframe{width:100%;margin-bottom:1.5rem}.location-modal.active{opacity:1;visibility:visible;transform:translateY(-50%)}.responsive-notice{display:flex;align-items:center;justify-content:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;display:none}.responsive-notice:after{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);mix-blend-mode:multiply}@media only screen and (max-width: 67.5em), (max-height: 37.5em){.responsive-notice{display:flex}}.responsive-notice .responsive-notice__wrapper{position:relative;z-index:2;max-width:600px;width:90%;background:#fff;padding:30px;border-radius:1rem}.responsive-notice h3{font-size:2.6rem;margin-bottom:1.5rem;line-height:1.25}.responsive-notice p{font-size:2rem;margin-bottom:1.5rem}.responsive-notice button{display:inline-flex;padding:1.5rem;margin:0;min-width:0;background:#da662b;border:0;border-radius:1rem}.responsive-notice button svg{fill:#fff;width:15px;height:15px;border:0;margin-left:10px}

/*# sourceMappingURL=global.css.map */