@charset "utf-8";

/* mv */
@media (min-width: 769px) {
    .underlayer_mv_img {
        background: url('../../images/about/data/mv.webp') no-repeat 50% 50% / cover;
    }
    .detail_mv_ttl_box_space {
        padding: 60rem 50rem;
    }
    .detail_mv_ttl {
        font-size: 70rem;
        line-height: 1.2;
    }
}
@media (max-width: 768px) {
    .underlayer_mv_img {
        background: url('../../images/about/data/mv_sp.webp') no-repeat 50% 50% / cover;
    }
}
/* data */
@media (min-width: 1441px) {
    .data {
        --data-relative-size: 1px;
    }
}
@media (min-width: 769px) and (max-width: 1440px) {
    .data {
        --data-relative-size: calc(100/1440*1vw);
    }
}
@media (max-width: 768px) {
    .data {
        --data-relative-size: calc(100/375*1vw);
    }
}

/* anchor */
.anchor {
    border-bottom: 1px solid var(--color-gray-20);
}
@media (max-width: 768px) {
    .anchor {
        padding-block: 20rem;
    }
}

/* data */
.data_ttl {
    line-height: 1;
}
.data_ttl--lineheight {
    line-height: 1.2;
}
.data_content_wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.data_content {
    color: var(--color-black);
    position: relative;
    border:1px solid var(--color-black);
}
.data_content_inner {
    background-color: var(--color-white);
}
.data_img {
    display: block;
}
@media (min-width: 769px) {
    .anchor {
        padding-top: 187rem;
    }
    .underlayer_mv_txt_sub {
        margin-top: 45rem;
        line-height: 1.7;
        /* font-size: 14rem; */
        font-size: 16rem;
    }
    .border_flex_content {
        padding-top: calc(var(--data-relative-size) * 35);
    }
    .border_flex_inner + .border_flex_inner .border_flex_content {
        padding-top: calc(var(--data-relative-size) * 20);
    }
    .data_content_wrap {
        gap: calc(var(--data-relative-size) * 25) calc(var(--data-relative-size) * 20);
    }
    .data_ttl {
        font-size: calc(var(--data-relative-size) * 22);
    }
    .data_content {
        width: 100%;
    }
    .data_content_half {
        width: calc(50% - calc(var(--data-relative-size) * 10));
    }
    .data_content_inner {
        min-height: calc(var(--data-relative-size) * 265);
    }
}
@media (max-width: 768px) {
    .border_flex .border_flex_inner .border_flex_content:nth-child(1) {
        border-top: 3rem solid var(--color-black);
    }
    .border_flex .border_flex_inner .border_flex_content:nth-child(1) {
        padding-top: 40rem;
    }
    .border_flex_inner + .border_flex_inner {
        margin-top: 64rem;
    }
    .data_content_wrap {
        gap: 24rem;
    }
    .data_ttl {
        font-size: 20rem;
    }
    .data_content {
        width: 100%;
        padding: 24rem;
    }
}

/* number */
.data {
    margin-top: 80rem;
}
.number_content_inner {
    position: relative;
}
.number_txt {
    line-height: 1;
    text-align: center;
    position: relative;
}
.number_txt_num {
    display: inline-block;
    width: 1.5em;
    text-align: center;
}
.data_num {
    line-height: 0.73;
    letter-spacing: -0.05em;
    font-weight: 500;
    /* width: 2em; */
    text-align: center;
    display: inline-block;
}
.number_content_note {
    line-height: 1.7;
}

/* 個別数字の幅調整 */
.js_countup_500 {
    width: 1.8em !important;
}
.js_countup_700 {
    width: 1.8em !important;
}
.js_countup_100 {
    width: 1.6em !important;
}
.js_countup_9 {
    width: 0.8em !important;
}
.js_countup_20_2 {
    width: 2.2em !important;
}
.js_countup_123_5 {
    width: 2.5em !important;
}
.js_countup_98 {
    width: 1.4em !important;
}
.js_countup_2 {
    width: 0.7em !important;
}
.js_countup_63 {
    width: 1.05em !important;
}
.js_countup_37 {
    width: 1.05em !important;
}
.js_countup_69 {
    width: 1.1em !important;
}
.js_countup_31 {
    width: 0.95em !important;
}
.js_countup_60 {
    width: 1.122em !important;
}
.js_countup_40_ownership {
    width: 1.156em !important;
}

