@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap);
#loading{color:#fff;display:table;height:110vh;max-height:110vh;overflow-x:hidden;overflow-y:hidden;text-align:center;top:0;transition:max-height .4s ease;z-index:9001}#loading,.loading-specs{background-color:#0097e0;position:absolute;width:100%}.loading-specs{height:100%;z-index:90000}#center_in_map{left:50%;position:absolute;top:37%;transform:translate(-50%)}.shake-anim{animation:wheel-shake .9s cubic-bezier(.36,.07,.19,.97) infinite}#docomap_logo,#now_loading,.wheel{transition-duration:.4s}#docomap_logo{z-index:90020}.wheel{color:#333;position:absolute;top:80%;z-index:90001}#wheel1{left:0}#wheel2{left:60%}#wheel3{left:78%}#now_loading{color:#fff;font-family:Noto Sans JP,Helvetica,sans-serif!important;font-size:11pt;font-weight:700;font-weight:400;left:108px;position:absolute;top:200%}.spin-reverse{animation:spin-reverse 3s linear infinite}#line1,#line2,#line3{display:none;height:3px;left:50%;position:absolute;width:3px}#line1,#line3{background-color:#fff}#line1{top:27px}#line2{background-color:#555;top:68px}#line3{top:122px}#loading.and-the-curtains-rise{max-height:0}.spin-me-out{animation-timing-function:ease-out;transform:rotateX(450deg)}.thin-out{animation:thinout .4s ease-out forwards!important;display:block!important}@keyframes wheel-shake{10%,90%{transform:translate3d(.3px,.5px,0)}20%,80%{transform:translate3d(.5px,0,0)}30%,50%,70%{transform:translate3d(-.7px,.5px,0)}40%,60%{transform:translate3d(.1px,0,0)}}@keyframes spin-reverse{0%{transform:rotate(359deg)}to{transform:rotate(0deg)}}@keyframes thinout{0%{height:3px;left:50%;width:3px}to{height:0;left:-35%;width:500px}}.preload-images div:first-child{background:url(../../images/view_landing/image_sequence/phone-login-90-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(2){background:url(../../images/view_landing/image_sequence/phone-login-80-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(3){background:url(../../images/view_landing/image_sequence/phone-login-70-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(4){background:url(../../images/view_landing/image_sequence/phone-login-60-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(5){background:url(../../images/view_landing/image_sequence/phone-login-50-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(6){background:url(../../images/view_landing/image_sequence/phone-login-40-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(7){background:url(../../images/view_landing/image_sequence/phone-login-30-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(8){background:url(../../images/view_landing/image_sequence/phone-login-20-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(9){background:url(../../images/view_landing/image_sequence/phone-login-10-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(10){background:url(../../images/view_landing/image_sequence/phone-login-0-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(11){background:url(../../images/view_landing/image_sequence/phone-login-d-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(12){background:url(../../images/view_landing/image_sequence/phone-login-do-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(13){background:url(../../images/view_landing/image_sequence/phone-login-doc-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(14){background:url(../../images/view_landing/image_sequence/phone-login-doco-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(15){background:url(../../images/view_landing/image_sequence/phone-login-docom-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(16){background:url(../../images/view_landing/image_sequence/phone-login-docoma-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(17){background:url(../../images/view_landing/image_sequence/phone-login-docomap-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(18){background:url(../../images/view_landing/image_sequence/phone-login-docomap-1-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(19){background:url(../../images/view_landing/image_sequence/phone-login-docomap-2-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(20){background:url(../../images/view_landing/image_sequence/phone-login-docomap-3-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(21){background:url(../../images/view_landing/image_sequence/phone-login-docomap-4-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(22){background:url(../../images/view_landing/image_sequence/phone-login-docomap-5-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(23){background:url(../../images/view_landing/image_sequence/phone-login-docomap-6-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(24){background:url(../../images/view_landing/image_sequence/phone-login-to-map-80-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(25){background:url(../../images/view_landing/image_sequence/phone-login-to-map-60-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(26){background:url(../../images/view_landing/image_sequence/phone-login-to-map-40-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(27){background:url(../../images/view_landing/image_sequence/phone-login-to-map-20-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(28){background:url(../../images/view_landing/image_sequence/phone-login-to-map-0-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(29){background:url(../../images/view_landing/image_sequence/phone-map-overlay-10-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(30){background:url(../../images/view_landing/image_sequence/phone-map-overlay-20-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(31){background:url(../../images/view_landing/image_sequence/phone-map-overlay-30-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(32){background:url(../../images/view_landing/image_sequence/phone-map-overlay-40-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(33){background:url(../../images/view_landing/image_sequence/phone-map-overlay-50-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(34){background:url(../../images/view_landing/image_sequence/phone-settings-1-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(35){background:url(../../images/view_landing/image_sequence/phone-settings-2-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(36){background:url(../../images/view_landing/image_sequence/phone-settings-3-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(37){background:url(../../images/view_landing/image_sequence/phone-settings-4-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(38){background:url(../../images/view_landing/image_sequence/phone-settings-5-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(39){background:url(../../images/view_landing/image_sequence/phone-sidebar-1-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(40){background:url(../../images/view_landing/image_sequence/phone-sidebar-2-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(41){background:url(../../images/view_landing/image_sequence/phone-sidebar-3-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(42){background:url(../../images/view_landing/image_sequence/phone-sidebar-4-min.png) no-repeat -9999px -9999px}.preload-images div:nth-child(43){background:url(../../images/view_landing/image_sequence/phone-sidebar-5-min.png) no-repeat -9999px -9999px}.navbar{background-color:hsla(0,0%,100%,.95)}.navbar,.navbrand{transition-duration:1s}.navbrand,.navbrand__blue{position:relative}.navbrand__blue{opacity:1}.navbrand__white{left:0;opacity:0;position:absolute}.links{transition-duration:1s}.nav-link.vertical-center{line-height:2}a.links.text-dark:focus,a.links.text-dark:hover{color:#00a1e4!important}a.links.text-white.text-dark{color:#fff!important}a.links.text-white.text-dark:focus,a.links.text-white.text-dark:hover{color:inherit!important}.navbar-toggler{border:none!important;height:24px;position:relative;width:24px}.icon-bar{border-top:2px solid rgba(0,0,0,.5);display:block;width:22px}.icon-bar:first-child,.icon-bar:nth-child(2){margin-bottom:3px}.dots{display:inline-block;position:absolute;transition-duration:.2s}.collapsed .dots,.dots{border-radius:50%;border-top:4px solid #333;top:10px;width:4px}.collapsed .dots{opacity:1}.collapsed .dots:first-child,.collapsed .dots:nth-child(2){left:2px}.collapsed .dots:nth-child(3),.collapsed .dots:nth-child(4){left:10px;transform:rotate(0deg)}.collapsed .dots:nth-child(5),.collapsed .dots:nth-child(6){left:18px}.animate-hamburger .dots:first-child,.animate-hamburger .dots:nth-child(2){left:2px;opacity:0}.animate-hamburger .dots:nth-child(5),.animate-hamburger .dots:nth-child(6){left:18px;opacity:0}.animate-hamburger .dots:nth-child(3){animation:to-upper-left .2s ease normal forwards}.animate-hamburger .dots:nth-child(4){animation:to-lower-left .2s ease normal forwards}@keyframes to-upper-left{0%{left:10px;top:10px;width:4px}50%{border-radius:50%;border-top:4px solid #333;left:3px;top:2px;width:4px}to{border-radius:0;border-top:2px solid #333;left:3px;top:2px;transform:rotate(45deg);transform-origin:0 0;width:27px}}@keyframes to-lower-left{0%{left:10px;top:10px;width:4px}50%{border-radius:50%;border-top:4px solid #333;left:3px;top:20px;width:4px}to{border-radius:0;border-top:2px solid #333;left:3px;top:20px;transform:rotate(-45deg);transform-origin:0 100%;width:27px}}@keyframes reverse-to-upper-left{0%{border-radius:0;border-top:2px solid #333;left:3px;top:2px;transform:rotate(45deg);transform-origin:0 0;width:27px}50%{border-radius:50%;border-top:4px solid #333;left:3px;top:2px;width:4px}to{border-radius:50%;border-top:4px solid #333;left:10px;top:10px;width:4px}}@keyframes reverse-to-lower-left{0%{border-radius:0;border-top:2px solid #333;left:3px;top:20px;transform:rotate(-45deg);transform-origin:0 100%;width:27px}50%{border-radius:50%;border-top:4px solid #333;left:3px;top:20px;width:4px}to{border-radius:50%;border-top:4px solid #333;left:10px;top:10px;width:4px}}.reverse-animate-hamburger .dots:first-child,.reverse-animate-hamburger .dots:nth-child(2){left:2px;opacity:1}.reverse-animate-hamburger .dots:nth-child(3){animation:reverse-to-upper-left .2s ease normal forwards}.reverse-animate-hamburger .dots:nth-child(4){animation:reverse-to-lower-left .2s ease normal forwards}.reverse-animate-hamburger .dots:nth-child(5),.reverse-animate-hamburger .dots:nth-child(6){left:18px;opacity:1}.header__top-text{font-size:6vw}.header__top-text span{opacity:0}.animate-docomap{font-weight:300;position:relative;top:10px;transition-duration:.25s}#first_letter{transition-delay:.5s}#second_letter{transition-delay:.6s}#third_letter{transition-delay:.7s}#fourth_letter{transition-delay:.8s}#fifth_letter{transition-delay:.9s}#sixth_letter{transition-delay:1s}#seventh_letter{transition-delay:1.1s}#view_word{font-weight:700;transition-delay:1.3s}.feature-text{position:relative}.feature-text div{opacity:0;padding-right:10%;position:absolute;transition-duration:.5s}.feature-text__content{font-weight:300;opacity:0;transition-duration:.5s}#feature_initial_text{transition-delay:1.5s}.fade-in,.fade-in-up{opacity:1!important}.fade-in-up{top:0!important}.fade-out{opacity:0!important}.slow-fade-in{opacity:1!important;transform:scale(1)!important}.app-stores{height:100vh}.app-store-badges{height:48px}.register-free{color:#fff}@media (min-width:320px) and (orientation:portrait){.navbar-brand img{height:24px;width:auto}.main-container .row{padding-top:60px}#phone_image{max-width:50%}.feature-text div{padding-right:0}.header{top:-60px}.header__top-text{font-size:10vw}#feature_initial_text{font-size:5vw}.feature-text__content{font-size:4vw;margin-top:5px}#dview_logo{height:200px;width:auto}.dview-caption{font-size:6vw}.app-store-badges{height:36px}.register-free{font-size:4vw}}@media (min-width:415px) and (orientation:portrait){.main-container .row{padding-top:120px}#phone_image{max-width:45%}.header{top:-100px}.header__top-text{font-size:12vw}#feature_initial_text{font-size:5vw}.feature-text__content{font-size:3vw;margin-top:20px}#dview_logo{height:auto}.app-store-badges{height:48px}}@media (min-width:576px){#phone_image{max-width:40%}.navbar-brand img{height:36px;width:auto}.header__top-text{font-size:8vw}.dview-caption{font-size:2.5vw}.register-free{font-size:16px}}@media (min-width:768px){.main-container .row{padding-top:240px}#phone_image{max-width:90%}#phone_image.float-md-right{float:right!important}.header__top-text{font-size:6vw}.feature-text div{margin-top:40px;padding-right:10%}#feature_initial_text{font-size:3vw}.header{top:0}.feature-text__content{font-size:2.5vw}}@media (min-width:992px){.main-container .row{padding-top:120px}#phone_image{max-width:90%}}@media (min-width:1200px){#phone_image{max-width:55%}}body,html{margin:0;overflow-y:hidden}body,html,main{overflow-x:hidden}main{background-color:#fff;transition-duration:.5s;width:100%}.modal{z-index:10000!important}.modal-content{background-color:transparent!important}.background-docomap-blue{background-color:#008fd7}.background-docomap-blue-opaque{background-color:rgba(0,151,224,.95)}.scroll-icon{bottom:20px;position:fixed;right:30px;z-index:1}.scroll-icon img{height:auto;width:70px}.scroll-icon__black{opacity:0;position:relative;transition-duration:1s}.scroll-icon__white{left:0;opacity:0;position:absolute;transition-duration:1s}.main-container .row{height:100vh}#phone_image{opacity:0;transform:scale(.5);transition-duration:2s;width:auto}#landscape_cover{background-color:#008fd7;display:none;height:9000px;left:0;position:absolute;top:0;width:100vw;z-index:10000}