html,body{margin:0;background:#fff}

.dlA{
  --acc:#635bff; --ink:#0a2540; --body:#374151; --sub:#4b5563; --line:#e6e9ee;
  font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;
  background:#f6f9fc;padding:clamp(52px,6.5vw,96px) 24px;
}
.dlA__in{max-width:960px;margin:0 auto;display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(28px,4.5vw,56px);align-items:center}
.dlA__cover{
  position:relative;aspect-ratio:1/1.414;border-radius:10px;display:grid;align-items:center;padding:28px;
  background:linear-gradient(150deg,#2b2a72,#0a2540);color:#fff;
  box-shadow:0 20px 40px -20px rgba(10,37,64,.8);
}
.dlA__cover p{margin:0;font-size:clamp(17px,2.4vw,22px);font-weight:800;line-height:1.6;letter-spacing:.02em}
.dlA__badge{
  position:absolute;top:16px;right:16px;background:#0e7c5a;color:#fff;font-size:10.5px;font-weight:800;
  padding:5px 11px;border-radius:99px;
}
.dlA__spec{margin:16px 0 0;padding:0;list-style:none;display:grid;gap:6px;font-size:11.5px;color:var(--sub)}
.dlA__form h2{margin:0;font-size:clamp(19px,2.6vw,25px);font-weight:800;color:var(--ink);line-height:1.6;letter-spacing:-.01em}
.dlA__lead{margin:14px 0 24px;font-size:13.5px;line-height:1.95;color:var(--body)}
.dlA__form form{display:grid;gap:16px}
.dlA__form label{display:grid;gap:7px;font-size:12.5px;font-weight:700;color:var(--ink)}
.dlA__two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.dlA__form input[type=text],.dlA__form input[type=email]{
  border:0;border-radius:8px;height:46px;padding:0 14px;font:inherit;font-size:14px;background:#fff;
  box-shadow:0 0 0 1px var(--line);outline:none;color:var(--ink);
}
.dlA__form input:focus{box-shadow:0 0 0 1px var(--acc),0 0 0 3px rgba(99,91,255,.16)}
.dlA__check{display:flex;align-items:center;gap:9px;font-weight:500;font-size:12.5px;color:var(--body)}
.dlA__check input{width:16px;height:16px;accent-color:var(--acc)}
.dlA__check a{color:var(--acc)}
.dlA__form button{
  border:0;border-radius:8px;height:54px;background:var(--acc);color:#fff;font:inherit;font-size:15px;
  font-weight:800;cursor:pointer;box-shadow:0 6px 18px -6px rgba(99,91,255,.7);
}
@media (max-width:800px){ .dlA__in{grid-template-columns:1fr} .dlA__doc{max-width:240px} }
@media (max-width:520px){ .dlA__two{grid-template-columns:1fr} }