.contact-heading { position: relative; margin-bottom: 40px; padding-left: 20px; padding-bottom: 15px; border-bottom: 1px solid #0054B4; font-size: 3.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { .contact-heading { font-size: 2.2rem; } }
.contact-heading::before { content: ''; position: absolute; top: 50%; left: 0; width: 4px; height: 1.4em; margin-top: -0.7em; background-color: #0054B4; }

.contact-flex { display: flex; justify-content: space-between; gap: 40px 3.3898305085%; }
@media screen and (max-width: 750px) { .contact-flex { flex-direction: column; } }

.contact-box { width: 48.3050847458%; border: 1px solid #0054B4; border-radius: 20px; overflow: hidden; }
@media screen and (max-width: 750px) { .contact-box { width: 100%; } }
.contact-box .contact-subhedaing { display: flex; align-items: center; padding: 20px 30px; background-color: #0054B4; font-size: 2.4rem; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .contact-box .contact-subhedaing { padding-inline: 20px; font-size: 2.0rem; } }
.contact-box .contact-subhedaing .ico { margin-right: 10px; }
.contact-box .contact-txthedaing { margin-bottom: 30px; font-size: 2.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .contact-box .contact-txthedaing { font-size: 1.8rem; } }
.contact-box .contact-item { padding: 30px 40px; }
@media screen and (max-width: 750px) { .contact-box .contact-item { padding: 30px 20px; } }
.contact-box .contact-item .contact-info dl { display: flex; align-items: flex-start; margin-bottom: 25px; }
@media screen and (max-width: 750px) { .contact-box .contact-item .contact-info dl { display: block; } }
.contact-box .contact-item .contact-info dl:last-child { margin-bottom: 0; }
.contact-box .contact-item .contact-info dl dt { width: 8em; margin-right: 1em; padding: 5px; background-color: #0054B4; text-align: center; color: #fff; border-radius: 5px; }
@media screen and (max-width: 750px) { .contact-box .contact-item .contact-info dl dt { margin-right: 0; margin-bottom: 20px; } }
.contact-box .contact-item .contact-info dl dd { flex: 1; font-size: 1.8rem; }
.contact-box .contact-item .contact-btn a { display: block; text-decoration: none; padding: 25px 30px 25px 20px; background: #FFD91C url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 7px auto; font-size: 1.8rem; font-weight: 700; border-radius: 10px; }
@media screen and (max-width: 750px) { .contact-box .contact-item .contact-btn a { font-size: 1.4rem; } }
.contact-box._phone .ico { width: 3.8rem; }
@media screen and (max-width: 750px) { .contact-box._phone .ico { width: 2.8rem; } }
.contact-box._mail .ico { width: 4.3rem; }
@media screen and (max-width: 750px) { .contact-box._mail .ico { width: 2.5rem; } }

/*# sourceMappingURL=contact.css.map */