
.c-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:start}
form{border:1px solid var(--hair);background:var(--void2);padding:44px 42px}
.f-row{margin-bottom:26px}
.f-row label{
  display:flex;align-items:center;gap:10px;
  font-family:var(--mono);font-size:10.5px;letter-spacing:.24em;color:#aeb9b8;margin-bottom:10px;
}
.f-row label .req{color:var(--amber);border:1px solid var(--amber);font-size:8.5px;padding:1px 7px;letter-spacing:.2em}
.f-row input,.f-row select,.f-row textarea{
  width:100%;background:var(--void);border:1px solid var(--hair-hi);color:var(--w);
  font-family:var(--jp);font-size:14px;padding:14px 16px;transition:border-color .25s;
  border-radius:0;-webkit-appearance:none;appearance:none;
}
.f-row select{background-image:linear-gradient(45deg,transparent 49%,var(--amber) 50%),linear-gradient(135deg,var(--amber) 50%,transparent 51%);background-position:calc(100% - 22px) 50%,calc(100% - 16px) 50%;background-size:6px 6px;background-repeat:no-repeat}
.f-row input:focus,.f-row select:focus,.f-row textarea:focus{border-color:var(--amber);outline:none;box-shadow:0 0 0 1px var(--amber)}
.f-row textarea{min-height:170px;resize:vertical;line-height:1.9}
.f-2col{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.f-consent{display:flex;gap:12px;align-items:flex-start;font-size:12.5px;color:#93a09e;margin:30px 0}
.f-consent input{width:18px;height:18px;margin-top:4px;accent-color:var(--amber)}
form .btn{width:100%;justify-content:center;padding:19px}
.f-note{font-family:var(--mono);font-size:10px;letter-spacing:.14em;color:var(--dim);margin-top:18px;line-height:2}
/* サイド情報 */
.c-side .blk{border-top:2px solid var(--amber);padding-top:22px;margin-bottom:44px}
.c-side h3{font-weight:900;font-size:18px}
.c-side .ce{font-family:var(--mono);font-size:9.5px;letter-spacing:.28em;color:var(--dim);margin-top:4px}
.c-side p{font-size:13px;color:#a7b3b1;margin-top:14px}
.c-side .tel{font-family:var(--mono);font-size:12px;color:#c9d2d0;margin-top:10px;line-height:2.1;letter-spacing:.04em}
.c-side .tel span{color:var(--dim)}
#formDone{display:none;border:1px solid var(--amber);background:var(--amber-dim);padding:40px;text-align:center}
#formDone h3{font-weight:900;font-size:22px}
#formDone p{color:#c9d2d0;font-size:13.5px;margin-top:12px}
@media(max-width:1020px){.c-grid{grid-template-columns:1fr}}
@media(max-width:720px){
  .f-row input,.f-row select,.f-row textarea{font-size:16px}
}
@media(max-width:720px){form{padding:32px 24px}.f-2col{grid-template-columns:1fr}}
@media(max-width:620px){}

.cf-topics{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:6px}
.cf-topics label{display:flex;gap:10px;align-items:center;border:1px solid var(--hair-hi);padding:11px 13px;font-size:13px;color:#c9d2d0;cursor:pointer;font-family:var(--jp)}
.cf-topics input{accent-color:var(--amber);width:16px;height:16px}
.cf-topics label:hover{border-color:var(--amber)}
#cf-error{display:none;border-left:2px solid #ff5a5a;background:rgba(255,90,90,.08);color:#ffb0b0;padding:10px 14px;font-size:12.5px;margin:14px 0}
.cf-note{font-family:var(--mono);font-size:10px;color:var(--dim);margin-top:6px;letter-spacing:.05em}
@media(max-width:620px){.cf-topics{grid-template-columns:1fr}}
