/* contact.css — お問い合わせ(contact.html / confirm.php / thanks.html)専用。common.css は変更せぬ。
   色・字は common.css(r5e)の変数と書体に合わせる。 */
.c-wrap{max-width:1360px;margin:0 auto;padding:84px 40px 120px}
.c-lead{max-width:860px;margin:0 0 48px;font-size:14.5px;line-height:2.2;color:#56687f}
.c-lead p{margin:0 0 4px}
.c-form{max-width:960px;background:#fbfaf7;border:1px solid var(--hair);padding:8px 40px 40px}
.c-form table{width:100%;border-collapse:collapse}
.c-form tr{border-bottom:1px dashed rgba(12,26,44,.28)}
.c-form tr:last-child{border-bottom:0}
.c-form th,.c-form td{text-align:left;vertical-align:top;padding:26px 8px;font-size:14px;line-height:1.9}
.c-form th{width:250px;font-weight:700;letter-spacing:.04em}
.c-form input[type=text],.c-form input[type=tel],.c-form input[type=email],.c-form textarea{
  box-sizing:border-box;border:1px solid #9aa7b6;background:#fff;color:#0c1a2c;padding:11px 12px;font:inherit;font-size:15px;border-radius:2px;max-width:100%}
.c-form input:focus,.c-form textarea:focus{outline:2px solid var(--ac);outline-offset:0;border-color:var(--ac)}
.c-form textarea{width:100%}
.c-form .w-full{width:100%}
.c-form .hiss{display:inline-block;margin-left:6px;color:#fff;font-size:11px;font-weight:700;background:#c8485c;padding:2px 7px;border-radius:2px;letter-spacing:.06em;vertical-align:1px}
.c-form .biko{font-size:12.5px;color:#56687f}
.c-form p{margin:0 0 10px}
.c-form .c-priv-link{display:inline-block;margin:8px 0 4px}
.c-form .c-priv-link a{color:var(--ac);text-decoration:underline}
.c-form .checkbtn{margin-left:6px;cursor:pointer}
.c-form input[type=checkbox]{width:18px;height:18px;vertical-align:-3px}
.c-btn{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin:36px 0 0}
.c-btn button{appearance:none;cursor:pointer;font:inherit;font-size:14.5px;font-weight:700;letter-spacing:.06em;
  color:#eef4fb;background:#0c1a2c;border:1px solid #0c1a2c;border-radius:2px;padding:18px 44px;min-height:52px;transition:background .25s,color .25s,border-color .25s}
.c-btn button:hover{background:var(--ac);border-color:var(--ac)}
.c-btn button.c-back{color:#0c1a2c;background:transparent}
.c-btn button.c-back:hover{color:#fff;background:#0c1a2c;border-color:#0c1a2c}
.c-btn button:disabled{color:#b8c2cf;background:#e6ebf1;border-color:#e6ebf1;cursor:default;pointer-events:none}
.c-recaptcha{display:flex;justify-content:center;margin:32px 0 0}
.c-msg{max-width:960px;margin:0 0 28px;padding:16px 20px;border:1px solid #c8485c;background:#fff;color:#8a2a3a;font-size:14px;line-height:1.9}
.c-thanks{max-width:720px;font-size:15px;line-height:2.2}
.c-thanks p{margin:0 0 20px}
.c-thanks .c-btn{justify-content:flex-start}
.c-thanks .c-btn a{display:inline-block;font-size:14.5px;font-weight:700;letter-spacing:.06em;color:#eef4fb;background:#0c1a2c;border-radius:2px;padding:18px 44px;transition:background .25s}
.c-thanks .c-btn a:hover{background:var(--ac);color:#fff}
@media (max-width:768px){
  .c-wrap{padding:56px 20px 80px}
  .c-form{padding:4px 18px 28px}
  .c-form th,.c-form td{display:block;width:auto;padding:14px 0 0}
  .c-form td{padding:6px 0 18px}
  .c-form table,.c-form tbody,.c-form tr{display:block;width:100%}
  .c-form input[type=text],.c-form input[type=tel],.c-form input[type=email]{font-size:16px;width:100%}
  .c-form input.nm{width:calc(50% - 1em)}
  .c-form input.zip-a{width:84px}.c-form input.zip-b{width:120px}
  .c-btn button{width:100%}
}