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

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 .mainArea { width: 100%; min-height: 420px; background: url("../img/main.jpg") no-repeat; background-size: cover; position: relative; margin-bottom: 100px; }
@media screen and (max-width: 768px) { .company .mainArea { min-height: 260px; margin-bottom: 60px; } }
.company .mainArea .c-title { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.company .mainArea .c-title .-jp, .company .mainArea .c-title .-en { color: #fff; }
.company .mainArea .c-title .-en { margin-bottom: 35px; }
@media screen and (max-width: 768px) { .company .mainArea .c-title .-en { margin-bottom: 20px; } }
.company .com-info .infoBlock dl { display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid rgba(26, 108, 162, 0.4); }
@media screen and (max-width: 768px) { .company .com-info .infoBlock dl { display: block; padding: 15px; } }
.company .com-info .infoBlock dl:first-child { border-top: 1px solid rgba(26, 108, 162, 0.4); }
.company .com-info .infoBlock dl dt, .company .com-info .infoBlock dl dd { -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; padding: 20px; }
@media screen and (max-width: 768px) { .company .com-info .infoBlock dl dt, .company .com-info .infoBlock dl dd { font-size: 16px; padding: 0; } }
.company .com-info .infoBlock dl dt { width: 230px; }
@media screen and (max-width: 768px) { .company .com-info .infoBlock dl dt { width: auto; margin-bottom: 10px; } }
.company .com-info .infoBlock dl dd .address { margin-bottom: 15px; }
.company .com-info .infoBlock dl dd .map + .address { margin-top: 30px; }
@media screen and (max-width: 768px) { .company .com-info .infoBlock dl dd .map iframe { width: 100%; height: 200px; } }
.company .com-history .historyBlock dl { display: -webkit-box; display: -ms-flexbox; display: flex; }
@media screen and (max-width: 768px) { .company .com-history .historyBlock dl { display: block; margin-bottom: 20px; }
  .company .com-history .historyBlock dl:last-child { margin-bottom: 0; } }
.company .com-history .historyBlock dl dt, .company .com-history .historyBlock dl dd { -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 20px; padding: 20px 0; }
@media screen and (max-width: 768px) { .company .com-history .historyBlock dl dt, .company .com-history .historyBlock dl dd { font-size: 16px; padding: 0; } }
.company .com-history .historyBlock dl dt { width: 270px; }
@media screen and (max-width: 768px) { .company .com-history .historyBlock dl dt { width: auto; margin-bottom: 5px; } }
.company .com-history .historyBlock dl dd { width: 830px; }
@media screen and (max-width: 768px) { .company .com-history .historyBlock dl dd { width: auto; } }
.company .com-figure .figureWrap .block { margin-bottom: 50px; overflow: hidden; }
.company .com-figure .figureWrap .block.-left { width: 245px; margin-right: 40px; float: left; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block.-left { width: 100%; margin-right: 0; margin-bottom: 30px; float: none; } }
.company .com-figure .figureWrap .block .title { color: #1a6ca2; font-size: 30px; font-weight: bold; text-align: center; margin-bottom: 20px; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .title { font-size: 22px; } }
.company .com-figure .figureWrap .block .figureList1, .company .com-figure .figureWrap .block .figureList2 { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList1, .company .com-figure .figureWrap .block .figureList2 { padding-right: 20px; } }
.company .com-figure .figureWrap .block .figureList1 .item, .company .com-figure .figureWrap .block .figureList2 .item { background: #f9f9f9; width: 340px; padding: 30px; margin-right: 40px; margin-bottom: 40px; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList1 .item, .company .com-figure .figureWrap .block .figureList2 .item { width: 50%; padding: 15px; margin-right: 20px; margin-bottom: 20px; } }
.company .com-figure .figureWrap .block .figureList1 .item:nth-child(3n), .company .com-figure .figureWrap .block .figureList2 .item:nth-child(3n) { margin-right: 0; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList1 .item:nth-child(3n), .company .com-figure .figureWrap .block .figureList2 .item:nth-child(3n) { margin-right: 20px; } }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList1 .item:nth-child(2n), .company .com-figure .figureWrap .block .figureList2 .item:nth-child(2n) { margin-right: -20px; } }
.company .com-figure .figureWrap .block .figureList1 .item .txt, .company .com-figure .figureWrap .block .figureList2 .item .txt { font-size: 20px; font-weight: bold; text-align: center; margin-bottom: 20px; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList1 .item .txt, .company .com-figure .figureWrap .block .figureList2 .item .txt { font-size: 13px; margin-bottom: 10px; } }
.company .com-figure .figureWrap .block .figureList1 .item .img, .company .com-figure .figureWrap .block .figureList2 .item .img { width: 230px; margin: 0 auto; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList1 .item .img, .company .com-figure .figureWrap .block .figureList2 .item .img { width: auto; } }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList2 { padding-right: 0; } }
.company .com-figure .figureWrap .block .figureList2 .item { width: 245px; padding: 30px 20px; }
@media screen and (max-width: 768px) { .company .com-figure .figureWrap .block .figureList2 .item { width: 100%; margin-right: 0; }
  .company .com-figure .figureWrap .block .figureList2 .item:nth-child(2n), .company .com-figure .figureWrap .block .figureList2 .item:nth-child(3n) { margin-right: 0; } }
.company .com-figure .figureWrap .block .figureList2 .item .img { width: 200px; }

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