body{color:#202020;font-family:YuGothic,Yu Gothic Medium,Yu Gothic,Verdana,Meiryo,sans-serif}.guest-container{height:100%;margin:0;min-height:100vh;display:flex;flex-direction:column;background-color:#f1f2f8}.guest-container .header-container{width:100%;height:60px;position:sticky;top:0;left:0;right:0}.guest-container .header-container h1{height:100%}.guest-container .header-container h1 a{display:inline-block;height:100%}.guest-container .header-container h1 a img{padding:10px;height:100%}.guest-container .hero-container .hero-img{height:50vh;background-image:linear-gradient(#fffc,#000000e6),url(/build/assets/sample-9IfLLSrn.png);background-size:cover;position:relative}.guest-container .hero-container .hero-img .hero-info{display:flex;justify-content:center;align-items:center}.guest-container .hero-container .hero-img .hero-info .hero-logo{width:calc(200px + 5vw)}@media (max-width: 560px){.guest-container .hero-container .hero-img .hero-info{display:block}.guest-container .hero-container .hero-img .hero-info .hero-logo{width:60vw}.guest-container .hero-container .hero-img .hero-info .auth-box{margin-top:20px}}.guest-container .footer-container{width:100%;height:8vh;background-color:#fff;display:flex;justify-content:center;align-items:center}.guest-container .footer-container .copyright{text-align:center}.guest-container .guest-main-container{flex:1}.guest-container .guest-main-container .margin-middle{margin:20px min(10vw,50px)}.guest-container .guest-main-container .tool-title{text-align:center;margin:10px 0;font-weight:700;letter-spacing:.05em}.guest-container .guest-main-container .title-decoration{align-items:center;display:flex;justify-content:center}.guest-container .guest-main-container .title-decoration:before,.guest-container .guest-main-container .title-decoration:after{background-color:#686d8b;content:"";height:2px;width:60px}.guest-container .guest-main-container .title-decoration:before{margin-right:15px}.guest-container .guest-main-container .title-decoration:after{margin-left:15px}.guest-container .guest-main-container .tool-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(clamp(200px,50%,400px),1fr));gap:20px;width:100%;margin:0 auto;padding:20px}.guest-container .guest-main-container .tool-grid .tool-card{background-color:#fff;border-radius:5px}.guest-container .guest-main-container .tool-grid .tool-card .card-items{display:flex;padding:20px}.guest-container .guest-main-container .tool-grid .tool-card .card-items .card-icon{display:flex;align-items:center;font-size:calc(1.5rem + 2vw)}.guest-container .guest-main-container .white-box{background-color:#fff;border-radius:5px;padding:10px}.guest-container .guest-main-container .white-box .input-box{display:flex;align-items:center;margin-bottom:8px}.guest-container .guest-main-container .white-box .input-box label{width:30%}.guest-container .guest-main-container .white-box .input-box input{flex:1}.guest-container .guest-main-container .white-box a{display:block;padding:10px}.guest-container .guest-main-container .white-box:has(a){padding:0}@media (max-width: 480px){.guest-container .guest-main-container .white-box .input-box{flex-direction:column;align-items:stretch;margin-bottom:8px}.guest-container .guest-main-container .white-box .input-box label{width:auto;margin-right:0}}.guest-container .guest-main-container .result-table{background-color:#fff;border-radius:5px;width:100%;overflow-x:auto;table-layout:auto}.guest-container .guest-main-container .result-table thead{border-bottom:1px solid #686D8B}.guest-container .guest-main-container .result-table button{background-color:transparent;color:#686d8b}.guest-container .guest-main-container .result-table button:hover{transition:.3s;color:red}.template-container{display:flex;background-color:#f1f2f8;height:100vh}.template-container .sidebar{background-color:#fff;width:20%;flex-shrink:0}.template-container .sidebar .sidebar-logo-box{margin:80px 5%}.template-container .sidebar .sidebar-logo-box .sidebar-logo{margin:0 auto;max-width:300px}.template-container .sidebar .sidebar-logo-box .sidebar-logo img{-o-object-fit:fill;object-fit:fill}.template-container .sidebar nav .nav-ul .nav-item{margin:0 0 40px 30px;display:flex;color:#686d8b;font-size:clamp(1rem,.818rem + .91vw,1.5rem)}.template-container .sidebar nav .nav-ul .nav-item i{text-align:left;width:15%;margin-right:8px}.template-container .sidebar nav .nav-ul .nav-item a{text-align:left;flex-grow:1}.template-container .sidebar nav .nav-ul .nav-item:hover{color:#6c00ff;transition:.3s}.template-container .sidebar nav .nav-ul .active{color:#6c00ff}.template-container .main-container{margin:3%;flex-grow:1;display:flex;flex-direction:column}.template-container .main-container .title{color:#686d8b;font-weight:700;font-size:clamp(2rem,1.636rem + 1.82vw,3rem);margin-bottom:20px}.template-container .main-container .versatility-box{color:#686d8b;background-color:#fff;padding:20px;border-radius:10px}.template-container .main-container .versatility-box .versatility-title{font-size:clamp(1.25rem,.977rem + 1.36vw,2rem);font-weight:bolder;margin-bottom:20px}.template-container .main-container .versatility-box .versatility-sub-box{margin:3%}.template-container .main-container .versatility-box .versatility-sub-box .versatility-sub-title{font-size:clamp(1rem,.818rem + .91vw,1.5rem);font-weight:bolder}.template-container .main-container .versatility-box .versatility-sub-box .versatility-sub-text{border-bottom:3px solid #686D8B}.template-container .main-container .versatility-box .versatility-sub-box .versatility-sub-text p{word-break:break-all;min-height:1rem}.template-container .main-container .versatility-box .versatility-sub-box .versatility-sub-input{width:100%}.template-container .main-container .versatility-box p{font-weight:700;font-size:clamp(.75rem,.568rem + .91vw,1.25rem)}.purple{color:#6c00ff}.orange{color:#ff7a49}.yellow{color:#f4bc14}.white-font{color:#fff}.bold-font{font-weight:700}.margin-left-middle{margin-left:20px}.margin-bottom-middle{margin-bottom:20px}.margin-top-middle{margin-top:20px}.padding-middle{padding:20px}.center-element{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}.flex-box{display:flex}.space-between{justify-content:space-between;gap:15px}.fill-remaining{flex-grow:1}.height-100{height:100%}.hover-shadow{transition:.3s}.hover-shadow:hover{box-shadow:0 10px 10px #0000004d}.pie-chart-box .pie-chart-wrapper{width:100%;aspect-ratio:1/1;max-width:100px}.pie-chart-box .pie-chart-wrapper .pie-chart{width:100%;height:100%;display:block}.pie-chart-box .pie-chart-wrapper .pie-chart .bg{stroke:#f1f2f8;stroke-width:10;fill:none}.pie-chart-box .pie-chart-wrapper .pie-chart .value{stroke-width:10;fill:none;stroke-linecap:round;transition:stroke-dashoffset .5s}.pie-chart-box .pie-chart-wrapper .pie-chart text{font-size:1.25rem;font-weight:700;text-anchor:middle;dominant-baseline:middle;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pie-chart-box .pie-chart-wrapper .pie-chart .stroke-purple{stroke:#6c00ff}.pie-chart-box .pie-chart-wrapper .pie-chart .fill-purple{fill:#6c00ff}.pie-chart-box .pie-chart-wrapper .pie-chart .stroke-yellow{stroke:#f4bc14}.pie-chart-box .pie-chart-wrapper .pie-chart .fill-yellow{fill:#f4bc14}.pie-chart-box .pie-chart-wrapper .pie-chart .stroke-orange{stroke:#ff7a49}.pie-chart-box .pie-chart-wrapper .pie-chart .fill-orange{fill:#ff7a49}.pie-chart-box .pie-chart-title{text-align:center;font-size:1.25rem;font-weight:700;margin-top:10px}.navigate-setting{color:#686d8b;font-size:clamp(1.25rem,1.159rem + .45vw,1.5rem);font-weight:700;padding:20px;background-color:#fff;border-radius:9999px;transition:.3s}.navigate-setting:hover{color:#fff;background-color:#686d8b}p,a,label,button,table,h2{color:#686d8b}.small-font{font-size:.75em}input[type=text],input[type=number]{border-radius:5px}button{padding:5px 0;width:100%;background-color:#686d8b;border-radius:5px;color:#fff}@media (min-width: 769px){.sidebar{display:block}.hamburger-menu{display:none}.content-container{display:flex;flex-wrap:wrap;gap:16px}.flex-hub{flex:1 1 250px;max-width:400px}.flex-curtain{flex:1 1 250px;max-width:300px}}@media (max-width: 768px){.sidebar{display:none}.hamburger-menu{display:flex;background-color:#fff;position:relative;height:6vh}.hamburger-menu .hamburger-icon{margin:5px auto}.hamburger-menu .hamburger-icon img{max-height:100%}.hamburger-menu .hamburger-button{height:100%;font-size:2rem;background-color:transparent;color:#686d8b;width:auto}.template-container{flex-direction:column}.template-container .main-container{display:flex}.content-container{display:flex;flex-direction:column;gap:16px}.content-container .flex-hub,.content-container .flex-curtain{max-width:100%}}.slide-menu{position:fixed;top:0;left:0;width:100vw;background:#fff;color:#686d8b;transform:translateY(-100%);transition:transform .4s cubic-bezier(.4,0,.2,1);z-index:9999;box-shadow:0 4px 16px #0003}.slide-menu.open{transform:translateY(0)}.slide-menu ul{list-style:none;margin:0;text-align:center}.slide-menu ul li{transition:.2s}.slide-menu ul li a{display:block;padding:16px 0;text-decoration:none;font-size:1.2rem}.slide-menu ul li:hover{background-color:#6c00ff;color:#fff}.overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0006;z-index:9998;opacity:0;pointer-events:none;transition:opacity .3s}.overlay.active{opacity:1;pointer-events:auto}