@charset "utf-8";


:root{
	--white: #fff;
	--grey: #EDEDF5;
	--grad: linear-gradient(90deg, #4798f5 0%, #8891ff 39.41%, #c088ff 63.55%, #ff8dba 100%);
	--blue: #1D2088;
}


/* ====================================================================================== SPレイアウト */

/* --------------------------------------------------------------FV */

.fvHeading{
    margin-bottom: 8px;
}

/* ---------------------------------------------------------------設定可能な条件 */

.listCard{
    display: flex;
    align-items: flex-start;
    column-gap: 40px;
}

.imgWrapper{
    width: 110px;
    height: 110px;
}

.imgWrapper img{
    height: 100%;
    object-fit: contain;
}

.merit .listCard:last-child{
    display: flex;
    flex-direction: column;
    width: 100%;
    margin-top: 28px;
}


/* ---------------------------------------------------------------導入効果 */

.effect{
    position: relative;
    padding: 80px 0 240px;
}

.list_effect{
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.effect .listCard{
    width: 100%;
    background-color: var(--grey);
}

.effect .listCard img{
    width: 16%;
}


/* ====================================================================================== TAB/PCレイアウト */

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

    /* --------------------------------------------------------------FV */

    .fvHeading{
        font-size: 32px;
    }

    /* ---------------------------------------------------------------設定可能な条件 */
    
    .merit .listCard:last-child{
        margin-top: 68px;
    }

    /* ---------------------------------------------------------------導入効果 */

    .effect .listCard img{
        width: 8%;
    }
}