/* ******************************** */
/* 支援範囲解説エリア */
/* ******************************** */
.support_list_grid {
    display: grid;
    row-gap: 1rem;
    column-gap: 1rem;
    grid-template:
        "supbox1 supbox2 supbox3" auto
        "supbox4 supbox5 supbox6" auto /
        15vw 15vw 15vw;
    text-align: left;

    h3 {
        color: rgb(2, 142, 188);
        font-size: min(1.3rem, 1.3vw);
        border-bottom: 1px solid gray;
        padding: 0.5rem 0 0.5rem 0;
    }

    p {
        font-size: min(1rem, 1vw);
        line-height: 1.7;
        padding: 0.5rem 0 0.5rem 0;
    }
}

.supbox1 {
    grid-area: supbox1;
}

.supbox2 {
    grid-area: supbox2;
}

.supbox3 {
    grid-area: supbox3;
}

.supbox4 {
    grid-area: supbox4;
}

.supbox5 {
    grid-area: supbox5;
}

.supbox6 {
    grid-area: supbox6;
}

.support_list_contents {
    width: 60vw;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(237, 241, 248);
    padding: 8rem;
}

/* ******************************* */
/* メディアクエリ領域 */
/* ******************************* */
@media screen and (max-width:720px) {

    .support_list_grid {
        
        grid-template:
            "supbox1" auto
            "supbox2" auto
            "supbox3" auto 
            "supbox4" auto
            "supbox5" auto 
            "supbox6" auto /
            95vw;
        text-align: left;

        h3 {
            color: rgb(2, 142, 188);
            font-size: min(4rem, 4vw);
        }

        p {
            font-size: min(3rem, 3vw);
        }
    }

    .support_list_contents {
        width: 100vw;
        height: auto;
        padding: 2rem;
    }
}