:root{--theme-color: #ff6a3e;--theme-light-text-color: #1a1a1a;--theme-light-bg-color: #fafbfc;--theme-dark-text-color: #fafbfc;--theme-dark-bg-color: #1a1a1a;--text-color: #1a1a1a;--text-light-color: #444444;--bg-color: #ffffff}body{min-height:100vh;font-family:Roboto,Arial,sans-serif;margin:0;padding:0}ul,li{margin:0;padding:0}*,*:before,*:after{box-sizing:border-box}@media only screen and (max-width: 1023px){body.menu-open{overflow:hidden}#navigation{width:100%;height:3rem;box-sizing:border-box;padding:.2rem 1rem;background-color:#fff;box-shadow:#959da533 0 8px 24px;position:fixed;top:0;z-index:10000}#navigation:before{content:"";width:100%;height:0vh;background:#0009;opacity:0;display:block;position:absolute;top:100%;right:0;z-index:-1100;transition:height .5s,opacity .5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#navigation.nav-active:before{height:150vh;opacity:1}#navigation.nav-active .nav-ul-wrapper{opacity:1;transform:scaleY(1);transition-delay:.15s}#navigation.nav-active .nav-li{opacity:1;transform:translateY(0)}#navigation .container{width:100%;display:flex;justify-content:flex-end;align-items:center}#navigation .logo{width:40%;max-width:9.125rem;height:100%;margin:0 auto 0 0;box-sizing:border-box;padding:0;display:flex;justify-content:center;align-items:center;z-index:10}#navigation .logo img{width:100%;height:100%;object-fit:contain}#navigation .toggle{width:clamp(2.75rem,6vw,3rem);height:clamp(2.75rem,6vw,3rem);margin:0 0 0 auto;background-color:transparent;border:none;border-radius:.25rem;display:flex;justify-content:center;align-items:center}#navigation .nav-active .nav-line1{top:50%;transform:translate(-50%,-50%) rotate(225deg)}#navigation .nav-active .nav-line2{top:50%;transform:translate(-50%,-50%) translateY(0) rotate(-225deg);transform-origin:center}#navigation .nav-active .nav-line3{opacity:0;bottom:100%}#navigation .nav-box{width:clamp(1.5rem,2vw,1.75rem);height:clamp(.875rem,1.5vw,1rem);position:relative}#navigation .nav-line{width:100%;height:2px;background-color:#1a1a1a;border-radius:2px;position:absolute;left:50%;transform:translate(-50%)}#navigation .nav-line1{top:0;transition:transform .5s,top .3s,left .3s;animation-duration:.7s;animation-timing-function:ease;animation-direction:normal;animation-fill-mode:forwards;transform-origin:center}#navigation .nav-line2{top:50%;transform:translate(-50%) translateY(-50%);transition:top .3s,left .3s,transform .5s;animation-duration:.7s;animation-timing-function:ease;animation-direction:normal;animation-fill-mode:forwards}#navigation .nav-line3{bottom:0;transition:bottom .3s,opacity .3s}#navigation .nav-ul-wrapper{width:100%;height:auto;padding-bottom:2em;background-color:#fff;box-shadow:inset #0003 0 8px 24px;opacity:0;position:absolute;top:100%;left:0;z-index:-1;overflow:hidden;transform:scaleY(0);transition:transform .4s,opacity .3s;transform-origin:top}#navigation .nav-ul{width:100%;height:auto;max-height:65vh;margin:0;padding-top:2rem;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.25rem;overflow:scroll}#navigation .nav-li{text-align:center;list-style:none;width:100%;margin-right:0;opacity:0;transform:translateY(-4.375rem);transition:transform .6s,opacity .9s}#navigation .nav-li:nth-of-type(1){transition-delay:.05s}#navigation .nav-li:nth-of-type(2){transition-delay:.1s}#navigation .nav-li:nth-of-type(3){transition-delay:.15s}#navigation .nav-li:nth-of-type(4){transition-delay:.2s}#navigation .nav-li:nth-of-type(5){transition-delay:.25s}#navigation .nav-li:nth-of-type(6){transition-delay:.3s}#navigation .nav-li:nth-of-type(7){transition-delay:.35s}#navigation .nav-li:nth-of-type(8){transition-delay:.4s}#navigation .nav-li:nth-of-type(9){transition-delay:.45s}#navigation .nav-li:nth-of-type(10){transition-delay:.5s}#navigation .nav-li:nth-of-type(11){transition-delay:.55s}#navigation .nav-li:nth-of-type(12){transition-delay:.6s}#navigation .nav-li:nth-of-type(13){transition-delay:.65s}#navigation .router-link{font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.2em;text-decoration:none;margin:0;color:var(--text-color);display:inline-block;position:relative}#navigation .router-link:before{content:"";width:100%;height:2px;background:var(--theme-color);opacity:1;display:none;position:absolute;bottom:-.125rem;left:0}#navigation .router-link.router-link-active:before{display:block}#navigation .button-solid{display:none}}@media only screen and (min-width: 1024px){#navigation{width:100%;height:2.5rem;box-sizing:border-box;padding:0 1rem;background-color:#fff;box-shadow:#959da533 0 8px 24px;position:fixed;z-index:10000}#navigation .container{width:100%;max-width:80rem;margin:auto;display:flex;justify-content:flex-end;align-items:center;gap:1.5rem}#navigation .toggle{display:none}#navigation .logo{width:18.4%;max-width:21.875rem;height:1rem;margin:0 auto 0 0;padding:0;display:flex;justify-content:center;align-items:center;z-index:100}#navigation .logo img{width:100%;height:100%;object-fit:contain}#navigation .nav-ul{width:100%;margin:0;padding:0;display:flex;justify-content:flex-start;align-items:center;gap:clamp(1.25rem,2.6vw,2.25rem)}#navigation .nav-li{list-style:none;padding:.5rem 0;flex:none}#navigation .nav-li:last-child{padding-right:2rem}#navigation .router-link{font-size:clamp(.875rem,1vw,1rem);line-height:1.5em;text-decoration:none;margin:0;color:var(--text-color);display:block;position:relative}#navigation .router-link:hover:before{width:100%}#navigation .router-link.router-link-active:before{width:100%}#navigation .router-link:before{content:"";width:0%;height:2px;background:var(--theme-color);opacity:1;display:block;position:absolute;bottom:0rem;left:0;transition:width .3s}}#contents{padding:5rem 1rem 2rem;display:flex;justify-content:center;flex-wrap:wrap}#map{width:100%;height:calc(100vh - 7rem)}.input-box{display:flex;flex-direction:column;width:fit-content;position:static;max-width:240px}.input-box label.text{font-size:.75rem;color:#979797;font-weight:700;position:relative;top:1.7rem;margin:0 0 0 7px;padding:0 3px;background:var(--bg-color);width:fit-content;transition:.2s ease all;-moz-transition:.2s ease all;-webkit-transition:.2s ease all}.input-box label:has(+.text-input:valid){top:.5rem;color:var(--text-light-color)}.input-box label:has(+.text-input:focus){top:.5rem;color:var(--theme-color)}.input-box input.text-input{padding:11px 10px;font-weight:700;color:var(--text-light-color);border:2px solid var(--text-light-color);border-radius:5px;outline:none}.input-box input.text-input:focus{border-color:var(--theme-color);color:var(--text-color)}
