@charset "UTF-8";

:root{
  --bg:#f8fafc;
  --card:#ffffff;
  --text:#0f172a;
  --muted:#64748b;
  --border:#e2e8f0;
  --ring:#93c5fd;
  --primary:#0f172a;
  --primary-foreground:#ffffff;
  --destructive:#ef4444;
  --destructive-foreground:#ffffff;
  --radius:12px;
  --shadow:0 1px 2px rgba(15,23,42,.06),0 8px 24px rgba(15,23,42,.06);
}


body{
  font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;
  line-height:1.6;
}

#headerInner{
  background:transparent;
}

#main{
  background:var(--card);
  border:none;
  border-radius:var(--radius);
  box-shadow:var(--shadow);
}

p.tit,.tit{
  background:#e5e7eb !important;
  border-bottom:none;
  padding:16px 18px !important;
  margin:0 0 10px !important;
  font-weight:700;
  color:var(--text);
}

.block{
  background:transparent !important;
  border:0 !important;
}

.block .inner,
.block .inner_step,
.block .inner_result{
  background:transparent !important;
}

a{
  color:#2563eb;
  text-decoration:none;
}

a:hover{
  text-decoration:underline;
}

input[type="text"],
input[type="password"],
textarea,
select{
  border:1px solid var(--border);
  border-radius:10px;
  background:#fff;
  padding:10px 12px;
  outline:none;
  box-sizing:border-box;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus{
  border-color:var(--ring);
  box-shadow:0 0 0 3px rgba(147,197,253,.45);
}

label{ color:var(--text); }

span[style*="color:rgb(255, 0, 0)"],
span[style*="color: rgb(255, 0, 0)"]{
  color:var(--destructive) !important;
}

b[style*="background-color:red"],
b[style*="background-color: red"]{
  background:var(--destructive) !important;
  color:var(--destructive-foreground) !important;
  border-radius:999px;
  padding:2px 8px !important;
}


input[type="image"]{
  filter:drop-shadow(0 1px 1px rgba(15,23,42,.08));
}

#Div1{
  color:var(--muted);
}

#Div1 a{
  color:var(--muted);
}

.confirm-field{
    font-size: 14px;
    border:solid #e2e8f0 1px;
    padding: 10px;
    border-radius: 10px;
}

#SUB_Auth p b{
  display:inline-block;
  width:140px;
  padding-right:0 !important;
 }

@media screen and (max-width: 768px){
  #main{
    border-radius:14px;
  }

  p.tit,.tit{
    padding:14px 14px !important;
  }
}