@import url("https://fonts.googleapis.com/css?family=Lato&display=swap");html{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}*,*:before,*:after{-moz-box-sizing:inherit;-webkit-box-sizing:inherit;-o-box-sizing:inherit;box-sizing:inherit}body{position:relative;z-index:1;margin:0;min-width:320px;background:#fff;line-height:1.42857;-webkit-font-smoothing:antialiased}img{border:0}img.block{display:block;margin-right:auto;margin-left:auto}svg:not(:root){overflow:hidden}hr{-moz-box-sizing:content-box;-webkit-box-sizing:content-box;-o-box-sizing:content-box;box-sizing:content-box}html{color:#7e8a98;font-size:62.5% !important;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body{color:#7e8a98;font-family:"Lato","游ゴシック体","YuGothic","Yu Gothic Medium",sans-serif;font-feature-settings:"pkna" 1;font-size:1.6rem}strong,.strong{font-family:"Lato","游ゴシック体","YuGothic","Yu Gothic",sans-serif;font-weight:700}a{background-color:transparent;color:#1b181d;text-decoration:none;transition:all 0.3s ease}a:hover,a:focus,a:active{color:#228E7B;text-decoration:none}a:focus{outline:none}a:hover,a:active{outline:0}body{width:100wh;height:100vh;height:calc(var(--vh, 1vh) * 100);background:linear-gradient(-35deg, #d2b530, #d2305e, #297cca, #29ca79);background-size:400% 400%;animation:bgGradient 60s ease infinite}@keyframes bgGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}h1{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin:auto;max-width:720px;min-width:256px;width:38%;height:calc(100% - 80px);animation:fadeIn 4s ease 0s 1 normal}h1 #logoMark{position:relative;display:block;margin-bottom:8%;max-width:320px;min-width:64px;width:25%}h1 #logoMark::after{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:auto;background:url("/img/img_logo_overlay.png") 50% 0 no-repeat;background-size:contain;content:""}h1 #logoMark #svgMark{fill:url("#markGradient")}h1 #logoType{display:block;width:100%;height:auto}h1 #logoType #svgType{fill:url("#typeGradient")}h1 .logoSvg{width:100%;height:auto}@keyframes fadeIn{0%{opacity:0;transform:scale(0.9)}100%{opacity:1;transform:scale(1)}}#markStop0{animation:markGradient0 30s ease-in-out infinite alternate}#markStop1{animation:markGradient1 30s ease-in-out infinite alternate}@keyframes markGradient0{0%{stop-color:#00c9ff}100%{stop-color:#92fe9d}}@keyframes markGradient1{0%{stop-color:#92fe9d}100%{stop-color:#00c9ff}}#typeStop0{animation:typeGradient0 30s ease-in-out infinite alternate}#typeStop1{animation:typeGradient1 30s ease-in-out infinite alternate}@keyframes typeGradient0{0%{stop-color:#1ad2ef}100%{stop-color:#92fe9d}}@keyframes typeGradient1{0%{stop-color:#00c9ff}100%{stop-color:#7af5ad}}ul{position:absolute;right:0;bottom:20px;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0;width:100%;height:80px;list-style:none;animation:fadeInBtn 2s ease 0s 1 normal}ul li{position:relative;margin:0 30px;width:64px;height:64px}ul li .modalOverlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;background-color:rgba(255,255,255,0.96);opacity:0;transition:opacity 0.5s,transform 0s 0.5s;transform:scale(0)}ul li .modalOverlay .modalTrigger{position:absolute;width:100%;height:100%}ul li .modalOverlay .modalContent{padding:30px;width:60%;max-width:720px;border-radius:16px;background-color:#fff;text-align:center;box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07);transition:0.5s;transform:scale(1.2)}ul li .modalOverlay .modalContent .closeButton{position:absolute;top:16px;right:16px;width:24px;height:24px;background-color:transparent;cursor:pointer}ul li .modalOverlay .modalContent .closeButton:before,ul li .modalOverlay .modalContent .closeButton:after{position:absolute;top:12px;left:0;display:block;width:24px;height:1px;background-color:#7e8a98;content:""}ul li .modalOverlay .modalContent .closeButton:before{transform:rotate(45deg)}ul li .modalOverlay .modalContent .closeButton:after{transform:rotate(-45deg)}ul li .modalOverlay .modalContent .icoSvg{display:block;margin:0 auto 20px;width:64px;height:64px}ul li .modalOverlay .modalContent .icoSvg path{fill:#7e8a98}ul li .modalOverlay .modalContent p{font-size:3.0rem;letter-spacing:0.02em}ul li .modalOverlay .modalContent p span{display:inline-block;padding:0 0.25em;font-size:2.0rem}ul li input{display:none}ul li input:checked ~ .modalOverlay{opacity:1;transition:opacity 0.5s;transform:scale(1)}ul li input:checked ~ .modalOverlay .modalContent{transform:scale(1)}ul li .openButton{display:block;width:100%;height:100%;border-radius:32px;border:1px solid rgba(255,255,255,0.1);cursor:pointer}ul li .openButton .icoSvg{display:block;margin:8px auto;width:48px;height:48px}ul li .openButton #icoTelephone{fill:url("#btnGradient1")}ul li .openButton #icoAirPlane{fill:url("#btnGradient2")}ul li .openButton #icoMarker{fill:url("#btnGradient3")}@keyframes fadeInBtn{0%{opacity:0}100%{opacity:1}}.btnStop0{animation:btnGradient0 30s ease-in-out infinite alternate}.btnStop1{animation:btnGradient1 30s ease-in-out infinite alternate}@keyframes btnGradient0{0%{stop-color:#18c3de}100%{stop-color:#86eb90}}@keyframes btnGradient1{0%{stop-color:#00bcef}100%{stop-color:#72e5a2}}@media screen and (max-width: 959px){ul li{margin:0 20px;width:48px;height:48px}ul li .openButton .icoSvg{width:32px;height:32px}}@media screen and (max-width: 559px){ul li{margin:0 15px}ul li .modalOverlay .modalContent{padding:30px 4%;width:92%}}@media screen and (max-width: 374px){ul li{margin:0 10px;width:32px;height:32px}ul li .openButton .icoSvg{width:16px;height:16px}}@media (prefers-color-scheme: dark){ul li .modalOverlay{background-color:rgba(28,26,26,0.92)}ul li .modalOverlay .modalContent{background-color:#1b181d;box-shadow:0 2.8px 2.2px rgba(255,255,255,0.02),0 6.7px 5.3px rgba(255,255,255,0.028),0 12.5px 10px rgba(255,255,255,0.035),0 22.3px 17.9px rgba(255,255,255,0.042),0 41.8px 33.4px rgba(255,255,255,0.05),0 100px 80px rgba(255,255,255,0.07);box-shadow:0 2.8px 2.2px rgba(0,0,0,0.02),0 6.7px 5.3px rgba(0,0,0,0.028),0 12.5px 10px rgba(0,0,0,0.035),0 22.3px 17.9px rgba(0,0,0,0.042),0 41.8px 33.4px rgba(0,0,0,0.05),0 100px 80px rgba(0,0,0,0.07)}}#canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;animation:fadeInCanvas 6s ease 0s 1 normal;opacity:0.1}@keyframes fadeInCanvas{0%{opacity:0}100%{opacity:0.1}}