.ads-header{display:flex;flex-direction:row;align-items:center;color:#0077b2;height:56px;margin:10px 10px 10px 90px;font-size:28px;width:calc(100% - 100px)}.ads-header__left{flex-grow:1;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%;height:100%}.ads-header__right{flex-grow:0;flex-shrink:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ads-header .ads-menu__toggle{position:absolute;top:25px;left:25px}.ads-header__logo{padding:0 10px;border-left:2px solid rgba(0,0,0,0.1);height:100%}.ads-header__title{flex:1 1 auto;padding:0 10px;border-left:2px solid rgba(0,0,0,0.1);height:100%}.ads-header__language-selector{height:100%}.ads-header__login-button{padding-left:10px;height:100%}.ads-header .ads-menu__toggle{width:40px;height:32px;cursor:pointer}.ads-header__logo{display:flex;align-items:center}.ads-header__logo img{height:80%;object-fit:contain}.ads-header__title{display:flex;align-items:center;overflow:hidden}.ads-header__title__content{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ads-header__language-selector{display:flex;align-items:center}@media screen and (max-width: 768px){.ads-header__logo,.ads-header__language-selector,.ads-header__login-button{display:none}}

.ads-menu{display:flex;flex-direction:row;width:100%;min-height:100%}.ads-menu__contents{position:relative;width:0;transition:width 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";color:#fff;background:linear-gradient(45deg, #0078E6, #46BBEA);min-height:100%;overflow-x:hidden}.ads-menu__contents .ads-menu__toggle{position:absolute;top:25px;left:25px;width:40px;height:32px;cursor:pointer}.ads-menu__contents .ads-menu__toggle .ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger{background:white}.ads-menu__contents__wrapper{position:relative;width:calc( 100% - 50px);margin:60px 30px 50px 20px;display:flex;flex-direction:column}.ads-menu__contents__nav{z-index:1000;display:flex;flex-direction:column}.ads-menu__contents__title{display:block;font-size:17px;font-weight:400;margin-left:20px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;white-space:nowrap}.ads-menu__contents__link{color:#fff;display:flex;flex-direction:row;align-items:center;width:100%;line-height:40px;border-bottom:1px solid #00B7FF;font-size:16px;position:relative;overflow:visible;text-decoration:none;padding:20px 0}.ads-menu__contents__link:hover{color:#BCE0FF;text-decoration:none}.ads-menu__contents__link.active{color:#004f99;cursor:auto;pointer-events:none}.ads-menu__contents__icon{font-size:36px}.ads-menu__contents__item:nth-child(1) .ads-menu__contents__title{animation-delay:0.04s}.ads-menu__contents__item:nth-child(2) .ads-menu__contents__title{animation-delay:0.08s}.ads-menu__contents__item:nth-child(3) .ads-menu__contents__title{animation-delay:0.12s}.ads-menu__contents__item:nth-child(4) .ads-menu__contents__title{animation-delay:0.16s}.ads-menu__contents__item:nth-child(5) .ads-menu__contents__title{animation-delay:0.2s}.ads-menu__contents__item:nth-child(6) .ads-menu__contents__title{animation-delay:0.24s}.ads-menu__contents__item:nth-child(7) .ads-menu__contents__title{animation-delay:0.28s}.ads-menu__contents__item:nth-child(8) .ads-menu__contents__title{animation-delay:0.32s}.ads-menu__contents__item:nth-child(9) .ads-menu__contents__title{animation-delay:0.36s}.ads-menu__contents__item:nth-child(10) .ads-menu__contents__title{animation-delay:0.4s}.ads-menu__contents__item:nth-child(11) .ads-menu__contents__title{animation-delay:0.44s}.ads-menu__contents__item:nth-child(12) .ads-menu__contents__title{animation-delay:0.48s}.ads-menu__contents__item:nth-child(13) .ads-menu__contents__title{animation-delay:0.52s}.ads-menu__contents__item:nth-child(14) .ads-menu__contents__title{animation-delay:0.56s}.ads-menu__contents__item:nth-child(15) .ads-menu__contents__title{animation-delay:0.6s}.ads-menu__contents__item:nth-child(16) .ads-menu__contents__title{animation-delay:0.64s}.ads-menu__contents__item:nth-child(17) .ads-menu__contents__title{animation-delay:0.68s}.ads-menu__contents__item:nth-child(18) .ads-menu__contents__title{animation-delay:0.72s}.ads-menu__contents__item:nth-child(19) .ads-menu__contents__title{animation-delay:0.76s}.ads-menu__contents__item:nth-child(20) .ads-menu__contents__title{animation-delay:0.8s}.ads-menu__contents__right{width:50vw;margin-top:-30px;left:calc(50vw - 50px);align-self:flex-end;display:flex;flex-direction:column;align-items:flex-end;z-index:1}.ads-menu__contents__right .ads-menu__login-button{margin-top:10px;font-size:28px}.ads-menu__contents__right .ads-menu__login-button .ads-login__state,.ads-menu__contents__right .ads-menu__login-button .ads-login__user{font-size:16px;color:white}.ads-menu__contents__right .ads-menu__login-button .ads-login.loggedin .ads-icon-user-circle{color:white}@media screen and (min-width: 768px){.ads-menu__contents__right{display:none}}.ads-menu__backdrop{flex-grow:1;background-color:black;opacity:0;transition:opacity 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)}.ads-menu--open .ads-menu{width:100%}.ads-menu--open .ads-menu .ads-menu__contents{width:500px}.ads-menu--open .ads-menu .ads-menu__backdrop{opacity:0.2}@media screen and (max-width: 768px){.ads-menu--open .ads-menu{width:100%}.ads-menu--open .ads-menu .ads-menu__contents{width:100vw}.ads-menu--open .ads-menu .ads-menu__backdrop{opacity:0.2}}

.ads-menu-toggle{position:relative;width:40px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center}.ads-menu-toggle__open{opacity:0;cursor:pointer;z-index:2;width:100%;height:100%}.ads-menu-toggle__hamburgers{position:absolute;width:100%;height:100%;top:50%;left:50%;transform:translate(-50%, -50%) scale(1.1, 1.1);transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)}.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger{cursor:pointer;position:absolute;top:50%;left:50%;width:33px;height:4px;margin-left:-16.5px;margin-top:-2px;background:linear-gradient(45deg, #0078E6, #46BBEA);display:block;border-radius:3px;transform-origin:2px 0px;transition:all 0.5s cubic-bezier(0.77, 0.2, 0.05, 1);z-index:1}.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger:nth-of-type(1){transform:translate3d(0, -9px, 0)}.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger:nth-of-type(2){transform:translate3d(0, 0, 0)}.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger:nth-of-type(3){transform:translate3d(0, 9px, 0)}.ads-menu-toggle__open:checked+.ads-menu-toggle__hamburgers{transform:translate(-50%, -50%) scale(1, 1)}.ads-menu-toggle__open:checked+.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger{transform-origin:16.5px 2px}.ads-menu-toggle__open:checked+.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger:nth-of-type(1){transform:translate3d(0, 0, 0) rotate(45deg)}.ads-menu-toggle__open:checked+.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger:nth-of-type(2){transform:translate3d(0, 0, 0) scale(0.1, 1)}.ads-menu-toggle__open:checked+.ads-menu-toggle__hamburgers .ads-menu-toggle__hamburger:nth-of-type(3){transform:translate3d(0, 0, 0) rotate(-45deg)}

.ads-login{color:#0077b2;cursor:pointer;display:flex;flex-direction:column;align-items:flex-end}.ads-login .ads-login__button{display:flex;align-items:center}.ads-login .ads-login__button .ads-icon-user-circle{color:#888}.ads-login .ads-login__button .ads-login__state{margin-left:5px;font-size:16px}.ads-login .ads-login__button .ads-login__state::before{content:"LOGIN"}.ads-login .ads-login__user{text-decoration:underline;font-size:16px;margin-top:5px}.ads-login.loggedin .ads-icon-user-circle{color:#0077b2}.ads-login.loggedin .ads-login__state::before{content:"LOGOUT"}

.language-selector{min-width:150px;width:20vw}.language-selector__select{cursor:pointer;display:inline-block;width:100%;height:calc(2.25rem + 2px);padding:0.375rem 1.75rem 0.375rem 0.75rem;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;background-size:8px 10px;border:1px solid #ced4da;border-radius:0.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:16px}

.ads-cookie-consent{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000;opacity:1;transition:opacity 0.3s cubic-bezier(0.77, 0.2, 0.05, 1)}.ads-cookie-consent__backdrop{position:absolute;left:0;top:0;width:100%;height:100%;background-color:black;opacity:0.2}.ads-cookie-consent__main{width:60%;border-radius:5px;background:white;padding:20px;display:flex;justify-content:space-between;flex-direction:column;z-index:1;font-size:16px}.ads-cookie-consent__language-selector{display:flex;justify-content:flex-end;margin-bottom:10px}.ads-cookie-consent__footer{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-top:5px}.ads-cookie-consent__link{color:#007bff;text-decoration:none;background-color:transparent}.ads-cookie-consent .ads-cookie-consent__icon{font-size:20px}.ads-cookie-consent__disagree,.ads-cookie-consent__agree{cursor:pointer;margin:0;font-family:inherit;overflow:visible;-webkit-appearance:button;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid transparent;padding:0.375rem 0.75rem;font-size:1rem;line-height:1.5;border-radius:0.25rem;transition:color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;color:#28a745;background-color:transparent;background-image:none;border-color:#28a745}.ads-cookie-consent.remove{opacity:0}

html,body{width:100%;margin:0;padding:0}body{display:flex;flex-direction:column;align-items:stretch}body>*{z-index:0}#ads-cookie-consent{position:relative;z-index:101}#ads-app{display:flex;padding-top:5px;position:relative;z-index:100;flex-shrink:0;font-family:Arial, Helvetica, "sans-serif", "Yu Gothic", "游ゴシック", "游ゴシック体";width:100%}#ads-app::before{content:"";border-top:5px solid #0077b2;z-index:10001;position:fixed;width:100%;margin-top:-5px}#ads-header{width:100%}#ads-menu{width:100%;position:absolute;height:100vh;overflow-y:scroll;top:0;left:0;visibility:hidden;transition:visibility 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)}#ads-menu.ads-menu--open{visibility:visible;-ms-overflow-style:none}#ads-menu.ads-menu--open::-webkit-scrollbar{display:none}.scroll-fixed{position:fixed;top:0}

@font-face {
  font-family: 'ads-icon';
  src:  url(fonts/ads-icon.eot);
  src:  url(fonts/ads-icon.eot#iefix) format('embedded-opentype'),
    url(fonts/ads-icon.ttf) format('truetype'),
    url(fonts/ads-icon.woff) format('woff'),
    url(fonts/ads-icon.svg#ads-icon) format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="ads-icon-"], [class*=" ads-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'ads-icon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ads-icon-user-circle:before {
  content: "\e911";
}
.ads-icon-download-pdf:before {
  content: "\e910";
}
.ads-icon-home:before {
  content: "\e90f";
}
.ads-icon-360:before {
  content: "\e900";
}
.ads-icon-about-us:before {
  content: "\e901";
}
.ads-icon-ar-directory:before {
  content: "\e902";
}
.ads-icon-download:before {
  content: "\e903";
}
.ads-icon-live-camera:before {
  content: "\e904";
}
.ads-icon-map-search:before {
  content: "\e905";
}
.ads-icon-real-time-monitors:before {
  content: "\e906";
}
.ads-icon-regist:before {
  content: "\e907";
}
.ads-icon-route-search:before {
  content: "\e908";
}
.ads-icon-satellite:before {
  content: "\e909";
}
.ads-icon-snow-crystal:before {
  content: "\e90a";
}
.ads-icon-vishop:before {
  content: "\e90b";
}
.ads-icon-vision:before {
  content: "\e90c";
}
.ads-icon-vr:before {
  content: "\e90d";
}
.ads-icon-catalog:before {
  content: "\e90e";
}