@charset "UTF-8";

/* ==========================================================================
   company.css
   ========================================================================== */

.f-l__company {
  padding: 55px 0 0;
  @media screen and (max-width: 860px) {
    padding: 20px 0 0;
  }
}

.f-l__company .f-l__common-inner {
  display: flex;
  flex-wrap: wrap;
  @media screen and (max-width: 860px) {
    justify-content: center;
  }
}

.f-l__company._lp {
  padding: 55px 0 85px;
  @media screen and (max-width: 860px) {
    padding: 40px 0 85px;
  }
  @media screen and (max-width: 576px) {
    padding: 20px 0 40px;
  }
}

.f-l__company img {
  width: 100%;
  height: auto;
}

.f-l__company-company-logo {
  display: block;
  width: 72px;
  @media screen and (max-width: 860px) {
    width: 12%;
  }
}

.f-l__company-textbox {
  width: 580px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 40px;
  @media screen and (max-width: 860px) {
    width: 88%;
    font-size: 10px;
    line-height: 14px;
    padding: 0 20px;
  }
  @media screen and (max-width: 860px) and (max-width: 576px) {
    padding: 0 0 0 20px;
  }
}

.f-l__company-textbox p {
  padding: 0 0 15px;
  @media screen and (max-width: 860px) {
    padding: 0 0 10px;
  }
}

.f-l__company-pmark {
  width: 81px;
  @media screen and (max-width: 860px) {
    width: 81px;
    padding: 10px 0 0;
  }
}

.f-l__company-isms {
  width: 155px;
  padding: 0 0 0 15px;
  @media screen and (max-width: 860px) {
    width: 155px;
    padding: 10px 0 0 15px;
  }
}

.f-l__company-jiima {
  width: 100px;
  padding: 0 0 0 15px;
  @media screen and (max-width: 860px) {
    width: 90px;
    padding: 10px 0 0 15px;
  }
}

.f-l__company-copyright {
  text-align: center;
  font-size: 10px;
  color: var(--gray-03);
  padding: 20px 0 55px;
  @media screen and (max-width: 860px) {
    padding: 30px 0 45px;
  }
}