.contact-methods { background: #fff; }
.contact-methods h2, .visit h2 { margin: 0; color: var(--navy); font-family: 'Noto Serif JP', serif; font-size: clamp(27px, 3.4vw, 42px); font-weight: 600; letter-spacing: .06em; line-height: 1.6; }
.contact-method-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin-top: 40px; background: var(--line); }
.contact-method-grid article { min-height: 245px; padding: 36px; background: var(--pale); }
.contact-method-grid p { margin: 0; color: var(--blue); font-size: 11px; font-weight: 600; letter-spacing: .16em; }
.contact-method-grid h3 { margin: 29px 0 14px; color: var(--navy); font-family: 'Noto Serif JP', serif; font-size: 22px; font-weight: 600; }
.contact-method-grid a, .contact-method-grid strong { display: block; color: var(--navy); font-family: 'Noto Serif JP', serif; font-size: clamp(25px, 3.3vw, 38px); font-weight: 600; letter-spacing: .04em; line-height: 1.3; text-decoration: none; }
.contact-method-grid span { display: block; margin-top: 11px; font-size: 13px; }
.visit { background: var(--pale); }
.visit-grid { display: grid; grid-template-columns: 1fr 1.2fr; align-items: center; gap: 10%; }
.visit address { margin: 29px 0; color: var(--navy); font-size: 18px; font-style: normal; line-height: 2; }
.page-end-contact { padding: 90px 0; }
@media(max-width:720px) { .contact-method-grid { grid-template-columns: 1fr; margin-top: 28px; } .contact-method-grid article { min-height: 205px; padding: 28px; } .contact-method-grid h3 { margin: 18px 0 9px; font-size: 20px; } .visit-grid { grid-template-columns: 1fr; gap: 34px; } .page-end-contact { padding: 70px 0; } }