@charset "utf-8";
/* CSS Document */
/* ============================== TABLET ============================== */
/* デザイン TB */
/* -------------------- ○ -------------------- */
@media screen and (max-width: 768px) {
  .business-box-2 {
    float: none;
    width: 100%;
    margin-bottom: 20px;
  }
  .business-06 {
    float: none;
    width: 50%;
    padding-left: 0;
    margin: 0 auto;
  }
}
/* -------------------- CART-TABU -------------------- */
@media screen and (max-width: 768px) {
  .cart-tab {
    margin: 0 0 10px 2%;
  }
  .works-tab {
    margin: 0 0 10px 2%;
  }
}
/* -------------------- COMPANY -------------------- */
@media screen and (max-width: 768px) {
  .company-box-1 {
    float: none;
    width: 88%;
    padding: 0 1% 10px;
    margin: 0 auto;
  }
  .company-05 {
    float: none;
    width: 30%;
    margin: 0 auto;
  }
  .office-inner {
    width: 100%;
  }
}
/* -------------------- BUSINESS -------------------- */
@media screen and (max-width: 768px) {
  .works-box-2 {
    width: 57%;
    float: left;
    padding: 10px 1%;
  }
  .works-box-3 {
    width: 40%;
    float: left;
    margin: 10px 1% 5px 0;
  }
}
/* -------------------- SDGS -------------------- */
@media screen and (max-width: 768px) {
  .sdgs-box {
    width: 86%;
  }
  .sdgs-target-box {
    width: 80%;
    float: none;
    margin: 0 auto 30px;
  }
}
/* -------------------- SECURITY -------------------- */
@media screen and (max-width: 768px) {
  .security-02 {
    width: 70%;
    margin: 0 auto 30px;
  }
}
/* -------------------- ○ -------------------- */
@media screen and (max-width: 768px) {}
/* -------------------- ○ -------------------- */
@media screen and (max-width: 768px) {}
/* -------------------- WORKS -------------------- */
@media screen and (max-width: 768px) {}
/**/
/* ============================== SMART PHONE ============================== */
/* デザイン SP */
/* -------------------- BUSINESS -------------------- */
@media screen and (max-width: 599px) {
  .business-box-1 {
    width: 96%;
    margin: 0 auto 30px;
  }
  .business-01 {
    font-size: 22px;
  }
  .business-02 {
    width: 96%;
    padding: 0 2%;
    font-size: 20px;
  }
  .business-03 {
    font-size: 20px;
  }
  .business-04 {
    font-size: 18px;
  }
  .business-box-2 {
    float: none;
    width: 100%;
    margin: 0 0 20px 0;
  }
  .business-06 {
    float: none;
    width: 70%;
    padding-left: 0;
    margin: 0 auto 10px;
  }
}
/* -------------------- CART-TABU -------------------- */
@media screen and (max-width: 599px) {
  .cart-tab {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
  }
  .works-tab {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
  }
}
/* -------------------- CART -------------------- */
@media screen and (max-width: 599px) {
  .cart-01 {
    text-align: left;
    padding: 10px 2% 10px 2%;
  }
  .cart-02 {
    width: 70%;
  }
}
/* -------------------- COMPANY -------------------- */
@media screen and (max-width: 599px) {
  .company-01 {
    font-size: 20px;
  }
  .company-box-2 {
    float: none;
    width: 96%;
    padding: 0 2%;
  }
  .company-04 {
    font-size: 16px;
    padding-bottom: 20px;
  }
  .company-05 {
    float: none;
    width: 40%;
    margin: 0 auto;
  }
  .office-01 {
    font-size: 20px;
    margin: 0 0 10px 1%;
  }
  .office-02 {
    font-size: 18px;
    padding-left: 2%;
  }
  .office-03 {
    padding: 0 0 5px 3%;
  }
}
/* -------------------- SECURITY -------------------- */
@media screen and (max-width: 599px) {
  .security-01 {
    padding: 10px 2%;
  }
  .security-02 {
    width: 70%;
    margin: 0 auto 30px;
  }
}
/* -------------------- SDGS -------------------- */
@media screen and (max-width: 599px) {
  .sdgs-target-box {
    width: 90%;
    float: none;
    margin: 0 auto 30px;
  }
}
/* -------------------- SITEMAP -------------------- */
@media screen and (max-width: 599px) {
  .sitemap-box li {
    width: 60%;
  }
  .sitemap-01 {
    margin: 0 0 20px 10%;
  }
  .sitemap-02 {
    margin: 0 0 20px 20%;
  }
  .sitemap-03 {
    margin: 0 0 20px 30%;
  }
}
/* -------------------- ○ -------------------- */
@media screen and (max-width: 599px) {}
/* -------------------- WORKS -------------------- */
@media screen and (max-width: 599px) {
  .works-02 {
    padding: 10px 2% 10px 2%;
  }
  .works-box-2 {
    width: 94%;
    float: none;
    padding: 10px 0;
    margin: 0 auto;
  }
  .works-box-3 {
    width: 70%;
    float: none;
    margin: 0 auto;
  }
  .works-07 {
    width: 70%;
  }
  .works-09 {
    padding: 10px 2% 10px 2%;
  }
}
/* -------------------- ○ -------------------- */
@media screen and (max-width: 599px) {}