.number_content_location_quantity_area {
    border: 1px solid var(--color-black);
    gap: 16rem;
    display: flex;
    align-items: center;
}
.number_content_location_quantity_area::before {
    content: '';
    width: calc(var(--data-relative-size) * 34);
    height: calc(var(--data-relative-size) * 47);
    background: url(../../images/about/data/number_content_location_quantity.webp) no-repeat 50% / contain;
    display: block;
}
.number_content_location_quantity_area_txt {
    line-height: 1.7;
}
.number_content_tenure {
    position: relative;
}
.number_content_sales .number_content_note {
    text-align: right;
}
.number_content_sales .number_content_note,
.number_content_turnover .number_content_note{
    margin-inline: auto;
    position: absolute;
    top: calc(100% + 7rem);
    left: 0;
    right: 0;
}
.number_content_parent_leave .number_content_note {
    margin-inline: auto;
    position: absolute;
    top: calc(100% + 7rem);
    left: 0;
    right: 0;
}
.number_content_holiday .number_content_note {
    margin-inline: auto;
    position: absolute;
    top: calc(100% + 7rem);
    left: 0;
    right: 0;
}
.number_content_tenure::before,
.number_content_turnover::before,
.number_content_holiday::before,
.number_content_parent_leave::before,
.number_content_location::before {
    content: '';
    margin-inline: auto;
    background: no-repeat 50% / cover;
    display: block;
    position: absolute;
}
.number_content_tenure::before,
.number_content_turnover::before,
.number_content_holiday::before,
.number_content_parent_leave::before {
    left: 0;
    right: 0;
}
.number_content_literature::after,
.number_content_science::after {
    content: '';
    background: no-repeat 50% / cover;
    display: block;
}
.number_content_tenure::before {
    width: calc(var(--data-relative-size) * 59);
    height: calc(var(--data-relative-size) * 45);
    background-image: url(../../images/about/data/number_content_tenure.svg);
}
.number_content_turnover::before {
    width: calc(var(--data-relative-size) * 37);
    height: calc(var(--data-relative-size) * 31);
    background-image: url(../../images/about/data/number_content_turnover.webp);
}
.number_content_holiday::before {
    width: calc(var(--data-relative-size) * 33);
    height: calc(var(--data-relative-size) * 33);
    background-image: url(../../images/about/data/number_content_holiday.svg);
}
.number_content_parent_leave::before {
    width: calc(var(--data-relative-size) * 32);
    height: calc(var(--data-relative-size) * 35);
    background-image: url(../../images/about/data/number_content_parent_leave.svg);
}
.number_content_location::before {
    width: calc(var(--data-relative-size) * 48);
    height: calc(var(--data-relative-size) * 38);
    background-image: url(../../images/about/data/number_content_location.svg);
}
.number_content_literature::after {
    width: calc(var(--data-relative-size) * 34);
    height: calc(var(--data-relative-size) * 23);
    background-image: url(../../images/about/data/number_content_literature.svg);
}
.number_content_science::after {
    width: calc(var(--data-relative-size) * 22);
    height: calc(var(--data-relative-size) * 36);
    background-image: url(../../images/about/data/number_content_science.svg);
}

