@media all {
    #intro .contact_group { margin-top:var(--spacing-2L); grid-template-columns:6fr 4fr; gap:var(--spacing-3L); }
    #intro .contact_group > div:nth-child(2) { border-left:1px var(--color-gray) solid; }
    #intro .contact_group > div:nth-child(2) .body { padding-left:var(--spacing-1L); }

    #intro .contact_group ul.form_box { margin:0px; }

    #intro .contact_group .contact_list { grid-template-columns:1fr; gap:var(--spacing-2L); }

    #intro .contact_group .contact_list h2 { margin:0px 0px var(--spacing-1S) 0px; font-size:var(--font-size-1S); }
    #intro .contact_group .contact_list p { margin-bottom:0px; }
    #intro .contact_group .contact_list p.name { font-weight:var(--font-weight-bold); }
    #intro .contact_group .contact_list .phone a { color:var(--color-black); }
}

@media (max-width:1400px) {

}

@media (max-width:1200px) {

}

@media (max-width:1000px) {
    #intro .contact_group { grid-template-columns:1fr; gap:var(--spacing-2L); }
    #intro .contact_group .photo_box { display:none; }

    #intro .contact_group > div:nth-child(2) { border-left:0px; }
    #intro .contact_group > div:nth-child(2) .body { padding-left:0px; }
    #intro .contact_group .contact_list { margin-top:var(--spacing-2L); grid-template-columns:1fr 1fr 1fr; gap:var(--spacing-0); }
}

@media (max-width:700px) {
    #intro ul.form_box { grid-template-columns:1fr; }
    #intro .contact_group .contact_list { grid-template-columns:1fr 1fr; gap:var(--spacing-2L); }
}

@media (max-width:500px) {

}