/* ************************* */
/* 支援業務説明用エリア */
/* ************************* */
.practice_page_contaier {
    text-align: center;
    justify-content: center;
    display: grid;
    grid-template:
        "pbox1 pbox2 pbox3" auto
        "pbox4 pbox5 pbox6" auto /
        28vw 28vw 28vw;
    margin-top: 3rem;
    margin-bottom: 3rem;

    h3 {
        color: rgb(3, 136, 197);
        font-weight: bold;
        font-size: min(1.5rem, 1.5vw);
        padding: 3rem 3rem 1rem 3rem
    }

    p {
        font-size: min(1rem, 1vw);
        padding: 1rem;
        text-indent: 5px;
        text-align: justify;
        text-justify: inter-ideograph;
        line-height: 1.8;
    }

    /* img {
        width: 18vw;
        height: auto;
    } */
}

.practice_base_image {
    width: 18vw;
    height: auto;
}

.practice_icon_image {
    width: 5vw;
    height: auto;
}

.practice_page_box1 {
    grid-area: pbox1;
}

.practice_page_box2 {
    grid-area: pbox2;
}

.practice_page_box3 {
    grid-area: pbox3;
}

.practice_page_box4 {
    grid-area: pbox4;
}

.practice_page_box5 {
    grid-area: pbox5;
}

.practice_page_box6 {
    grid-area: pbox6;
}

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

    /* ************************* */
    /* 支援業務説明用エリア */
    /* ************************* */
    .practice_page_contaier {
        grid-template:
            "pbox1" auto
            "pbox2" auto
            "pbox3" auto
            "pbox4" auto
            "pbox5" auto
            "pbox6" auto /
            90vw;
        margin-top: 1rem;
        margin-bottom: 1rem;

        h3 {
            color: rgb(3, 136, 197);
            font-weight: bold;
            font-size: min(4.5rem, 4.5vw);
            padding: 3rem 3rem 1rem 3rem
        }

        p {
            font-size: min(3.5rem, 3.5vw);
            padding: 1rem;
            text-indent: 5px;
            text-align: justify;
            text-justify: inter-ideograph;
        }

        /* img {
            width: 80vw;
            height: auto;
        } */
    }

    .practice_base_image {
        width: 80vw;
        height: auto;
    }

    .practice_icon_image {
        width: 30vw;
        height: auto;
    }
}