.number_content_location_area {
    display: flex;
    justify-content: center;
}
.number_content_location_ttl {
    font-size: calc(var(--data-relative-size) * 14);
    line-height: 2;
}
.number_content_location_txt {
    line-height: 1;
}
.number_content_location_txt_num {
    margin-right: 5rem;
    display: inline-block;
}
.number_content_location_area_inner + .number_content_location_area_inner {
    border-left: 1px solid var(--color-black);
}
.number_content_location_note {
    font-size: calc(var(--data-relative-size) * 12);
    line-height: 1.7;
    position: absolute;
}
.number_content_literature_and_science_area_ttl {
    line-height: 1.7;
    text-align: center;
    position: relative;
}
.number_content_assignment_area_ttl {
    line-height: 2;
    text-align: center;
    border-bottom: 1rem solid var(--color-black);
}
.number_content_assignment_area_list > li {
    display: flex;
    align-items: center;
}
.number_content_assignment_area_list_ttl {
    letter-spacing: -0.08em;
    text-align: right;
}
.number_content_assignment_area_list_txt_num {
    width: 1.1em;
    text-align: right;
    display: inline-block;
}
.number_content_assignment_area_list_line {
    height: 20rem;
    border: 2rem solid var(--color-black);
    position: relative;
}
.number_content_assignment_area_list_line::before {
    content: '';
    width: calc(var(--this-width) / 100 * 100%);
    height: 100%;
    background-color: var(--color-black);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.number_content_assignment_area_list_line_1_1::before {
    --this-width: 51;
}
.number_content_assignment_area_list_line_1_2::before {
    --this-width: 49;
}
.number_content_assignment_area_list_line_1_3::before {
    --this-width: 0;
}
.number_content_assignment_area_list_line_2_1::before {
    --this-width: 40;
}
.number_content_assignment_area_list_line_2_2::before {
    --this-width: 37;
}
.number_content_assignment_area_list_line_2_3::before {
    --this-width: 20;
}
.number_content_assignment_area_list_line_2_4::before {
    --this-width: 3;
}
@media (min-width: 769px) {
    .number_ttl {
        font-size: calc(var(--data-relative-size) * 18);
        line-height: 2;
        position: absolute;
        z-index: 1;
        top: calc(var(--data-relative-size) * 22);
        left: calc(var(--data-relative-size) * 34);
    }
    .number_txt {
        font-size: calc(var(--data-relative-size) * 24);
        line-height: 2.4;
        line-height: 1;
    }
    .number_content_sales .number_txt_num {
        padding-inline: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 110);
        letter-spacing: 0;
    }
    .number_content_location_quantity .number_txt_num {
        padding-inline: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 112);
        letter-spacing: 0;
    }
    .number_content_tenure .number_txt_num {
        padding-inline: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 110);
        letter-spacing: 0;
    }
    .number_content_turnover .number_txt_num {
        padding-inline: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 110);
        letter-spacing: 0;
    }
    .number_content_holiday .number_txt_num {
        padding-inline: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 110);
        letter-spacing: 0;
    }
    .number_content_parent_leave .number_txt_num {
        padding-inline: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 115);
        letter-spacing: 0;
    }
    .number_txt_num {
        padding-inline: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 115);
        letter-spacing: 0;
        font-weight: 500;
        /* width: calc(var(--data-relative-size) * 250); */
        text-align: center;
    }
    
    /* PC版個別調整 */
    .js_countup_500 {
        width: calc(var(--data-relative-size) * 231) !important;
    }
    .js_countup_700 {
        width: calc(var(--data-relative-size) * 214) !important;
    }
    .js_countup_100 {
        width: calc(var(--data-relative-size) * 206) !important;
    }
    .js_countup_9 {
        width: calc(var(--data-relative-size) * 80) !important;
    }
    .js_countup_20_2 {
        width: calc(var(--data-relative-size) * 237) !important;
    }
    .js_countup_123_5 {
        width: calc(var(--data-relative-size) * 180) !important;
    }
    .js_countup_98 {
        width: calc(var(--data-relative-size) * 107) !important;
    }
    .js_countup_2 {
        width: calc(var(--data-relative-size) * 52) !important;
    }
    .number_content_literature_and_science_img {
        width: calc(var(--data-relative-size) * 212);
    }
    .number_content_literature_and_science_img + .number_content_science {
        position: relative;
    }
    .number_content_note {
        font-size: calc(var(--data-relative-size) * 12);
    }
    .number_content_member .data_img {
        width: calc(var(--data-relative-size) * 230);
        margin-inline: calc(var(--data-relative-size) * -60) calc(var(--data-relative-size) * 55);
        margin-top: calc(var(--data-relative-size) * 6);
    }
    .number_content_sales .data_img {
        width: calc(var(--data-relative-size) * 130);
        margin-inline: calc(var(--data-relative-size) * 126) calc(var(--data-relative-size) * 120);
    }
    .number_content_member,
    .number_content_sales {
        display: flex;
        align-items: center;
    }
    .number_content_member {
        justify-content: center;
    }
    .number_content_sales {
        justify-content: flex-start;
    }
    .number_content_sales .number_content_note {
        position: absolute;
        top: calc(100% + calc(var(--data-relative-size) * 10));
        right: 0;
    }
    .number_content_sales .number_txt_num_cap {
        position: absolute;
        top: calc(100% + calc(var(--data-relative-size) * 11));
        right: 0;
        font-size: calc(var(--data-relative-size) * 12);
        line-height: 1;
    }
    .number_content_location_quantity_area {
        border-radius: 8rem;
        margin: calc(var(--data-relative-size) * 17) calc(var(--data-relative-size) * 40) 0;
        padding: calc(var(--data-relative-size) * 17) calc(var(--data-relative-size) * 28);
    }
    .number_content_location_quantity_area_txt {
        width: calc(var(--data-relative-size) * 185);
        font-size: calc(var(--data-relative-size) * 12);
    }
    .number_content_location_quantity .number_txt {
        padding-top: calc(var(--data-relative-size) * 52);
    }

    .number_content_tenure .number_txt {
        padding-top: calc(var(--data-relative-size) * 96);
    }
    .number_content_turnover .number_txt,
    .number_content_holiday .number_txt,
    .number_content_parent_leave .number_txt {
        padding-top: calc(var(--data-relative-size) * 90);
    }
    .number_content_tenure::before,
    .number_content_parent_leave::before {
        bottom: calc(var(--data-relative-size) * 21);
    }
    .number_content_turnover::before {
        bottom: calc(var(--data-relative-size) * 26);
    }
    .number_content_holiday::before {
        bottom: calc(var(--data-relative-size) * 26);
    }
    .number_content_location::before {
        left: calc(var(--data-relative-size) * 57);
        bottom: calc(var(--data-relative-size) * 28);
    }
    .number_content_location_txt {
        margin-top: calc(var(--data-relative-size) * 5);
        font-size: calc(var(--data-relative-size) * 24);
        font-weight: 500;
    }
    .number_content_location_txt_num {
        font-size: calc(var(--data-relative-size) * 90);
        letter-spacing: 0;
    }
    .number_content_location_area {
        padding-top: calc(var(--data-relative-size) * 70);
        padding-inline: calc(var(--data-relative-size) * 34);
    }
    .number_content_location_area_inner {
        width: 50%;
    }
    .number_content_location_area_inner + .number_content_location_area_inner {
        padding-left: calc(var(--data-relative-size) * 20);
    }
    .number_content_location_note {
        left: calc(var(--data-relative-size) * 118);
        bottom: calc(var(--data-relative-size) * 28);
    }
    .number_content_literature_and_science {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: calc(var(--data-relative-size) * 50);
    }
    .number_content_literature::after,
    .number_content_science::after {
        margin-inline: auto;
    }
    .number_content_literature_and_science_area_ttl {
        margin-top: calc(var(--data-relative-size) * 32);
        font-size: calc(var(--data-relative-size) * 18);
        padding-right: calc(var(--data-relative-size) * 22);
    }
    .number_content_literature_and_science_area_txt {
        margin-top: calc(var(--data-relative-size) * 3);
        font-size: calc(var(--data-relative-size) * 24);
    }
    .number_content_literature_and_science_area_txt_num {
        font-size: calc(var(--data-relative-size) * 90);
    }
    .number_content_literature::after {
        margin-top: calc(var(--data-relative-size) * 18);
        margin-right: calc(var(--data-relative-size) * 50);
    }
    .number_content_science::after {
        margin-top: calc(var(--data-relative-size) * 10);
        margin-left: calc(var(--data-relative-size) * 37);
    }
    .number_content_assignment_area_wrap {
        padding-top: calc(var(--data-relative-size) * 67);
        padding-bottom: calc(var(--data-relative-size) * 45);
        display: flex;
        justify-content: center;
        gap: calc(var(--data-relative-size) * 10);
    }
    .number_content_assignment_area {
        width: calc(var(--data-relative-size) * 340);
    }
    .number_content_assignment_area_ttl {
        padding-bottom: calc(var(--data-relative-size) * 10);
        font-size: calc(var(--data-relative-size) * 18);
    }
    .number_content_assignment_area_list {
        gap: calc(var(--data-relative-size) * 10) 0;
    }
    .number_content_assignment_area_l .number_content_assignment_area_list {
        margin-top: calc(var(--data-relative-size) * 20);
    }
    .number_content_assignment_area_r .number_content_assignment_area_list {
        margin-top: calc(var(--data-relative-size) * 13);
    }
    .number_content_assignment_area_list > li {
        gap: calc(var(--data-relative-size) * 10);
        min-height: calc(var(--data-relative-size) * 62);
    }
    .number_content_assignment_area_r .number_content_assignment_area_list > li {
        min-height: calc(var(--data-relative-size) * 49);
    }
    .number_content_assignment_area_list_ttl {
        font-size: calc(var(--data-relative-size) * 14);
    }
    .number_content_assignment_area_l .number_content_assignment_area_list_ttl {
        width: calc(var(--data-relative-size) * 111);
        line-height: 1.1;
    }
    .number_content_assignment_area_r .number_content_assignment_area_list_ttl {
        width: calc(var(--data-relative-size) * 72);
    }
    .number_content_assignment_area_list_txt {
        font-size: calc(var(--data-relative-size) * 16);
        margin-right: calc(var(--data-relative-size) * -12);
    }
    .number_content_assignment_area_list_txt_num {
        font-size: calc(var(--data-relative-size) * 30);
        margin-right: 2rem;
    }
    .number_content_assignment_area_list_line {
        width: calc(var(--data-relative-size) * 150);
    }
}
@media (max-width: 768px) {
    .number_ttl {
        font-size: 16rem;
        line-height: 1.25;
    }
    .number_txt {
        font-size: 20rem;
    }
    .number_txt_num {
        padding-inline: 5rem;
        font-size: 96rem;
        width: 180rem;
        text-align: center;
    }
    
    /* SP版個別調整 */
    .js_countup_500 {
        width: 171rem !important;
    }
    .js_countup_700 {
        width: 165rem !important;
    }
    .js_countup_100 {
        width: 152rem !important;
    }
    .js_countup_9 {
        width: 62rem !important;
    }
    .js_countup_20_2 {
        width: 181rem !important;
    }
    .js_countup_123_5 {
        width: 160rem !important;
    }
    .js_countup_98 {
        width: 100rem !important;
    }
    .js_countup_2 {
        width: 50rem !important;
    }
    .number_content_note {
        font-size: 12rem;
    }
    .number_content_inner {
        padding-top: 16rem;
    }
    .number_content_member .data_img {
        width: 230rem;
        margin: 38rem auto 51rem;
    }
    .number_content_sales .data_img {
        width: 130rem;
        margin: 16rem auto 31rem;
    }
    .number_content_member .number_txt {
        padding-bottom: 31rem;
    }
    .number_content_sales .number_content_note {
        margin-inline: auto;
        text-align: center;
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 16rem;
    }
    .number_content_sales .number_txt_num_cap {
        display: block;
        font-size: 12rem;
        margin-top: 14rem;
    }

    .number_content_location_quantity_area {
        margin-top: 15rem;
        padding: 16rem 29rem;
    }
    .number_content_location_quantity_area_txt {
        width: 185rem;
        font-size: 12rem;
    }
    .number_content_location_quantity .number_txt {
        padding-top: 3rem;
    }

    .number_content_tenure {
        padding-bottom: 64rem;
    }
    .number_content_turnover {
        padding-top: 0;
    }
    .number_content_turnover,
    .number_content_holiday,
    .number_content_parent_leave {
        padding-bottom: 77rem;
        padding-bottom: 69rem;
    }
    .number_content_tenure .number_txt {
        padding-top: 32rem;
    }
    .number_content_turnover .number_txt,
    .number_content_parent_leave .number_txt {
        padding-top: 30rem;
    }
    .number_content_holiday .number_txt {
        margin-top: 20rem;
    }

    .number_content_tenure::before,
    .number_content_parent_leave::before {
        bottom: 0;
    }
    .number_content_turnover::before,
    .number_content_holiday::before {
        bottom: 0;
    }

    .number_content_location {
        padding-bottom: 52rem;
    }
    .number_content_location::before {
        left: 35rem;
        bottom: 0;
    }
    .number_content_location_txt {
        margin-top: 4rem;
        font-size: 20rem;
    }
    .number_content_location_txt_num {
        font-size: 88rem;
    }
    .number_content_location_area {
        padding-top: 9rem;
    }
    .number_content_location_area_inner {
        width: 50%;
    }
    .number_content_location_area_inner + .number_content_location_area_inner {
        padding-left: 30rem;
        padding-right: 0;
    }
    .number_content_location_note {
        left: 100rem;
        bottom: 0;
    }

    .number_content_literature_and_science {
        padding-bottom: 32rem;
    }
    .number_content_literature {
        padding-top: 24rem;
    }
    .number_content_literature_and_science_area {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 16rem;
    }
    .number_content_literature_and_science_area_ttl {
        font-size: 16rem;
    }
    .number_content_literature_and_science_area_txt {
        font-size: 20rem;
        text-align: center;
    }
    .number_content_literature_and_science_area_txt_num {
        font-size: 96rem;
    }
    .number_content_literature_and_science_img {
        margin-inline: auto;
        display: block;
    }

    .number_content_assignment_area_wrap {
        padding-bottom: 13rem;
    }
    .number_content_assignment_area {
        padding-top: 5rem;
    }
    .number_content_assignment_area + .number_content_assignment_area {
        margin-top: 10rem;
    }
    .number_content_assignment_area_ttl {
        font-size: 16rem;
    }
    .number_content_assignment_area_list {
        margin-top: 10rem;
    }
    .number_content_assignment_area_list > li {
        gap: 6rem;
        min-height: 38rem;
    }
    .number_content_assignment_area_wrap .number_content_assignment_area:nth-child(1) .number_content_assignment_area_list > li {
        min-height: 58rem;
    }
    .number_content_assignment_area_list_ttl {
        font-size: 12rem;
    }
    .number_content_assignment_area_list_ttl {
        width: 100rem;
    }
    .number_content_assignment_area_list_txt {
        font-size: 16rem;
    }
    .number_content_assignment_area_list_txt_num {
        margin-right: 3rem;
        font-size: 30rem;
    }
    .number_content_assignment_area_list_line {
        width: 120rem;
    }
}

