#solar-company {
  .resp_block {
    display: none;
  }

  .page_background_v01 {
    padding: 0;
  }

  .company__ttl {
    background-color: #f1f0f0;
    text-align: center;

    & h2 {
      position: relative;
      display: inline-block;
      font-size: clamp(1.8rem, 1.2912rem + 1.59vw, 3.2rem) !important;
      margin-bottom: clamp(3rem, 2.6352rem + 1.14vw, 4rem);
      letter-spacing: 0.2rem;

      &:after {
        position: absolute;
        width: clamp(8rem, 6.1824rem + 5.68vw, 13rem);
        height: 4px;
        left: 50%;
        transform: translateX(-50%);
        bottom: 0px;
        content: "";
        display: block;
        background-color: #000;
      }
    }
  }

  .page-company_outline {
    .section_v02,
    .section_v03 {
      flex-direction: column;

      & h3 {
        padding-left: 0;
        padding-bottom: 0.5rem;
      }

      .links {
        font-size: clamp(1.5rem, 1.4648rem + 0.11vw, 1.6rem);
      }
    }
  }

  .page-company_media {
    .section_v02 {
      flex-direction: column;
      border-bottom: none;

      & h3 {
        font-weight: 900;
        font-size: clamp(1.6rem, 1.3824rem + 0.68vw, 2.2rem);
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 14px;
        margin-bottom: clamp(1.6rem, 0.7264rem + 2.73vw, 4rem);
        border-bottom: 1px solid #000;
      }

      .company-history p {
        font-size: clamp(1.5rem, 1.4648rem + 0.11vw, 1.6rem);
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #f0f0f0;
      }
    }
  }

  .page-company_feature {
    .heading {
      text-align: center;
      margin-top: clamp(2rem, 1.2736rem + 2.27vw, 4rem);
      margin-bottom: clamp(3.5rem, 2.5912rem + 2.84vw, 6rem);
      font-size: clamp(1.5rem, 1.4648rem + 0.11vw, 1.6rem);
    }

    .case_list {
      .case_item {
        display: flex;
        flex-direction: column;
        padding: 1rem 0;
        padding-top: 1.5rem;
        border-bottom: 2px solid #f0f0f0;

        .item_badge {
          font-weight: bold;
          padding: 0.25rem 0;
          letter-spacing: 0.01rem;
          width: clamp(10rem, 8.544rem + 4.55vw, 14rem);
          font-size: clamp(1.2rem, 1.1264rem + 0.23vw, 1.4rem);
          background-color: #000;
          color: #fff;
          text-align: center;
        }
        .item_title {
          color: #1a93fc;
          padding: 0.5rem 0;
          padding-top: 1rem;
          font-size: clamp(1.5rem, 1.4648rem + 0.11vw, 1.6rem);
        }
      }
    }
  }
  .page-company_advisor {
    & p {
      font-size: clamp(1.5rem, 1.4648rem + 0.11vw, 1.6rem);
    }
  }

  @media (min-width: 640px) {
    .resp_hidden {
      display: none;
    }
    .resp_block {
      display: block;
    }
    .company__ttl {
      & h2 {
        letter-spacing: 0.3rem;

        &:after {
          bottom: -5px;
        }
      }
    }
    .page-company_advisor .item-advisor {
      align-items: center;
    }
  }

  @media (min-width: 769px) {
    .page_background_v01 {
      padding: 4rem 9rem 2rem;
    }
    .page-company_outline {
      .section_v02,
      .section_v03 {
        flex-direction: row;

        & h3 {
          padding: 1rem 3rem;
        }
      }
    }
    .page-company_feature {
      flex-direction: row;
    }
  }

  @media (min-width: 1024px) {
    .page-company_outline .company-section_v01 {
      align-items: center;
    }

    .section_address {
      & h3 {
        padding: 1rem 3rem;
      }
    }

    .page-company_advisor {
      & img {
        margin-bottom: 0 !important;
      }
    }

    .page-company_feature {
      .case_list .case_item {
        flex-direction: row;
        align-items: center;
        gap: 2rem;
        padding-top: 1rem;

        & .item_title {
          padding-top: 0.5rem;
        }
      }
    }
  }

  @media (min-width: 1280px) {
  }

  @media (min-width: 1536px) {
  }
}