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

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
--------------------------------------------------------------------------------*/
.client .mainArea { margin-top: 60px; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .client .mainArea { margin-top: 100px; margin-bottom: 40px; } }
.client .mainArea .c-title { text-align: center; }
.client .mainArea .mainImg { margin-bottom: 50px; }
@media screen and (max-width: 768px) { .client .mainArea .mainImg { margin-bottom: 20px; } }
.client .mainArea .read { text-align: center; line-height: 2; }
@media screen and (max-width: 768px) { .client .mainArea .read { text-align: left; } }
.client .client-sec01 { margin-bottom: 80px; }
@media screen and (max-width: 768px) { .client .client-sec01 { margin-bottom: 60px; } }
.client .client-sec01 .clientList { overflow: hidden; }
@media screen and (max-width: 768px) { .client .client-sec01 .clientList { border-top: 1px solid #C4C4C4; padding-top: 20px; } }
.client .client-sec01 .clientList .clientList_item { width: 50%; float: left; font-size: 20px; }
@media screen and (max-width: 768px) { .client .client-sec01 .clientList .clientList_item { width: 100%; float: none; font-size: 18px; } }
.client .client-sec01 .clientList .clientList_item:first-child { border-right: 1px solid #C4C4C4; padding-right: 40px; }
@media screen and (max-width: 768px) { .client .client-sec01 .clientList .clientList_item:first-child { border: none; padding-right: 0; } }
.client .client-sec01 .clientList .clientList_item:last-child { padding-left: 40px; }
@media screen and (max-width: 768px) { .client .client-sec01 .clientList .clientList_item:last-child { padding-left: 0; margin-top: 15px; } }
.client .client-sec01 .clientList .clientList_item .name + .name { margin-top: 15px; }

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