.web_company_web{
    display: flex;
    flex-direction: column;
    width: 100%
}
.web_company_first_section_wrap{
    display: flex;
    height: 50.75rem;
    flex-direction: column;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    background: url('/img/main_business-a3c8e9f74f431679baf952f8ea5964ec.png?v=20241118') lightgray 50% / cover no-repeat;
}
.web_company_first_section_content_wrap{
    display: flex;
    max-width: 75rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.25rem;
    flex: 1 0 0;
    align-self: center;
}
.web_company_first_section_text_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.web_company_first_section_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_04, var(--Grey-White, #FFF));
    text-align: center;

    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem; /* 150% */
}
.web_company_second_section_wrap{
    display: flex;
    padding: 7.5rem 1rem;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    gap: 0.625rem;
    align-self: stretch;
    flex-wrap: wrap;
    background: var(--Sementic-Color-text_03, #FAFAFA);
}
.web_company_second_section_content_wrap{
    display: flex;
    max-width: 75rem;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    flex: 1 0 0;
}
.web_company_second_section_left_side{
    display: flex;
    min-width: 21.4375rem;
    min-height: 4.5rem;
    justify-content: center;
    align-items: flex-start;
    align-content: flex-start;
    align-self: stretch;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.web_company_second_section_left_side_txt_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.web_company_second_section_left_side_txt{
    color: var(--Sementic-Color-text_default, #333);
    white-space: pre-line;
    text-align: center;
    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem; /* 150% */
}
.web_company_second_section_right_side{
    display: flex;
    align-items: flex-start;
    align-self: stretch;

    box-sizing: border-box;
}
.web_company_second_section_right_side_txt_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 3.75rem;
    flex: 1 0 0;

    box-sizing: border-box;
}
.web_company_second_section_detail_content_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 0.75rem;
    align-self: stretch;
}
.web_company_second_section_detail_title_txt{
    align-self: stretch;
    color: var(--Sementic-Color-primary, #0E4A0A);

    text-align: center;

    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6875rem; /* 150% */
}
.web_company_second_section_detail_sub_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_01, #666);
    white-space: pre-line;
    text-align: center;

    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
}
.web_company_third_section_wrap{
    display: flex;
    padding: 0rem 1rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;

    box-sizing: border-box;
}
.web_company_third_section_content_wrap{
    display: flex;
    max-width: 75rem;
    padding: 7.5rem 0rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    align-self: stretch;
    background: var(--Grey-White, #FFF);

    box-sizing: border-box;
}
.web_company_third_section_content_main_text_wrap{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 1.5rem;
    align-self: stretch;
}
.web_company_third_section_content_main_title_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.25rem;
    align-self: stretch;
}
.web_company_third_section_content_main_title_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_default, #333);
    text-align: center;

    font-size: 1.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 2.25rem; /* 150% */
}
.web_company_third_section_content_main_sub_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2.25rem;
    align-self: stretch;
}
.web_company_third_section_content_main_sub_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_01, #666);
    text-align: center;
    white-space: pre-line;
    font-size: 1rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.5rem; /* 150% */
}
.web_company_third_section_content_card_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    align-self: stretch;
}
.web_company_third_section_card_wrap{
    display: flex;
    padding-bottom: 1.5rem;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 1.5rem;
    align-self: stretch;
    flex-wrap: wrap;
    background: var(--Grey-White, #FFF);

    overflow: hidden;
}
.web_company_third_section_card_img{
    min-width: 24rem;
    min-height: 24rem;
    flex: 1 0 0;
    align-self: stretch;
}
.web_company_third_section_card_content_text_wrap{
    display: flex;
    width: 24rem;
    padding: 1.5rem 0rem;
    justify-content: center;
    align-items: center;
    align-content: center;
    gap: 8.25rem 0rem;
    flex-wrap: wrap;

    background: var(--Grey-White, #FFF);

    box-sizing: border-box;
}
.web_company_third_section_card_txt_wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.75rem;
}
.web_company_third_section_card_title_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2.25rem;
}
.web_company_third_section_card_title_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_emphasize, #1A1A1A);
    white-space: pre-line;
    text-align: center;

    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6875rem; /* 150% */
}
.web_company_third_section_card_sub_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 2.25rem;
}
.web_company_third_section_card_sub_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_default, #333);
    white-space: pre-line;
    text-align: center;

    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
}