/*================================================================================

media query mixin

================================================================================*/
/* common color
----------------------------------------------------------------------------*/
/*    google font on web
--------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
.contact .mainArea { margin-top: 60px; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .contact .mainArea { margin-top: 100px; margin-bottom: 40px; } }
.contact .mainArea .c-title { text-align: center; }
.contact .mainArea .read { text-align: center; line-height: 2; }
@media screen and (max-width: 768px) { .contact .mainArea .read { text-align: left; } }
.contact .contactArea .contactList .contactList_item { width: 500px; }
@media screen and (max-width: 768px) { .contact .contactArea .contactList .contactList_item { width: 100%; } }
.contact .contactArea .contactList .contactList_item:first-child { padding: 35px 0; }
.contact .contactArea .contactList .contactList_item:nth-child(2) { margin-right: -40px; }

.container#field-area { padding-left: 0 !important; padding-right: 0 !important; }

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