@charset "utf-8";

.corporate_data .pc_only {
    display: block;
}

.corporate_data .sp_only {
    display: none;
}


.corporate_data .breadcrumb {
    color: #38393c;
    background-color: #fff;
}


.corporate_data .breadcrumb .content_inner {
    max-width: 1920px;
    margin: 0 auto;
}

.corporate_data .corporate_data_mv {
    width: 100%;
    height: 30.72vw;
    position: relative;
    overflow: hidden;
    display: flex;
}

.corporate_data .corporate_data_mv>div {
    width: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.corporate_data .corporate_data_mv>div:first-child {
    background-image: url("../img/corporatedata_mvleft.jpg");
}

.corporate_data .corporate_data_mv>div:last-child {
    background-image: url("../img/corporatedata_mvright.jpg");
}

.corporate_data .corporate_data_mv>div:last-child img {
    width: 100%;
}


.corporate_data .corporate_data_mv .mv_inner {
    margin-top: 5.1%;
    margin-right: 4.16vw;
    text-align: right;
}

.corporate_data .corporate_data_mv .par_page {
    /* padding-top: 14.65%;
    margin-right: 8.33%;
    text-align: right; */
    margin-top: 10.1%;
    margin-right: 4.16vw;
    text-align: right;

}

.corporate_data .corporate_data_mv .par_page .par_page_ttl {
    /* font-size: 3.8rem; */
    font-size: 1.98vw;
    line-height: 1;
}

.corporate_data .corporate_data_mv .par_page .ttl_ruby {
    /* font-size: 2.3rem; */
    font-size: 1.19vw;
    color: #fff;
    font-weight: 500;
}

.corporate_data .corporate_data_mv .mv_inner .ttl_ruby {
    /* font-size: 4rem; */
    font-size: 2.08vw;
    color: #fff;
    font-weight: 500;
}


.corporate_data h1 {
    color: #fff;
    font-family: 'Neuzeit Grotesk';
    /* font-size: 8rem; */
    font-size: 4.16vw;
    font-weight: 800;
}

.corporate_data .par_page_ttl {
    color: #fff;
    font-family: 'Neuzeit Grotesk';
    /* font-size: 5rem; */
    font-size: 2.60vw;
    font-weight: 700;
}

.corporate_data .corporate_data_mv .corporate_data_inner h1 {
    margin-bottom: 4rem;
}

.corporate_data .grid_box_company_overview {
    width: 100%;
    max-width: 1000px;
    height: auto;
    margin: 130px auto 100px;
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    border: 1px solid #7a7c82;

}

.corporate_data .grid_box_company_overview .grid_inner {
    border-bottom: 1px solid #7a7c82;
}

.corporate_data .grid_box_company_overview .grid_inner:nth-child(2) {
    border-top: 1px solid #7a7c82;
}

.corporate_data .grid_box_company_overview .grid_inner:last-child {
    border-bottom: 0px;
}


.corporate_data .grid_box_company_overview .grid_inner:first-child {
    background-color: #e15251;
    width: 50%;
    border-right: 1px solid #7a7c82;
    border-bottom: 0px;
}


.corporate_data .grid_box_company_overview .grid_inner:last-child {
    background-color: #e15251;
    height: 80px;
    width: 50%;
    margin-left: 50%;
    border-left: 1px solid #7a7c82;

}

.corporate_data .grid_box_company_overview .grid_inner .grid_txt {
    padding: 25px 50px;
}

.corporate_data .grid_inner .grid_ttl {
    color: #e15251;
    font-size: 2.4rem;
    font-weight: 500;
}

.corporate_data .grid_box_company_overview .grid_inner:first-child .grid_ttl {
    color: #fff;
}

.corporate_data .grid_inner .grid_ttl_txt {
    line-height: 2;
    padding-top: 10px;
}

/* --------------------------------------------------------------------------------------------- */
.corporate_data .content_inner .grid_box_company_history {
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 100px;
    padding: 40px 0 50px;
    display: grid;
    grid-template-columns: 1fr 100px 1fr;
    grid-auto-rows: auto;
    background-color: #e15251;
    border-bottom: 1px solid #7a7c82;
    border-left: 1px solid #7a7c82;
    border-right: 1px solid #7a7c82;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner {
    height: 84px;
    color: #fff;
    position: relative;
}

.corporate_data .content_inner .company_timeline {
    width: 100%;
    max-width: 1000px;
    height: 80px;
    margin: 0 auto;
    line-height: 80px;
    text-align: center;
    color: #e15251;
    font-size: 2.4rem;
    font-weight: 500;
    border: 1px solid #7a7c82;

}

.corporate_data .content_inner .grid_box_company_history .grid_inner:first-child {
    grid-column-start: 3;
    grid-row-start: 1;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(2) {
    grid-column-start: 1;
    grid-row-start: 2;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(3) {
    grid-column-start: 3;
    grid-row-start: 3;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(4) {
    grid-column-start: 1;
    grid-row-start: 4;

}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(5) {
    grid-column-start: 3;
    grid-row-start: 5;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(2),
.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(4) {
    text-align: right;
    /* border-right: 1px solid #7a7c82; */
}

.corporate_data .content_inner .grid_box_company_history .grid_inner::before {
    content: '';
    width: 4px;
    height: 100%;
    background-color: #fff;
    display: block;
    position: absolute;
    top: 1em;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner::after {
    content: '';
    display: block;
    border: 4px solid;
    position: absolute;
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    top: 1em;
    background-color: #e15251;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(odd)::before {
    left: calc(-2.5em - 1px);
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(odd)::after {
    left: -3.25em;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(even)::before {
    right: calc(-4em - -1px);
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(even)::after {
    right: -4.5em;
}

.corporate_data .content_inner .grid_box_company_history .grid_inner:last-child::before {
    display: none;
}

/* -------------------------retina---------------------------------------- */

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 2dppx) {
    .corporate_data .corporate_data_mv {
        background-image: url("../img/corporatedata_mvleft@2x.jpg");
    }
}


/* ------------------------------------------------------------------------ */

/* -----------------------SP------------------------------ */

@media screen and (max-width: 600px) {
    /* --------------------sp_mv-------------------------- */

    .corporate_data .corporate_data_mv {
        height: 380px;
        display: flex;
        flex-direction: column;
        border-bottom: 1px solid #38393c;
    }

    .corporate_data .corporate_data_mv>div {
        width: 100%;
        height: 190px;
        background-size: cover;
        border-top: 1px solid #38393c;
    }

    .corporate_data .corporate_data_mv>div img {
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .corporate_data .corporate_data_mv>div:first-child {
        background-image: url("../img/corporatedata_mvleft_sp.jpg");
    }

    .corporate_data .corporate_data_mv .mv_inner {
        margin-top: 27px;
        margin-right: 20px;
    }

    .corporate_data .corporate_data_mv .par_page {
        padding-top: 8%;
        margin-top: 0;
        margin-right: 26px;
        line-height: 2.4;
    }

    .corporate_data .corporate_data_mv .par_page .par_page_ttl {
        font-size: 2rem;
        line-height: 1;
    }

    .corporate_data .corporate_data_mv .par_page .ttl_ruby {
        font-size: 1.4rem;
    }

    .corporate_data h1 {
        font-size: 3.5rem;
    }

    .corporate_data .par_page_ttl {
        font-size: 5rem;
        font-weight: 700;
    }

    .corporate_data .corporate_data_mv .mv_inner .ttl_ruby {
        font-size: 1.8rem;
    }

    .corporate_data .grid_box_company_overview {
        margin: 55px auto 100px;
        border-left: none;
        border-right: none;
    }

    .corporate_data .grid_inner .grid_ttl {
        font-size: 1.8rem;
    }

    .corporate_data .grid_inner .grid_ttl_txt {
        font-size: 1.4rem;
    }

    .corporate_data .grid_inner .grid_txt {
        padding: 30px 15px;
    }

    .corporate_data .grid_box_company_overview .grid_inner .grid_txt {
        padding: 30px 15px;
    }

    .corporate_data .content_inner .grid_box_company_history {
        margin: 0 auto 140px;
        grid-template-columns: 1fr 75px 1fr;
    }

    .corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(odd) .grid_txt {
        padding-left: 0;
        padding-top: 0;
    }

    .corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(even) .grid_txt {
        padding-right: 0;
        padding-top: 0;
    }

    .corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(even)::before {
        right: calc(-2.5em + 2px);
    }

    .corporate_data .content_inner .grid_box_company_history .grid_inner:nth-child(even)::after {
        right: -3em;
    }

    @media (-webkit-min-device-pixel-ratio: 2),
    (min-resolution: 2dppx) {
        .corporate_data .corporate_data_mv {
            background-image: url("../img/corporatedata_mvleft_sp@2x.jpg");
        }
    }
}