@charset "utf-8";

/*
************************************************************************
* ご利用の流れ
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* ご利用の流れ
************************************************************************
*/
.row.wrap-flow > hr
{
    margin: 0;
}
.flow
{
    padding: 45px 0;
}
.flow .number
{
    width: 340px;
    float: left;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1.71;
}
.flow .number .ff-roboto
{
    font-size: 2.4rem;
    line-height: 1.5;
    font-weight: 500;
}
.flow .number > .number-text
{
    line-height: 1;
    vertical-align: text-top;
}
.flow .text
{
    width: calc(100% - 340px);
    float: right;
    line-height: 1.8;
    font-size: 1.4rem;
}
/* == ブレークポイント ==========================================================*/
@media screen and (max-width: 1100px) {
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 767px) {
    .row.wrap-flow > hr
    {
        margin: 0;
    }
    .flow
    {
        padding: 6vw 0;
    }
    .flow .number
    {
        width: 100%;
        float: none;
        font-size: 2.8rem;
        line-height: 1.4;
        font-weight: bold;
    }
    .flow .number > .number-text
    {
        line-height: 1.2;
    }
    .flow .number .ff-roboto
    {
        font-size: 4.0rem;
        line-height: 2.22;
    }
    .flow .text
    {
        width: 100%;
        padding-left: 6vw;
        box-sizing: border-box;
        float: none;
        line-height: 1.7;
        font-size: 2.6rem;
    }
}