.page-hero.about {
      background-image: url('../images/about_bg.png');
    }

    .about-hero-content {
      margin-top: 20px;
    }

    .about-hero-content h1 {
      margin-bottom: 10px;
      line-height: 1;
    }

    .about-hero-content p {
      line-height: 1;
    }

    .about-hero-content-line {
      margin-top: 38px;
      width: 48px;
      height: 8px;
      background: #FFFFFF;
    }



    .company-profile {
      text-align: center;
    }

    .company-profile-title {
      font-weight: bold;
      font-size: var(--fs-4xl);
      color: #000000;
    }

    .company-profile-line {
      margin: 20px auto;
      width: 55px;
      height: 8px;
      background: #C7000B;
    }

    .company-profile-text {
      font-size: 16px;
      color: #333333;
      margin-bottom: 16px;
    }

    .company-profile-tip {
      text-align: center;
      font-size: 16px;
      color: #999999;
      margin-bottom: 40px;
    }

    .company-profile-box {
      display: grid;
      grid-template-columns: repeat(2, 1fr);

    }

    .company-profile-ul {
      grid-template-columns: 1fr;
    }

    .company-profile-img {
      grid-template-columns: 1fr;
    }

    .company-profile-img img {
      width: 600px;
      /* height: 338px; */
    }

    .company-profile-ul-title {
      font-weight: bold;
      font-size: 18px;
      color: #333333;
      margin-bottom: 40px;
    }

    .company-profile-li {
      display: flex;
      align-items: center;
      font-size: 18px;
      color: #666666;
      margin-bottom: 20px;
    }

    .company-profile-li::before {
      content: '';
      display: inline-block;
      width: 6px;
      height: 6px;
      background: #C7000B;
      border-radius: 50%;
      margin-right: 10px;
    }

    .business-scope {
      padding: var(--sp-8) 20%;
    }

    .business-scope-title {
      text-align: center;
    }

    .business-scope-title-text {
      font-weight: bold;
      font-size: 28px;
      color: #000000;
    }

    .business-scope-title-line {
      width: 55px;
      height: 8px;
      background: #C7000B;
      margin: 0 auto;
      margin-top: 8px;
    }

    .business-scope-card {
      margin-top: 60px;
      display: flex;
      align-items: center;
    }

    .business-scope-card-img {
      width: 600px;
      height: 351px;
    }

    .business-scope-card-text {
      margin-left: 55px;
    }

    .business-scope-card-text-title {
      font-weight: bold;
      font-size: 20px;
      color: #333333;
      margin-bottom: 22px;
    }

    .business-scope-card-text-desc {
      font-size: 16px;
      color: #999999;
      line-height: 1.5;
    }

    .home-hero-inner {
      padding: 40px 0;
    }

    .hero-feature-card {
      position: relative !important;
      left: 0 !important;
      bottom: 0 !important;
      transform: none !important;
    }





    @media screen and (max-width: 1200px) {
      .company-profile-box {
        grid-template-columns: 1fr;
      }

      .company-profile-title {
        font-size: 24px;
      }

      .business-scope {
        padding: var(--sp-8) 120px;
      }

      .business-scope-card {
        display: block;
      }

      .business-scope-card-text {
        margin-left: 0;
      }

      .business-scope-card-text-title {
        margin-top: 20px;
      }
    }

    @media screen and (max-width: 960px) {


      .company-profile-ul-title {
        margin-bottom: 20px;
      }
    }

    @media screen and (max-width: 768px) {

      .company-profile-ul {
        margin-bottom: 40px;
      }

      .company-profile-title {
        font-size: 22px;
      }

      .company-profile-ul-title {
        margin-bottom: 10px;
      }


      .company-profile-li {
        font-size: 14px;
        margin-bottom: 6px;
      }

      .business-scope {
        padding: var(--sp-8) 20px;
      }

      .business-scope-card-img {
        width: 100%;
        height: auto;
      }

      .business-scope-card-text {
        margin-top: 20px;
      }

      .business-scope-card-text-title {
        margin-top: 0;
      }

      .business-scope-card-text-desc {
        font-size: 14px;
      }

    }