/* ================================================================
   TVC contact.css — お問い合わせ (contact + contact2) ページ専用
   ================================================================ */

/* ── CONTACT LAYOUT ── */
.contact-layout{display:grid;grid-template-columns:1fr 1fr;column-gap:6vw;align-items:start}
.contact-intro{grid-column:1;grid-row:1}
.contact-info{grid-column:1;grid-row:2;margin-top:2rem}
.contact-form{grid-column:2;grid-row:1/span 2;align-self:start}
@media(max-width:600px){
  .contact-layout{grid-template-columns:1fr;column-gap:0}
  .contact-intro,.contact-info,.contact-form{grid-column:auto;grid-row:auto}
  .contact-intro{order:1}
  .contact-form{order:2;margin-top:2rem}
  .contact-info{order:3;margin-top:2rem}
}

/* ── CONTACT2（詳細お問い合わせ）── */
#page-contact2 .c2-layout{display:flex;flex-direction:column;align-items:center;gap:0}
#page-contact2 .c2-intro{width:100%;text-align:center}
#page-contact2 .c2-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:2rem 3rem;margin-top:2rem;width:100%;max-width:860px}
#page-contact2 .c2-form{width:100%;max-width:860px;margin-top:3rem;align-self:center}
#page-contact2 .f-radio-group{display:flex;gap:0;margin-bottom:0.2rem}
#page-contact2 .f-radio-group label{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.85rem;color:var(--navy);cursor:pointer;flex:1;padding:0.75rem 1rem;border:1px solid rgba(13,31,53,0.15);border-right:none;background:#f8fafd;transition:all 0.2s}
#page-contact2 .f-radio-group label:last-child{border-right:1px solid rgba(13,31,53,0.15)}
#page-contact2 .f-radio-group label:hover{background:#edf1f7}
#page-contact2 .f-radio-group label:has(input:checked){background:var(--navy);color:#fff;border-color:var(--navy)}
#page-contact2 .f-radio-group label:has(input:checked)+label{border-left-color:var(--navy)}
#page-contact2 .f-radio-group input[type="radio"]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}
#page-contact2 .f-check-wrap{display:flex;align-items:flex-start;gap:0.5rem;margin-top:1.2rem;margin-bottom:1rem}
#page-contact2 .f-check-wrap input[type="checkbox"]{accent-color:var(--accent);width:16px;height:16px;margin-top:0.2rem;cursor:pointer;flex-shrink:0}
#page-contact2 .f-check-wrap label{font-size:0.8rem;color:var(--muted);line-height:1.6;cursor:pointer}
#page-contact2 .f-check-wrap a{color:var(--accent);text-decoration:underline}
#page-contact2 .f-submit{width:100%;background:var(--navy);color:#fff;border:none;font-size:0.75rem;letter-spacing:0.2em;font-weight:700;padding:1rem;cursor:pointer;transition:background 0.2s,transform 0.2s;font-family:'Noto Sans JP',sans-serif;margin-top:0.4rem}
#page-contact2 .f-submit:hover{background:var(--accent);transform:translateY(-2px)}
#page-contact2 .privacy-section{padding:5rem 8vw;background:var(--alt);color:#1a2a3a}
#page-contact2 .privacy-title{font-family:'Noto Serif JP',serif;font-size:1.1rem;font-weight:700;color:var(--navy);margin-bottom:1.4rem;text-align:center}
#page-contact2 .privacy-body{max-width:860px;margin:0 auto;font-size:0.85rem;line-height:2.0;color:var(--muted)}
#page-contact2 .privacy-body h4{font-size:0.9rem;font-weight:700;color:var(--navy);margin:1.6rem 0 0.6rem}
#page-contact2 .privacy-body p{margin-bottom:0.8rem}
@media(max-width:600px){
  #page-contact2 .c2-info{flex-direction:column;gap:1.2rem}
  #page-contact2 .c2-form{margin-top:2rem}
  #page-contact2 .f-radio-group{flex-direction:column;gap:0}
  #page-contact2 .f-radio-group label{border-right:1px solid rgba(13,31,53,0.15);border-bottom:none}
  #page-contact2 .f-radio-group label:last-child{border-bottom:1px solid rgba(13,31,53,0.15)}
}

/* ── HERO BACKGROUNDS ── */
#page-contact .page-hero,#page-contact2 .page-hero{background:linear-gradient(rgba(13,31,53,0.82) 0%,rgba(13,31,53,0.70) 100%),url('/tvc/Istanbul.jpg') center/cover no-repeat;background-color:#0d1f35}