@charset "utf-8";

/*==================================================
[sp]greeting
================================================== */
.greeting .subtitle {
    margin-bottom: 10.666666666666667vw;
    color: var(--color-primary);
    font-family: var(--font-family-jp);
    font-size: 7.466666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.greeting_content figure {
    margin: 0 auto 10.666666666666667vw;
    border-radius: 5.333333333333333vw;
    overflow: hidden;
}

.greeting_content figure img {
    width: 100%;
    height: auto;
}

.greeting_content p {
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.greeting_content p+p {
    margin-top: 1em;
}

.greeting_signature {
    margin-top: 10.666666666666667vw;
}

.greeting_signature p {
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-align: right;
}

/*==================================================
[sp]company_info
================================================== */
.company_info {
    margin: 0 auto 21.333333333333333vw;
    position: relative;
}

.company_info::before {
    content: '';
    width: 95.733333333333333vw;
    height: 111.733333333333333vw;
    background: url('../../../assets/img/illust_wheat.svg') no-repeat 0 0;
    background-size: 95.733333333333333vw auto;
    position: absolute;
    bottom: 88vw;
    left: 5.333333333333333vw;
    z-index: -1;
}

.company_table {
    width: 100%;
    border-collapse: collapse;
    border-top: 0.266666666666667vw solid var(--color-light-gray);
}

.company_table tr {
    border-bottom: 0.266666666666667vw solid var(--color-light-gray);
}

.company_table th {
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    display: block;
    text-align: left;
    margin-bottom: 2.133333333333333vw;
    padding: 6.4vw 0 0;
}

.company_table th .note {
    margin-left: 5.333333333333333vw;
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}


.company_table td {
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    display: block;
    text-align: left;
    padding: 0 0 6.4vw;
}

.map_link {
    margin-left: 4.266666666666667vw;
    color: var(--color-primary);
    position: relative;
}

.map_link::after {
    content: '';
    width: 5.333333333333333vw;
    height: 5.333333333333333vw;
    background-color: var(--color-primary);
    -webkit-mask: var(--icon-external);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.666666666666667vw);
    right: -8vw;
    pointer-events: none;
}

.client_list {
    margin: 0 0 0 1.5em;
    list-style: disc;
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

/*==================================================
[sp]history
================================================== */
.history {
    margin: 0 auto 21.333333333333333vw;
}

.history h2 {
    margin-bottom: 10.666666666666667vw;
    color: var(--color-primary);
    font-family: var(--font-family-jp);
    font-size: 7.466666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.history .history_content {
    margin-bottom: 10.666666666666667vw;
}

.history .history_content:last-child {
    margin-bottom: 0;
}


.history h3 {
    margin-bottom: 6.4vw;
    color: var(--color-primary);
    font-family: var(--font-family-jp);
    font-size: 7.466666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    position: relative;
}

.history h3 .unit {
    font-size: 4.8vw;
}

.history h3::after {
    content: '';
    width: 60.8vw;
    height: 0.266666666666667vw;
    background: var(--color-light-gray);
    position: absolute;
    top: calc(50% - 0.133333333333333vw);
    right: 0;
}

.history_content .history_item {
    margin-bottom: 6.4vw;
}

.history_content .history_item:last-child {
    margin-bottom: 0;
}

.history h4 {
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.history p {
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}


/*==================================================
[sp]health_declaration
================================================== */
.health_declaration h2 {
    margin-bottom: 10.666666666666667vw;
    color: var(--color-primary);
    font-family: var(--font-family-jp);
    font-size: 7.466666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.declaration_content {
    border: 0.266666666666667vw solid var(--color-light-gray);
    padding: 12.8vw 4.266666666666667vw;
}

.declaration_content h3 {
    margin-bottom: 13.866666666666667vw;
    color: var(--color-primary);
    font-family: var(--font-family-jp);
    font-size: 6.4vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
    text-align: center;
    position: relative;
}

.declaration_content h3::after {
    content: '';
    width: 10.666666666666667vw;
    height: 1.066666666666667vw;
    background: var(--color-primary);
    position: absolute;
    bottom: -5.333333333333333vw;
    left: calc(50% - 5.333333333333333vw);
}

.declaration_text {
    margin-bottom: 8.533333333333333vw;
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.focus_items {
    margin-bottom: 8.533333333333333vw;
}

.focus_items h4 {
    margin-bottom: 2.133333333333333vw;
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.focus_list {
    margin-left: 1.5em;
    list-style: disc;
    color: var(--color-primary);
}

.focus_list li {
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.focus_list li p {
    color: var(--color-black);
}

.declaration_content .signature {
    margin: 0;
    display: flex;
    justify-content: flex-end;
}

.declaration_content .signature p {
    display: inline-block;
    white-space: nowrap;
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

/*==================================================
[sp]concept, eco_policy
================================================== */
.eco_policy+.eco_policy {
    margin-top: 21.333333333333333vw;
}

.concept01 {
    margin-bottom: 24vw;
}

.concept02 {
    margin-bottom: 21.333333333333333vw;
}

.concept h2,
.eco_policy h2 {
    margin-bottom: 10.666666666666667vw;
    color: var(--color-primary);
    font-family: var(--font-family-jp);
    font-size: 7.466666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.concept .text,
.eco_policy .text {
    margin-bottom: 8.533333333333333vw;
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.concept.concept01 .text {
    margin-bottom: 17.066666666666667vw;
}


.concept .btn_link,
.eco_policy .btn_link {
    margin-bottom: 14.933333333333333vw;
}

.concept .btn_link a,
.eco_policy .btn_link a {
    margin: 0 auto;
    padding: 0;
    width: 84.266666666666667vw;
    height: 17.066666666666667vw;
    border: 0.266666666666667vw solid var(--color-light-gray);
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 200%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8.533333333333333vw;
    position: relative;
}

.concept .btn_link.external a,
.eco_policy .btn_link.external a {
    padding: 0 11.733333333333333vw 0 0;
}

.concept .btn_link.external a::after,
.eco_policy .btn_link.external a::after {
    content: '';
    width: 4.8vw;
    height: 4.8vw;
    background-color: var(--color-primary);
    -webkit-mask: var(--icon-external);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-size: 100% 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    position: absolute;
    top: calc(50% - 2.4vw);
    right: 8.533333333333333vw;
    pointer-events: none;
}

.eco_policy figure {
    margin: 0 auto;
}

.eco_policy figure img {
    margin-bottom: 4.266666666666667vw;
    padding: 5.333333333333333vw;
    border-radius: 4.266666666666667vw;
    border: 0.266666666666667vw solid var(--color-light-gray);
    width: 100%;
    height: auto;
}

.eco_policy figure figcaption {
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.eco_policy .file_list {
    border-top: 0.266666666666667vw solid var(--color-light-gray);
}

.eco_policy .file_list li {
    border-bottom: 0.266666666666667vw solid var(--color-light-gray);
}

.eco_policy .file_list li a {
    display: block;
    padding: 6.666666666666667vw 0;
    color: var(--color-black);
    font-family: var(--font-family-jp);
    font-size: 4.266666666666667vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
}

.eco_policy .file_list li a .icon {
    margin-left: 2.666666666666667vw;
    width: 11.733333333333333vw;
    height: 6.4vw;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: var(--color-white);
    font-family: var(--font-family-jp);
    font-size: 3.2vw;
    font-style: normal;
    font-weight: 700;
    line-height: 180%;
    background: var(--color-primary);
    border-radius: 3.2vw;
}

.concept_img {
    margin: 0;
    padding: 0 0 6.666666666666667vw 6.666666666666667vw;
    position: relative;
}

.concept_img::before {
    content: '';
    width: 89.333333333333333vw;
    height: 25.066666666666667vw;
    background-color: var(--color-blue-lighter);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.concept_img figure img {
    width: 82.666666666666667vw;
    height: auto;
    border-radius: 0 0 0 6.666666666666667vw;
}

.concept_img figure::before {
    content: '';
    width: 26.666666666666667vw;
    height: 26.666666666666667vw;
    background: url('../img/concept_img_sub01.webp') no-repeat 0 0;
    background-size: 26.666666666666667vw auto;
    border-radius: 13.333333333333333vw;
    position: absolute;
    top: -6.666666666666667vw;
    left: 0;
    z-index: 10;
}

.concept_img figure::after {
    content: '';
    width: 26.666666666666667vw;
    height: 26.666666666666667vw;
    background: url('../img/concept_img_sub02.webp') no-repeat 0 0;
    background-size: 26.666666666666667vw auto;
    border-radius: 13.333333333333333vw;
    position: absolute;
    bottom: -10.666666666666667vw;
    left: 13.333333333333333vw;
    z-index: 10;
}


/*==================================================
[sp]concept_items
================================================== */
.concept_item {
    width: 89.333333333333333vw;
    height: 112vw;
    position: relative;
    display: flex;
    align-items: flex-end;
}

.concept_item01 {
    border-radius: 4.266666666666667vw 4.266666666666667vw 0 0;
    margin-bottom: 1.6vw;
    background: url('../img/concept_img01.webp') no-repeat center bottom;
    background-size: auto 112vw;
}

.concept_item02 {
    margin-bottom: 1.6vw;
    background: url('../img/concept_img02.webp') no-repeat center bottom;
    background-size: auto 112vw;
}

.concept_item03 {
    border-radius: 0 0 4.266666666666667vw 4.266666666666667vw;
    background: url('../img/concept_img03.webp') no-repeat center bottom;
    background-size: auto 112vw;
    overflow: hidden;
}

.concept_item_content {
    opacity: 0.9;
    background: linear-gradient(38deg, #1476CB 6.16%, #00A2C7 93.84%);
    padding: 8.533333333333333vw 9.6vw;
}

.concept_item_content h3 {
    margin-bottom: 4.266666666666667vw;
    color: var(--color-white);
    font-family: var(--font-family-jp);
    font-size: 6.4vw;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    text-align: center;
}

.concept_item_content .text {
    color: var(--color-white);
    font-size: 4.8vw;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    text-align: center;
}

/*==================================================
PC
================================================== */
@media (min-width: 768px) {

    /*==================================================
    [pc]greeting
    ================================================== */
    .greeting .subtitle {
        margin-bottom: 40px;
        font-size: 36px;
    }

    .greeting_content figure {
        margin: 0 0 40px 40px;
        width: 400px;
        border-radius: 16px;
        overflow: hidden;
        float: right;
    }

    .greeting_content figure img {
        width: 100%;
        height: auto;
    }

    .greeting_content p {
        font-size: 16px;
    }

    .greeting_content p+p {
        margin-top: 1em;
    }

    .greeting_signature {
        margin-top: 40px;
    }

    .greeting_signature p {
        font-size: 16px;
        text-align: right;
    }


    /*==================================================
    [pc]company_info
    ================================================== */
    .company_info {
        margin: 0 auto 80px;
    }

    .company_info::before {
        content: '';
        width: 637px;
        height: 774px;
        background: url('../../../assets/img/illust_wheat.svg') no-repeat 0 0;
        background-size: 637px auto;
        position: absolute;
        bottom: -295px;
        left: 520px;
        z-index: -1;
    }

    .company_table {
        width: 100%;
        border-collapse: collapse;
        border-top: 1px solid var(--color-light-gray);
    }

    .company_table tr {
        border-bottom: 1px solid var(--color-light-gray);
    }

    .company_table th {
        width: 160px;
        font-size: 16px;
        margin-bottom: 0;
        padding: 25px 0;
        display: table-cell;
    }

    .company_table th.align_top {
        vertical-align: top;
    }

    .company_table th .note {
        margin-left: 0;
        font-size: 16px;
        font-weight: 400;
        display: block;
    }

    .company_table td {
        width: calc(100% - 160px);
        font-size: 16px;
        padding: 25px 0;
        display: table-cell;
    }

    .map_link {
        margin-left: 16px;
    }

    .map_link::after {
        content: '';
        width: 18px;
        height: 18px;
        background-color: var(--color-primary);
        -webkit-mask: var(--icon-external);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 9px);
        right: -28px;
        pointer-events: none;
    }

    .client_list {
        margin: 0 0 0 1.5em;
        font-size: 16px;
    }

    /*==================================================
    [pc]history
    ================================================== */
    .history {
        margin: 0 auto 80px;
    }

    .history h2 {
        margin-bottom: 40px;
        font-size: 36px;
    }

    .history .history_content {
        margin-bottom: 40px;
        display: flex;
    }

    .history .history_content:last-child {
        margin-bottom: 0;
    }

    .history h3 {
        width: 187px;
        height: 43.5px;
        margin-bottom: 0;
        font-size: 28px;
    }

    .history h3 .unit {
        font-size: 18px;
    }

    .history h3::after {
        content: '';
        width: 80px;
        height: 1px;
        background: var(--color-light-gray);
        position: absolute;
        top: calc(50% - 0.5px);
        right: 0;
    }

    .history_content .history_item_container {
        width: calc(100% - 187px);
        padding-left: 25px;
    }


    .history_content .history_item {
        margin-bottom: 8px;
        width: calc(100% - 187px);
    }

    .history_content .history_item:last-child {
        margin-bottom: 0;
    }

    .history h4 {
        font-size: 16px;
    }

    .history p {
        font-size: 16px;
    }


    /*==================================================
    [pc]health_declaration
    ================================================== */
    .health_declaration h2 {
        margin-bottom: 40px;
        color: var(--color-primary);
        font-family: var(--font-family-jp);
        font-size: 36px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
    }

    .declaration_content {
        border: 1px solid var(--color-light-gray);
        padding: 48px 70px;
    }

    .declaration_content h3 {
        margin-bottom: 52px;
        color: var(--color-primary);
        font-family: var(--font-family-jp);
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 150%;
        text-align: center;
        position: relative;
    }

    .declaration_content h3::after {
        content: '';
        width: 40px;
        height: 4px;
        background: var(--color-primary);
        position: absolute;
        bottom: -20px;
        left: calc(50% - 20px);
    }

    .declaration_text {
        margin-bottom: 32px;
        color: var(--color-black);
        font-family: var(--font-family-jp);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        text-align: center;
    }

    .focus_items {
        margin-bottom: 0;
    }

    .focus_items h4 {
        margin-bottom: 8px;
        color: var(--color-black);
        font-family: var(--font-family-jp);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
    }


    .focus_list_container {
        margin-bottom: 32px;
        display: flex;
        justify-content: center;
        gap: 36px;
    }

    .focus_list {
        margin-left: 1.5em;
        list-style: disc;
        color: var(--color-primary);
    }

    .focus_list li {
        font-family: var(--font-family-jp);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
    }

    .focus_list li p {
        color: var(--color-black);
    }

    .declaration_content .signature {
        margin: 0;
        display: flex;
        justify-content: flex-end;
    }

    .declaration_content .signature p {
        display: inline-block;
        white-space: nowrap;
        color: var(--color-black);
        font-family: var(--font-family-jp);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
    }

    /*==================================================
    [pc]concept, eco_policy
    ================================================== */
    .eco_policy+.eco_policy {
        margin-top: 80px;
    }

    .concept01 {
        margin-top: 100px;
        margin-bottom: 40px;
        min-height: 310px;
        position: relative;
    }

    .concept02 {
        margin-bottom: 80px;
    }

    .concept h2,
    .eco_policy h2 {
        margin-bottom: 40px;
        font-size: 36px;
    }

    .eco_policy_content {
        display: flex;
        justify-content: space-between;
    }

    .eco_policy_content .text_block {
        width: 590px;
    }

    .concept .text,
    .eco_policy .text {
        margin-bottom: 32px;
        font-size: 16px;
    }

    .concept.concept01 .text {
        margin-bottom: 0;
    }

    .concept .btn_link,
    .eco_policy .btn_link {
        margin: 0;
    }

    .concept .btn_link a,
    .eco_policy .btn_link a {
        margin: 0;
        padding: 0;
        width: 316px;
        height: 64px;
        border: 1px solid var(--color-light-gray);
        font-size: 16px;
        border-radius: 32px;
        position: relative;
    }

    .concept .btn_link.external a,
    .eco_policy .btn_link.external a {
        padding: 0 44px 0 0;
    }

    .concept .btn_link a:hover,
    .eco_policy .btn_link a:hover {
        color: var(--color-primary);
    }


    .concept .btn_link.external a::after,
    .eco_policy .btn_link.external a::after {
        content: '';
        width: 20px;
        height: 20px;
        background-color: var(--color-primary);
        -webkit-mask: var(--icon-external);
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
        -webkit-mask-size: 100% 100%;
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-position: center;
        position: absolute;
        top: calc(50% - 10px);
        right: 32px;
        pointer-events: none;
    }

    .eco_policy figure {
        margin: 0 auto;
        width: 330px;
    }

    .eco_policy figure img {
        background: var(--color-white);
        margin-bottom: 16px;
        padding: 25px;
        border-radius: 16px;
        border: 1px solid var(--color-light-gray);
        width: 100%;
        height: auto;
    }

    .eco_policy figure figcaption {
        color: var(--color-black);
        font-family: var(--font-family-jp);
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
    }

    .eco_policy .file_list {
        border-top: none;
        display: flex;
        flex-wrap: wrap;
        gap: 0 30px;
    }


    .eco_policy .file_list li {
        margin: 0;
        width: 300px;
        border-bottom: 1px solid var(--color-light-gray);
    }

    .eco_policy .file_list li:nth-child(1),
    .eco_policy .file_list li:nth-child(2),
    .eco_policy .file_list li:nth-child(3) {
        border-top: 1px solid var(--color-light-gray);
    }

    .eco_policy .file_list li a {
        display: block;
        padding: 25px 0;
        font-size: 16px;
    }

    .eco_policy .file_list li a:hover {
        color: var(--color-primary);
    }


    .eco_policy .file_list li a .icon {
        margin-left: 10px;
        width: 44px;
        height: 24px;
        font-size: 12px;
        border-radius: 12px;
    }


    .concept_img {
        margin: 0;
        width: 615px;
        padding: 0 0 40px 40px;
        position: relative;
        position: absolute;
        top: -40px;
        right: -240px;
    }

    .concept_img::before {
        content: '';
        width: 620px;
        height: 150px;
    }

    .concept_img figure img {
        width: 550px;
        height: auto;
        border-radius: 24px;
    }

    .concept_img figure::before {
        content: '';
        width: 160px;
        height: 160px;
        background: url('../img/concept_img_sub01.webp') no-repeat 0 0;
        background-size: 160px auto;
        border-radius: 80px;
        position: absolute;
        top: -40px;
        left: 0px;
        z-index: 10;
    }

    .concept_img figure::after {
        content: '';
        width: 160px;
        height: 160px;
        background: url('../img/concept_img_sub02.webp') no-repeat 0 0;
        background-size: 160px auto;
        border-radius: 80px;
        position: absolute;
        bottom: -60px;
        left: 124px;
        z-index: 10;
    }


    /*==================================================
    [pc]concept_items
    ================================================== */
    .concept_items {
        margin: 0 auto;
        width: 960px;
        display: flex;
        justify-content: space-between;
    }

    .concept_item {
        width: 316px;
        height: 395px;
        position: relative;
        display: flex;
        align-items: flex-end;
    }

    .concept_item01 {
        border-radius: 24px 0 0 24px;
        margin: 0;
        background: url('../img/concept_img01.webp') no-repeat center bottom;
        background-size: auto 395px;
    }

    .concept_item02 {
        margin: 0;
        background: url('../img/concept_img02.webp') no-repeat center bottom;
        background-size: auto 395px;
    }

    .concept_item03 {
        border-radius: 0 24px 24px 0;
        background: url('../img/concept_img03.webp') no-repeat center bottom;
        background-size: auto 395px;
        overflow: hidden;
    }

    .concept_item_content {
        opacity: 0.9;
        background: linear-gradient(38deg, #1476CB 6.16%, #00A2C7 93.84%);
        padding: 32px 24px;
    }

    .concept_item_content h3 {
        margin-bottom: 16px;
        color: var(--color-white);
        font-family: var(--font-family-jp);
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 100%;
        text-align: center;
    }

    .concept_item_content .text {
        color: var(--color-white);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 180%;
        text-align: left;
    }


}