@charset "utf-8";


.flow_list {
    overflow: hidden;
}

.flow_list > article {
    overflow: hidden;
    padding: 3.75vw;
    border: 1px solid #dcdcdc;
}

.flow_list > article + article {
    margin-top: 3.75vw;
}

.flow_list > article figure {
    width: 22.5vw;
    float: left;
}

.flow_list .flow_list_text {
    padding: 0 0 0 26.25vw;
    border-top: none;
}

.flow_list .flow_list_text h4 {
    font-size: 3.74vw;
    font-weight: 600;
    margin-bottom: 1vw;
}

.flow_list .flow_list_text > p {
    line-height:1.714;
}

.flow_list .flow_list_text > .link_detail {
    margin-top: 2.5vw;
    text-align: right;
}


@media screen and (min-width: 480px) {

.flow_list .flow_list_text h4 {
	font-size: 2.1vw;
}


}


@media screen and (min-width: 768px) {


.flow_list > article {
    width: 30.55%;
    padding: 0;
    border: none;
    float: left;
}

.flow_list > article + article {
    margin-left: 4.166%;
    margin-top: 0;
}

.flow_list > article figure {
    width: auto;
    float: none;
}

.flow_list .flow_list_text {
    padding: 20px 6.66% 25px;
    border: 1px solid #dcdcdc;
    border-top: none;
}

.flow_list .flow_list_text h4 {
    text-align: center;
    margin-bottom: 10px;
}

.flow_list .flow_list_text > p {
    line-height:1.928;
    font-size: 1.4rem;
}

.flow_list .flow_list_text > .link_detail {
    margin-top: 20px;
    text-align: center;
}



}


@media screen and (min-width: 1080px) {


.flow_list .flow_list_text h4 {
	font-size: 2.2rem;
}


}