@charset "UTF-8";

.flow_list { width: 100%;}
.flow_list li { position: relative;}
.flow_list .flow_inner {
    max-width: 1000px;
    width: 94%;
    padding: 50px 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
.flow_list li:nth-of-type(odd) { background: url(../img/common/bg.png);}
.flow_list li:nth-of-type(-n+7)::after {
    content: "";
    position: absolute;
    width: 57px;
    height: 24px;
    background: url(../realestate_sale/img/flow_img.png);
    background-size: contain;
    bottom: -12px;
    z-index: 5;
    left: 50%;
    transform: translateX(-50%);
}

.flow_inner > p {
    font-size: 100px;
    color: #509fab;
    letter-spacing: -5px;
    margin: 0 30px 0 0;
}
.flow_inner h4 {
    font-size: 22px;
    font-weight: bold;
    margin: 0 0 15px;
}
.flow_inner h4 + p { line-height: 1.5;}

/*===========================
sp
===========================*/
@media only screen and (max-width: 768px) {
.flow_inner > p {
    font-size: 70px;
}
.flow_inner h4 { font-size: 18px;}
.flow_inner h4 + p { font-size: 14px;}

}