@media all {
    /* office_list */
    #contact_intro h2 { margin-top:var(--spacing-2L); font-size:var(--font-size-1L); }

    #contact_intro input[type=checkbox],
    #contact_intro input[type=radio] { margin-right:var(--spacing-4S); }

    #contact_intro .contact_group { grid-template-columns:7fr 3fr; gap:var(--spacing-2L); }
    #contact_intro .contact_group > div:nth-child(2) { background-color:var(--color-gray); }
    #contact_intro .contact_group > div:nth-child(2) .body { padding:var(--spacing-2L) var(--spacing-1L); }

    #contact_intro .contact_group .contact_form  { display:none; }

    #contact_intro ul.county_list { grid-template-columns:repeat(4, 1fr); }

    #contact_intro ul.office_list { grid-template-columns:1fr; gap:var(--spacing-0); font-size:var(--font-size-1S); }

    #contact_intro ul.office_list h3 { margin-bottom:var(--spacing-4S); font-size:var(--font-size-0); }
    #contact_intro ul.office_list h3 a { color:var(--color-blue); }

    #contact_intro ul.office_list li:first-of-type h3{ margin-top:0px; }
    #contact_intro ul.office_list li:not(:first-of-type) h3 { margin-top:var(--spacing-0); }

    #contact_intro ul.office_list .sub_title { margin-top:var(--spacing-1S); font-weight:var(--font-weight-bold); }
    #contact_intro ul.office_list span { font-weight:var(--font-weight-bold); }

    #contact_intro .input_button { font-size:var(--font-size-0); }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {
    #contact_intro .contact_group { grid-template-columns:1fr; }
    #contact_intro .contact_group > div:nth-child(1) { order:2; }
    #contact_intro .contact_group > div:nth-child(2) { order:1; }

    #contact_intro .contact_group .contact_form  { display:block; }

    #contact_intro ul.office_list { grid-template-columns:repeat(3, 1fr); }

    #contact_intro ul.office_list { font-size:var(--font-size-0); }
}

@media (max-width:800px) {
    #contact_intro ul.office_list { grid-template-columns:1fr 1fr; }

    .form_box .service_list { grid-template-columns:1fr; }}
}

@media (max-width:600px) {

}