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

- flowChart

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

.flowChart {
    position: relative;
}

.flowChart .flowChartItem:not(:first-child) {
    margin-top: 80px;
}

@media screen and (max-width: 767px) {

    .flowChart {
    }

    .flowChart:after {
        display: none;
    }

    .flowChart .flowChartItem:not(:first-child) {
        margin-top: 80px;
    }

}

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

- flowChartItem

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

.flowChartItem {
    align-items: baseline;
    width: 100%;
    position: relative;
}

.flowChart .flowChartItem:not(:first-child):before {
    content: "";
    display: block;
    width: 120px;
    height: 30px;
    background: url("/wp-content/themes/kuiso/filesdir/images/common/bg_flow_arrow_red.svg") no-repeat;
    background-size: contain;
    position: absolute;
    left: 50%;
    top: -56px;
    transform: translate(-50%, 0);
}

.flowChartItem_title {
    width: 100%;
    background-color: #F6F6F6;
    text-align: center;
    padding: 8px 0;
    font-weight: 700;
}

.flowChartItem_content {
    font-size: 14px;
    padding-top: 16px;
}

@media screen and (max-width: 767px) {

    .flowChart .flowChartItem:not(:first-child):before {
        width: 88px;
        height: 30px;
        left: 50%;
        top: -48px;
    }

}