.web_company_web{
    display: flex;
    flex-direction: column;
    width: 100%
}
.web_company_first_section_wrap{
    display: flex;
    min-height: 800px;
    height: 100svh;
    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: 71.25rem;
    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;
    /*gap: 36px;*/
}
.web_company_first_section_txt{
    color: var(--Sementic-Color-text_04, var(--Grey-White, #FFF));
    text-align: center;

    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.875rem; /* 155% */
}
.web_company_second_section_wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    align-self: stretch;
    background: var(--Sementic-Color-text_03, #FAFAFA);
}
.web_company_second_section_content_wrap{
    display: flex;
    max-width: 71.25rem;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    align-self: center;
}
.web_company_second_section_left_side{
    display: flex;
    width: 34.875rem;
    padding: 11.25rem 1.5rem 11.25rem 0rem;
    flex-direction: column;
    align-items: flex-end;
    flex: 1 0 0;
    align-self: stretch;

    box-sizing: border-box;
}
.web_company_second_section_left_side_txt_wrap{
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;

}
.web_company_second_section_left_side_txt{
    width: 18.0625rem;
    white-space: pre-line;
    color: var(--Sementic-Color-text_default, #333);

    /* typo(1920*1080)/header_lg */
    font-size: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.875rem; /* 155% */
}
.web_company_second_section_right_side{
    display: flex;
    width: 34.875rem;
    padding: 11.25rem 0rem;
    align-items: flex-start;
    flex: 1 0 0;

    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;
}
.web_company_second_section_detail_content_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    align-self: stretch;
}
.web_company_second_section_detail_title_txt{
    color: var(--Sementic-Color-primary, #0E4A0A);
    align-self: stretch;

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

    width:570px;
    align-self: stretch;
    white-space: pre-line;

    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5rem; /* 150% */
}
.web_company_third_section_wrap{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    align-self: stretch;
    background: var(--Grey-White, #FFF);
}
.web_company_third_section_content_wrap{
    display: flex;
    max-width: 71.25rem;
    padding: 7.5rem 0rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5rem;
    align-self: center;
    background: var(--Grey-White, #FFF);
}
.web_company_third_section_content_main_text_wrap{
    display: flex;
    width: 420px;
    height: 148px;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 24px;
}
.web_company_third_section_content_main_title_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    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: 2.5rem;
    font-style: normal;
    font-weight: 700;
    line-height: 3.875rem; /* 155% */
}
.web_company_third_section_content_main_sub_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 36px;
    align-self: stretch;
}
.web_company_third_section_content_main_sub_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_01, #666);
    text-align: center;

    font-size: 1.125rem;
    font-style: normal;
    font-weight: 600;
    line-height: 1.6875rem; /* 150% */

    white-space: pre-line;
}
.web_company_third_section_content_card_wrap{
    display: flex;
    width: 960px;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}
.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;

    box-sizing: border-box;
}
.web_company_third_section_card_img{
    display: flex;
    align-items: center;
    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 1.5rem 2rem;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
    background: var(--Grey-White, #FFF);

    box-sizing: border-box;
}
.web_company_third_section_card_txt_wrap{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    flex: 1 0 0;
}
.web_company_third_section_card_title_wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 36px;
    align-self: stretch;
}
.web_company_third_section_card_title_txt{
    align-self: stretch;
    color: var(--Sementic-Color-text_emphasize, #1A1A1A);
    white-space: pre-line;

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

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