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

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
--------------------------------------------------------------------------------*/
.company .mainArea { margin-top: 60px; margin-bottom: 50px; }
@media screen and (max-width: 768px) { .company .mainArea { margin-top: 100px; margin-bottom: 40px; } }
.company .mainArea .c-title { text-align: center; }
.company .mainArea .mainImg { margin-bottom: 50px; }
@media screen and (max-width: 768px) { .company .mainArea .mainImg { margin-bottom: 20px; } }
.company .mainArea .read { text-align: center; line-height: 2; }
@media screen and (max-width: 768px) { .company .mainArea .read { text-align: left; } }
.company .company-sec01 { margin-bottom: 80px; }
@media screen and (max-width: 768px) { .company .company-sec01 { margin-bottom: 60px; } }
.company .company-sec01 .block { clear: both; }
.company .company-sec01 .block + .block { padding-top: 60px; }
@media screen and (max-width: 768px) { .company .company-sec01 .block + .block { padding-top: 40px; } }
.company .company-sec01 .infoList .infoList_item { font-size: 20px; border-bottom: 1px solid #C4C4C4; overflow: hidden; padding: 15px 0; }
@media screen and (max-width: 768px) { .company .company-sec01 .infoList .infoList_item { font-size: 18px; } }
.company .company-sec01 .infoList .infoList_item:first-child { padding-top: 0; }
.company .company-sec01 .infoList .infoList_item .txt1, .company .company-sec01 .infoList .infoList_item .txt2 { float: left; }
@media screen and (max-width: 768px) { .company .company-sec01 .infoList .infoList_item .txt1, .company .company-sec01 .infoList .infoList_item .txt2 { float: none; } }
.company .company-sec01 .infoList .infoList_item .txt1 { width: 280px; }
@media screen and (max-width: 768px) { .company .company-sec01 .infoList .infoList_item .txt1 { width: auto; margin-bottom: 10px; } }
.company .company-sec01 .txtArea p { font-size: 20px; }
@media screen and (max-width: 768px) { .company .company-sec01 .txtArea p { font-size: 18px; } }
.company .company-sec01 .txtArea p + p { margin-top: 15px; }
@media screen and (max-width: 768px) { .company .company-sec01 .txtArea p + p { margin-top: 10px; } }
.company .company-sec01 .txtArea .name { text-align: right; margin-top: 30px; }

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