@import"https://cdn.jsdelivr.net/npm/destyle.css@1.0.15/destyle.min.css";.row{height:100svh;display:grid;grid-template-columns:1fr 3fr;grid-gap:10px}.row .main{min-height:100svh;overflow-y:scroll;background:#ffe200;padding:20px}.row .main .wrapper{border-radius:10px;background:#f4f5f7;min-height:100%}.row .main .wrapper .title{text-align:center;padding:15px 10px 10px;border-bottom:1px solid #e0e0e0;border-radius:10px 10px 0 0;font-size:1.5rem;font-weight:600}.row .main .wrapper .content{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center}.row .main .wrapper .content ul.error{width:100%;padding:10px;border-radius:5px;background:#f8d7da;color:#721c24;margin-bottom:20px}.row .main .wrapper .content ul.info{width:100%;padding:10px;border-radius:5px;background:#d1ecf1;color:#0c5460;margin-bottom:20px;font-size:.9rem;line-height:1.2rem}.row .main .wrapper .content ul.info a{color:#0c5460;text-decoration:underline;cursor:pointer}.row .main .wrapper .content form{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.row .main .wrapper .content form .form-group{width:100%;margin-bottom:20px}.row .main .wrapper .content form .form-group label{font-weight:500}.row .main .wrapper .content form .form-group input,.row .main .wrapper .content form .form-group textarea{width:100%;margin:5px 0 0;padding:10px;border-radius:10px;border:1px solid #e0e0e0;background:#fff;font-size:1.2rem}.row .main .wrapper .content form .form-group input:focus,.row .main .wrapper .content form .form-group textarea:focus{outline:none;border:1px solid #333}.row .main .wrapper .content form .form-group .form-group{display:flex;align-items:center;align-self:center;gap:10px;font-size:1.5rem;margin:0}.row .main .wrapper .content form .form-group .form-group p{display:block;margin:0;height:1.5rem}.row .main .wrapper .content form .btn{width:100%;padding:10px;border-radius:5px;border:none;background:#ffe200;color:#333;text-align:center;font-size:1.2rem;cursor:pointer}.row .main .wrapper .content form .btn:hover{background:#ffeb3b}.row .main .wrapper .content .sns p{width:100%;padding-bottom:10px;text-align:center}.row .main .wrapper .content .other a{display:block;color:#333;text-decoration:none;text-align:center;margin:10px 0}.row .sub{height:100svh}@media screen and (max-width: 768px){.row{grid-template-columns:1fr}.row .main{min-height:100%}.row .sub{display:none}}hr{width:100%;margin:20px 0;border:1px solid #e0e0e0}hr.nonMargin{margin:5px 0 10px}
