/*
* nca_brand_world-class-warehouse-capacity.css
* /brand/world-class-warehouse-capacity/
*/

@charset "UTF-8";
/* =================================
NCA対応　他社対応cssから水色枠と紫枠部分取り出し（section内）
================================= */


/* =================================
NCA対応　モジュールなし箇所
================================= */

/* nca_pageBack
---------------------------------------------------------- */
.nca_pageBack {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 48px;
    -webkit-text-decoration: underline 1px solid transparent;
    text-decoration: underline 1px solid transparent;
    -webkit-transition: -webkit-text-decoration .3s ease;
    transition: -webkit-text-decoration .3s ease;
    transition: text-decoration .3s ease;
    transition: text-decoration .3s ease,-webkit-text-decoration .3s ease
}

.nca_pageBack::before {
    background: url(/assets/img/ico_arrow_left.svg) 50% 50%/100% 100% no-repeat;
    content: "";
    height: min(24px,1.6666666667vw);
    -webkit-transition: background .3s ease;
    transition: background .3s ease;
    width: min(24px,1.6666666667vw)
}

@media screen and (width < 768px) {
    .nca_pageBack::before {
        height: 24px;
        width: 24px;
    }
}

@media(hover: hover)and (pointer:fine) {
    .nca_pageBack:hover {
        color: #1a005d;
        text-decoration-color: #1a005d
    }

    .nca_pageBack:hover:before {
        background-image: url(/assets/img/ico_arrow_left_hover.svg)
    }
}

/* nca_timelineColor
---------------------------------------------------------- */
.nca_timelineColor {
    color: #1a005d;
}

/* nca_timelineContent
---------------------------------------------------------- */
.nca_timelineContent {
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr 20px 1fr;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -ms-grid;
    display: grid;
    gap: 0 20px;
    grid-auto-flow: row;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto
}

.nca_timelineContent>:first-child {
    -ms-grid-column: 1;
    -ms-grid-row: 1
}

.nca_timelineContent>:nth-child(2) {
    -ms-grid-column: 3;
    -ms-grid-row: 1
}

.nca_timelineContent:is(.box *) {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.nca_timelineContent:is(.box *) .nca_timelineContentHead>:first-child {
    margin-top: 0
}

.h3:is(.row>.nca_timelineContent:first-child .nca_timelineContentHead *) {
    margin-top: 0
}

.nca_timelineContentHead {
    border-right: 1px solid #f0f0f0;
    padding-right: 20px;
}

.nca_timelineContentTxt p {
    margin-top: 0;
}

@media screen and (width < 768px) {
    .box:has(.nca_timelineContent) {
        padding: 32px
    }

    .nca_timelineContent {
        -ms-grid-columns: 1fr;
        gap: 0 16px;
        grid-template-columns: 1fr
    }

    .nca_timelineContentTxt {
        display: block;
        margin-top: 24px
    }

    .nca_timelineContent:is(.box *) .nca_timelineContentHead>:first-child {
        margin-top: 0
    }

    .nca_timelineContentHead {
        border-bottom: 1px solid #f0f0f0;
        border-right: none;
        padding-bottom: 20px;
    }
}