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

media query mixin

================================================================================*/
/*    google font on web
--------------------------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Marcellus&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap");
/*    google font on server
--------------------------------------------------------------------------------*/
/*    icomoon
--------------------------------------------------------------------------------*/
/*    custom
--------------------------------------------------------------------------------*/
.company { margin-bottom: -180px; }
.company .companyBlock dl { width: 650px; margin: 0 auto 30px; overflow: hidden; }
@media screen and (max-width: 768px) { .company .companyBlock dl { width: 100%; } }
.company .companyBlock dl:last-child { margin-bottom: 0; }
.company .companyBlock dl dt, .company .companyBlock dl dd { float: left; }
.company .companyBlock dl dt { width: 200px; font-weight: 500; }
@media screen and (max-width: 768px) { .company .companyBlock dl dt { width: 30%; } }
.company .companyBlock dl dd { width: 450px; }
@media screen and (max-width: 768px) { .company .companyBlock dl dd { width: 70%; } }
.company .companyBlock dl dd span { display: block; }
.company .companyBlock dl dd span + span { margin-top: 10px; }
.company .sogyoWrap { background: rgba(158, 158, 159, 0.05); padding-bottom: 60px; }
@media screen and (max-width: 768px) { .company .sogyoWrap { margin-top: 60px; padding-bottom: 120px; } }
.company .sogyoWrap .c-title { padding-top: 70px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .c-title { padding-top: 40px; } }
.company .sogyoWrap .tit01 { font-size: 40px; text-align: center; margin: -40px auto 60px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .tit01 { font-size: 24px; margin: -30px auto 40px; } }
.company .sogyoWrap .logo { width: 530px; margin: 0 auto 30px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .logo { width: auto; } }
.company .sogyoWrap .logo-read { font-size: 20px; text-align: center; margin-bottom: 30px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .logo-read { font-size: 18px; } }
.company .sogyoWrap .logo-block01 { overflow: hidden; margin-bottom: 40px; }
.company .sogyoWrap .logo-block01 .box { width: 500px; min-height: 175px; float: left; border: 1px solid #000; padding: 20px 80px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .logo-block01 .box { width: 100%; min-height: inherit; float: none; padding: 20px; } }
.company .sogyoWrap .logo-block01 .box:first-child { margin-right: 40px; position: relative; padding: 20px 15px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .logo-block01 .box:first-child { padding: 20px; margin-right: auto; margin-bottom: 30px; } }
.company .sogyoWrap .logo-block01 .box:first-child::before { content: ""; position: absolute; width: 40px; height: 5px; background: #000; top: 50%; left: 499px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .logo-block01 .box:first-child::before { width: 5px; height: 30px; top: auto; bottom: -31px; left: 50%; } }
.company .sogyoWrap .logo-block01 .box .tit { font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px; }
.company .sogyoWrap .logo-block02 { overflow: hidden; }
.company .sogyoWrap .logo-block02 .logo { width: 150px; float: left; margin-right: 50px; }
@media screen and (max-width: 768px) { .company .sogyoWrap .logo-block02 .logo { width: 120px; float: none; margin: 0 auto 20px; } }
.company .sogyoWrap .logo-block02 .txt { line-height: 2; }

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