/* speach */
.speach_content_list > li {
    line-height: 1.7;
    border: 1px solid var(--color-black);
    border-radius: 10px;
    position: relative;
    font-size: calc(var(--data-relative-size) * 14);
    text-align: justify;
}
.speach_content_list > li::after {
    content: '';
    background: url(../../images/about/data/speach_content_list_dec.svg) no-repeat 50% / cover;
    display: block;
    position: absolute;
}
.speach_content_dec::before {
    content: '';
    display: block;
    background: no-repeat 50% / contain;
    position: absolute;
}
.speach_content_join .speach_content_dec_1::before {
    background-image: url(../../images/about/data/speach_content_join_dec_1.svg);
}
.speach_content_join .speach_content_dec_2::before {
    background-image: url(../../images/about/data/speach_content_join_dec_2.svg);
}
.speach_content_join .speach_content_dec_3::before {
    background-image: url(../../images/about/data/speach_content_join_dec_3.svg);
}
.speach_content_join .speach_content_dec_4::before {
    background-image: url(../../images/about/data/speach_content_join_dec_4.svg);
}
.speach_content_area .speach_content_dec_1::before {
    background-image: url(../../images/about/data/speach_content_area_dec_1.svg);
}
.speach_content_area .speach_content_dec_2::before {
    background-image: url(../../images/about/data/speach_content_area_dec_2.svg);
}
.speach_content_charm .speach_content_dec_1::before {
    background-image: url(../../images/about/data/speach_content_charm_dec_1.svg);
}
.speach_content_charm .speach_content_dec_2::before {
    background-image: url(../../images/about/data/speach_content_charm_dec_2.svg);
}
.speach_content_charm .speach_content_dec_3::before {
    background-image: url(../../images/about/data/speach_content_charm_dec_3.svg);
}
.speach_content_charm .speach_content_dec_4::before {
    background-image: url(../../images/about/data/speach_content_charm_dec_4.svg);
}
.speach_content_charm .speach_content_dec_5::before {
    background-image: url(../../images/about/data/speach_content_charm_dec_5.svg);
}
@media (min-width: 769px) {
    .speach_content_list > li {
        font-size: calc(var(--data-relative-size) * 14);
        line-height: 1.7;
        display: inline-block;
        vertical-align: middle;
    }
    .speach_content_txt {
        display: flex;
        align-items: center;
        min-height: calc(var(--data-relative-size) * 80);
        padding: calc(var(--data-relative-size) * 15) calc(var(--data-relative-size) * 22);
    }
    .speach_content_list > li:nth-child(2n){
        margin-top: calc(var(--data-relative-size) * 41);
        margin-left: calc(var(--data-relative-size) * 20);
        margin-left: 3%;
    }
    .speach_content_list > li::after {
        right: calc(var(--data-relative-size) * 30);
    }
    .speach_content_inner {
        padding: calc(var(--data-relative-size) * 37) calc(var(--data-relative-size) * 40) calc(var(--data-relative-size) * 60) ;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .speach_content_area .speach_content_list > li:nth-child(3) {
        margin-top: calc(var(--data-relative-size) * -30);
    }
    .speach_content_charm {
        padding-top: calc(var(--data-relative-size) * 50);
    }
    .speach_content_list > li {
        width: calc(var(--data-relative-size) * 325);
        width: 48.4%;
    }
    .speach_content_list > li::after {
        width: calc(var(--data-relative-size) * 20);
        height: calc(var(--data-relative-size) * 23);
        bottom: calc(var(--data-relative-size) * -16);
    }
    .speach_content_join .speach_content_dec_1::before {
        width: calc(var(--data-relative-size) * 32);
        height: calc(var(--data-relative-size) * 23);
        right: calc(var(--data-relative-size) * 68);
        bottom: calc(var(--data-relative-size) * -15);
    }
    .speach_content_join .speach_content_dec_2::before {
        width: calc(var(--data-relative-size) * 25);
        height: calc(var(--data-relative-size) * 34);
        right: calc(var(--data-relative-size) * 70);
        bottom: calc(var(--data-relative-size) * -17);
    }
    .speach_content_join .speach_content_dec_3::before {
        width: calc(var(--data-relative-size) * 30);
        height: calc(var(--data-relative-size) * 25);
        right: calc(var(--data-relative-size) * 74);
        bottom: calc(var(--data-relative-size) * -12);
    }
    .speach_content_join .speach_content_dec_4::before {
        width: calc(var(--data-relative-size) * 30);
        height: calc(var(--data-relative-size) * 25);
        right: calc(var(--data-relative-size) * 70);
        bottom: calc(var(--data-relative-size) * -11);
    }
    .speach_content_area .speach_content_dec_1::before {
        width: calc(var(--data-relative-size) * 46);
        height: calc(var(--data-relative-size) * 45);
        right: calc(var(--data-relative-size) * 60);
        bottom: calc(var(--data-relative-size) * -30);
    }
    .speach_content_area .speach_content_dec_2::before {
        width: calc(var(--data-relative-size) * 38);
        height: calc(var(--data-relative-size) * 39);
        right: calc(var(--data-relative-size) * 65);
        bottom: calc(var(--data-relative-size) * -16);
    }
    .speach_content_charm .speach_content_dec_1::before {
        width: calc(var(--data-relative-size) * 35);
        height: calc(var(--data-relative-size) * 30);
        right: calc(var(--data-relative-size) * 63);
        bottom: calc(var(--data-relative-size) * -14);
    }
    .speach_content_charm .speach_content_dec_2::before {
        width: calc(var(--data-relative-size) * 29);
        height: calc(var(--data-relative-size) * 41);
        right: calc(var(--data-relative-size) * 70);
        bottom: calc(var(--data-relative-size) * -30);
    }
    .speach_content_charm .speach_content_dec_3::before {
        width: calc(var(--data-relative-size) * 35);
        height: calc(var(--data-relative-size) * 27);
        right: calc(var(--data-relative-size) * 60);
        bottom: calc(var(--data-relative-size) * -11);
    }
    .speach_content_charm .speach_content_dec_4::before {
        width: calc(var(--data-relative-size) * 27);
        height: calc(var(--data-relative-size) * 25);
        left: calc(var(--data-relative-size) * 46);
        top: calc(var(--data-relative-size) * -20);
    }
    .speach_content_charm .speach_content_dec_5::before {
        width: calc(var(--data-relative-size) * 31);
        height: calc(var(--data-relative-size) * 43);
        right: calc(var(--data-relative-size) * 62);
        top: calc(var(--data-relative-size) * -32);
    }
}
@media (max-width: 768px) {
    .speach_content_inner {
        padding: 24rem 0;
    }
    .speach_content_list + .speach_content_list {
        margin-top: 26rem;
    }
    .speach_content_list > li {
        padding: 15rem 25rem;
    }
    .speach_content_list > li + li {
        margin-top: 26rem;
    }
    .speach_content_list > li::after {
        width: 20rem;
        height: 23rem;
        bottom: -16rem;
        right: 22rem;
    }
    .speach_content_join .speach_content_dec_1::before {
        width: 32rem;
        height: 23rem;
        right: 60rem;
        bottom: -15rem;
    }
    .speach_content_join .speach_content_dec_2::before { 
        width: 34rem;
        height: 34rem;
        right: 61rem;
        bottom: -20rem;
    }
    .speach_content_join .speach_content_dec_3::before {
        width: 31rem;
        height: 26rem;
        right: 61rem;
        bottom: -15rem;
    }
    .speach_content_join .speach_content_dec_4::before {
        width: 30rem;
        height: 30rem;
        right: 62rem;
        bottom: -17rem;
    }
    .speach_content_area .speach_content_dec_1::before {
        width: 46rem;
        height: 45rem;
        right: 60rem;
        bottom: -25rem;
    }
    .speach_content_area .speach_content_dec_2::before {
        width: 33rem;
        height: 34rem;
        right: 58rem;
        bottom: -21rem;
    }
    .speach_content_charm .speach_content_dec_1::before {
        width: 35rem;
        height: 30rem;
        right: 60rem;
        bottom: -18rem;
    }
    .speach_content_charm .speach_content_dec_2::before {
        width: 34rem;
        height: 34rem;
        right: 60rem;
        bottom: -19rem;
    }
    .speach_content_charm .speach_content_dec_3::before {
        width: 38rem;
        height: 38rem;
        right: 59rem;
        bottom: -18rem;
    }
    .speach_content_charm .speach_content_dec_4::before {
        width: 27rem;
        height: 25rem;
        left: 46rem;
        top: -12rem;
    }
    .speach_content_charm .speach_content_dec_5::before {
        width: 34rem;
        height: 34rem;
        right: 60rem;
        bottom: -18rem;
    }
}

/* vacation */
.vacation_txt {
    font-size: calc(var(--data-relative-size) * 14);
    line-height: 1.7;
}
.vacation_area_line {
    border: 2rem solid var(--color-black);
    position: relative;
}
.vacation_area_line::before {
    content: '';
    width: calc(69 / 100 * 100%);
    height: 100%;
    background: var(--color-black);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.vacation_area_ttl_wrap {
    position: relative;
}
.vacation_area_ttl_wrap::before {
    content: '';
    width: 1rem;
    height: 20rem;
    margin-inline: auto;
    background-size: 5rem 4rem;
    background-image: linear-gradient(to bottom,var(--color-black) 3rem, transparent 2rem);
    background-position: left bottom;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
}
.vacation_area_ttl {
    text-align: center;
}
.vacation_area_ttl_num {
    margin-inline: 3rem;
    display: inline-block;
    line-height: 1;
}
.vacation_area_txt {
    font-size: calc(var(--data-relative-size) * 12);
    line-height: 1.7;
    text-align: center;
}
.vacation_area_speach_ttl {
    font-size: calc(var(--data-relative-size) * 16);
    line-height: 1.7;
    text-align: center;
}
.vacation_area_speach_list > li {
    font-size: calc(var(--data-relative-size) * 14);
    line-height: 1.7;
    border: 1rem solid var(--color-black);
    border-radius: 10rem;
    position: relative;
}
.vacation_area_speach_list > li::after {
    content: '';
    background: url(../../images/about/data/speach_content_list_dec.svg) no-repeat 50% / cover;
    display: block;
    position: absolute;
}
@media (min-width: 769px) {
    .vacation_content_inner {
        padding: calc(var(--data-relative-size) * 73) calc(var(--data-relative-size) * 70) calc(var(--data-relative-size) * 90);
    }
    .vacation_txt {
        text-align: center;
    }
    .vacation_area {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        gap: calc(var(--data-relative-size) * 24) 0;
        margin-top: 24rem;
    }
    .vacation_area_line {
        width: calc(var(--data-relative-size) * 600);
        width: 100%;
        height: calc(var(--data-relative-size) * 30);
        margin-top: calc(var(--data-relative-size) * 30);
    }
    .vacation_area_ttl {
        font-size: calc(var(--data-relative-size) * 18);
        margin-top: calc(var(--data-relative-size) * -12);
    }
    .vacation_area_ttl_num {
        font-size: calc(var(--data-relative-size) * 60);
    }
    .vacation_area_ttl_unit {
        font-size: calc(var(--data-relative-size) * 20);
    }
    .vacation_area_speach_ttl {
        margin-top: calc(var(--data-relative-size) * 40);
    }
    .vacation_area_ttl_wrap::before {
        bottom: calc(var(--data-relative-size) * -30);
    }
    .vacation_area_speach_list {
        width: calc(var(--data-relative-size) * 285);
        margin-top: calc(var(--data-relative-size) * 10);
    }
    .vacation_area_speach_list > li {
        padding: calc(var(--data-relative-size) * 15) calc(var(--data-relative-size) * 25);
    }
    .vacation_area_speach_list > li + li {
        margin-top: calc(var(--data-relative-size) * 26);
    }
    .vacation_area_speach_list > li::after {
        width: calc(var(--data-relative-size) * 20);
        height: calc(var(--data-relative-size) * 23);
        right: calc(var(--data-relative-size) * 26);
        bottom: calc(var(--data-relative-size) * -16);
    }
}
@media (max-width: 768px) {
    .vacation_content_inner {
        padding-block: 23rem 18rem;
    }
    .vacation_area {
        margin-top: 16rem;
        display: flex;
        flex-direction: column;
        gap: 16rem 0;
    }
    .vacation_area_inner_top {
        order: 1;
        display: flex;
        flex-direction: column-reverse;
    }
    .vacation_area_line {
        order: 2;
    }
    .vacation_area_inner_bottom {
        order: 3;
    }
    .vacation_area_line {
        height: 24rem;
    }
    .vacation_area_inner_top .vacation_area_ttl_wrap {
        margin-top: 54rem;
    }
    .vacation_area_inner_bottom .vacation_area_ttl_wrap {
        margin-bottom: 52rem;
    }
    .vacation_area_inner_top .vacation_area_ttl_wrap::before {
        top: -35rem;
    }
    .vacation_area_inner_bottom .vacation_area_ttl_wrap::before {
        bottom: -35rem;
    }
    .vacation_area_ttl,
    .vacation_area_ttl_unit {
        font-size: 16rem;
    }
    .vacation_area_ttl_num {
        font-size: 56rem;
    }
    .vacation_area_speach_list {
        margin-top: 8rem;
    }
    .vacation_area_speach_list > li {
        padding: 16rem 24rem;
    }
    .vacation_area_speach_list > li + li {
        margin-top: 18rem;
    }
    .vacation_area_speach_list > li::after {
        width: 18rem;
        height: 20rem;
        right: 23rem;
        bottom: -14rem;
    }
}

/* from */
.from_content_inner {
    position: relative;
}
.from_img {
    width: 100%;
    display: block;
}
.from_txt {
    position: absolute;
}
.from_txt_num {
    margin-inline: 3rem;
    display: inline-block;
}
@media (min-width: 769px) {
    .from_img {
        padding: calc(var(--data-relative-size) * 52) calc(var(--data-relative-size) * 190) calc(var(--data-relative-size) * 90) calc(var(--data-relative-size) * 180);
    }
    .from_txt {
        font-size: calc(var(--data-relative-size) * 16);
    }
    .from_txt_num {
        font-size: calc(var(--data-relative-size) * 60);
    }
    .from_txt_unit {
        font-size: calc(var(--data-relative-size) * 18);
    }
    .from_txt_1 {
        top: calc(var(--data-relative-size) * 128);
        left: calc(var(--data-relative-size) * 337);
    }
    .from_txt_2 {
        top: calc(var(--data-relative-size) * 195);
        left: calc(var(--data-relative-size) * 256);
    }
    .from_txt_3 {
        top: calc(var(--data-relative-size) * 225);
        left: calc(var(--data-relative-size) * 147);
    }
    .from_txt_4 {
        top: calc(var(--data-relative-size) * 310);
        left: calc(var(--data-relative-size) * 97);
    }
    .from_txt_5 {
        top: calc(var(--data-relative-size) * 159);
        left: calc(var(--data-relative-size) * 512);
    }
    .from_txt_6 {
        top: calc(var(--data-relative-size) * 230);
        left: calc(var(--data-relative-size) * 515);
    }
    .from_txt_7 {
        top: calc(var(--data-relative-size) * 304);
        left: calc(var(--data-relative-size) * 520);
    }
    .from_txt_8 {
        top: calc(var(--data-relative-size) * 379);
        left: calc(var(--data-relative-size) * 495);
    }
    .from_txt_9 {
        top: calc(var(--data-relative-size) * 443);
        left: calc(var(--data-relative-size) * 430);
    }
    .from_txt_10 {
        top: calc(var(--data-relative-size) * 443);
        left: calc(var(--data-relative-size) * 325);
    }
    .from_txt_11 {
        top: calc(var(--data-relative-size) * 443);
        left: calc(var(--data-relative-size) * 218);
    }
}
@media (max-width: 768px) {
    .from_img {
        padding: 22rem 27rem 32rem 46rem;
    }
    .from_txt {
        font-size: 9rem;
    }
    .from_txt_num {
        font-size: 34rem;
    }
    .from_txt_unit {
        font-size: 10rem;
    }
    .from_txt_1 {
        top: 66rem;
        left: 139rem;
    }
    .from_txt_2 {
        top: 107rem;
        left: 88rem;
    }
    .from_txt_3 {
        top: 122rem;
        left: 28rem;
    }
    .from_txt_4 {
        top: 170rem;
        left: -1rem;
    }
    .from_txt_5 {        
        top: 84rem;
        left: 236rem;
        min-width: 60rem;
    }
    .from_txt_6 {
        top: 124rem;
        left: 238rem;
        min-width: 60rem;
    }
    .from_txt_7 {
        top: 167rem;
        left: 240rem;
    }
    .from_txt_8 {        
        top: 209rem;
        left: 226rem;
        min-width: 70rem;
    }
    .from_txt_9 {
        top: 245rem;
        left: 190rem;
    }
    .from_txt_10 {
        top: 246rem;
        left: 129rem;
    }
    .from_txt_11 {
        top: 246rem;
        left: 69rem;
    }
}

/* ownership */
.ownership_img {
    margin-inline: auto;
    display: block;
}
.ownership_line {
    border: 2rem solid var(--color-black);
    position: relative;
    margin-inline: auto;
}
.ownership_line::before {
    content: '';
    width: calc(60 / 100 * 100%);
    height: 100%;
    background-color: var(--color-black);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}
.ownership_txt_wrap {
    display: flex;
    justify-content: center;
}
@media (min-width: 769px) {
    .ownership_content_inner {
        padding: calc(var(--data-relative-size) * 87) calc(var(--data-relative-size) * 60);
    }
    .ownership_img {
        width: calc(var(--data-relative-size) * 565);
    }
    .ownership_line {
        width: calc(var(--data-relative-size) * 600);
        height: calc(var(--data-relative-size) * 10);
        margin-top: calc(var(--data-relative-size) * 8);
    }
    .ownership_txt_wrap {
        margin-top: calc(var(--data-relative-size) * 27);
        gap: calc(var(--data-relative-size) * 64);
    }
    .ownership_txt {
        font-size: calc(var(--data-relative-size) * 18);
    }
    .ownership_txt_num {
        font-size: calc(var(--data-relative-size) * 90);
    }
    .charm .speach_content_list{
        letter-spacing: -0.05em;
    }
    .charm .speach_content_list > li:nth-child(1){
        margin-bottom: calc(var(--data-relative-size) * 10);
    }
    .ownership_txt_unit {
        font-size: calc(var(--data-relative-size) * 24);
    }
}
@media (max-width: 768px) {
    .ownership_content_inner {
        padding-block: 24rem;
    }
    .ownership_img {
        width: 265rem;
    }
    .ownership_line {
        height: 20rem;
        margin-top: 10rem;
    }
    .ownership_txt_wrap {
        margin-top: 16rem;
        gap: 24rem;
    }
    .ownership_txt {
        font-size: 14rem;
    }
    .ownership_txt_num {
        margin-top: 4rem;
        font-size: 72rem;
        display: inline-block;
    }
    .ownership_txt_unit {
        font-size: 20rem;
    }
}

/* from_txt要素専用の1441px以上対応 */
@media (min-width: 1441px) and (max-width: 1980px) {
    .from_content_inner {
        --from-relative-size: calc(100/1440*1vw);
    }
    
    /* from要素の位置調整 - 可変サイズを使用 */
    .from_txt_1 {
        top: calc(var(--from-relative-size) * 128);
        left: calc(var(--from-relative-size) * 337);
    }
    .from_txt_2 {
        top: calc(var(--from-relative-size) * 195);
        left: calc(var(--from-relative-size) * 256);
    }
    .from_txt_3 {
        top: calc(var(--from-relative-size) * 225);
        left: calc(var(--from-relative-size) * 147);
    }
    .from_txt_4 {
        top: calc(var(--from-relative-size) * 310);
        left: calc(var(--from-relative-size) * 97);
    }
    .from_txt_5 {
        top: calc(var(--from-relative-size) * 159);
        left: calc(var(--from-relative-size) * 512);
    }
    .from_txt_6 {
        top: calc(var(--from-relative-size) * 230);
        left: calc(var(--from-relative-size) * 515);
    }
    .from_txt_7 {
        top: calc(var(--from-relative-size) * 304);
        left: calc(var(--from-relative-size) * 520);
    }
    .from_txt_8 {
        top: calc(var(--from-relative-size) * 379);
        left: calc(var(--from-relative-size) * 495);
    }
    .from_txt_9 {
        top: calc(var(--from-relative-size) * 443);
        left: calc(var(--from-relative-size) * 430);
    }
    .from_txt_10 {
        top: calc(var(--from-relative-size) * 443);
        left: calc(var(--from-relative-size) * 325);
    }
    .from_txt_11 {
        top: calc(var(--from-relative-size) * 443);
        left: calc(var(--from-relative-size) * 218);
    }
    
    /* from要素のフォントサイズも可変に */
    .from_txt {
        font-size: calc(var(--from-relative-size) * 16);
    }
    .from_txt_num {
        font-size: calc(var(--from-relative-size) * 60);
    }
    .from_txt_unit {
        font-size: calc(var(--from-relative-size) * 18);
    }
    
    /* 画像のパディングも調整 */
    .from_img {
        padding: calc(var(--from-relative-size) * 52) calc(var(--from-relative-size) * 190) calc(var(--from-relative-size) * 90) calc(var(--from-relative-size) * 180);
    }
}

/* 1980px以上は最大値で固定 */
@media (min-width: 1981px) {
    .from_content_inner {
        --from-relative-size: 1.375px; /* 1980px時点での値 (100/1440) * 19.8 / 10 */
    }
    
    /* from要素の位置調整 - 固定値を使用 */
    .from_txt_1 {
        top: calc(var(--from-relative-size) * 128);
        left: calc(var(--from-relative-size) * 337);
    }
    .from_txt_2 {
        top: calc(var(--from-relative-size) * 195);
        left: calc(var(--from-relative-size) * 256);
    }
    .from_txt_3 {
        top: calc(var(--from-relative-size) * 225);
        left: calc(var(--from-relative-size) * 147);
    }
    .from_txt_4 {
        top: calc(var(--from-relative-size) * 310);
        left: calc(var(--from-relative-size) * 97);
    }
    .from_txt_5 {
        top: calc(var(--from-relative-size) * 159);
        left: calc(var(--from-relative-size) * 512);
    }
    .from_txt_6 {
        top: calc(var(--from-relative-size) * 230);
        left: calc(var(--from-relative-size) * 515);
    }
    .from_txt_7 {
        top: calc(var(--from-relative-size) * 304);
        left: calc(var(--from-relative-size) * 520);
    }
    .from_txt_8 {
        top: calc(var(--from-relative-size) * 379);
        left: calc(var(--from-relative-size) * 495);
    }
    .from_txt_9 {
        top: calc(var(--from-relative-size) * 443);
        left: calc(var(--from-relative-size) * 430);
    }
    .from_txt_10 {
        top: calc(var(--from-relative-size) * 443);
        left: calc(var(--from-relative-size) * 325);
    }
    .from_txt_11 {
        top: calc(var(--from-relative-size) * 443);
        left: calc(var(--from-relative-size) * 218);
    }
    
    /* from要素のフォントサイズも固定 */
    .from_txt {
        font-size: calc(var(--from-relative-size) * 16);
    }
    .from_txt_num {
        font-size: calc(var(--from-relative-size) * 60);
    }
    .from_txt_unit {
        font-size: calc(var(--from-relative-size) * 18);
    }
    
    /* 画像のパディングも固定 */
    .from_img {
        padding: calc(var(--from-relative-size) * 52) calc(var(--from-relative-size) * 190) calc(var(--from-relative-size) * 90) calc(var(--from-relative-size) * 180);
    }
}