.flx-v1 {
    display: flex;
    flex-direction: column;
}

.flx-v2 {}

.flx-h1 {}

.flx-h2 {}

.flx-vh1 {
    display: flex;
    flex-direction: column;
}

.flx-vh2 {}

.flx-vh3 {
    display: flex;
    flex-direction: column;
}



.inline {
    display: flex;
    flex-direction: column;
}


.sid_pic {
    width: 80vw;
}

.sid_pic1 {
    width: 90vw;
}

.sid_pic2 {
    width: 40vw;
    height: 35vw;
}

.pic-type5 {
    width: 30%;
    height: 100%;
}

.pic-type6 {
    /*
    height: 21vw;
    */
}

.pic-type6-2 {
    width: 95%;
    height: 100%;
}

.pic-type7-1a {
    width: 100%;
}

.pic-type7-1b {
    width: 50%;
}

.pic-type7-2 {
    width: 32.5%;
}

.pic-type7-3 {
    height: 49vw;
}

.pic-type7-4 {
    width: 22%;
    margin: 1%;
}

.pic-type8-1 {
    width: 30%;
    margin: 1vw 1vw;
}

.pic-type8-2 {
    width: 21.7%;
    margin: 1vw;
}




/*==================================================*/

/*   PC TAB用（660px以上)                            */

/*==================================================*/

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


    .flx-v1 {}

    .flx-v2 {}

    .flx-h1 {}

    .flx-h2 {}

    .flx-vh1 {}

    .flx-vh2 {}

    .flx-vh3 {}


    .inline {
        display: flex;
        flex-direction: row;
    }

    .block_0 {
        display: flex;
        justify-content: flex-start;
    }

    .block_1 {
        width: 65vw;
        padding-right: 2vw;
    }

    .block_3 {
        width: 50vw;
        padding-right: 2vw;
    }

    .sid_pic,
    .sid_pic1 {
        width: 35vw;
        height: 100%;
    }

    .sid_pic2 {
        width: 15vw;
        height: 12vw;
    }

    .sid_pic3 {
        width: 45vw;
        height: 100%;
    }

    .pic-type5 {
        width: 19%;
        height: 100%;
    }

    .pic-type6 {
        height: 18vw;
    }

    .pic-type6-2 {
        width: 30%;
        height: 100%;
    }

    .pic-type7-1a {
        width: 59%;
    }

    .pic-type7-1b {
        width: 39%;
    }

    .pic-type7-2 {
        width: 19%;
    }

    .pic-type7-3 {
        height: 13vw;
    }

    .pic-type7-4 {
        width: 24%;
    }

    .pic-type8-1 {
        width: 30%;
        margin: 1vw 1vw;
    }

    .pic-type8-2 {
        width: 21.7%;
        margin: 1vw;
    }



    /*=======================================*/

    /*  幅760px以上 の時スタッフTEXTの位置設定    */

    /*=======================================*/

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

        .flx-v1 {}

        .flx-v2 {}

        .flx-h1 {}

        .flx-h2 {}

        .flx-vh1 {
            flex-direction: row;
        }

        .flx-vh2 {
            display: flex;
            flex-direction: row;
        }

        .flx-vh3 {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
        }

        .up-pic {
            align-self: flex-start;
        }


        .pic-type5 {}

        .pic-type6 {}

        .pic-type6-2 {}

        .pic-type7-1a {}

        .pic-type7-1b {}

        .pic-type7-2 {}

        .pic-type7-3 {}

        .pic-type7-4 {
            width: 14%;
        }

        .pic-type8-1 {}

        .pic-type8-2 {}


        @media screen and (max-height: 400px) {
            .flx-vh1 {
                flex-direction: row;
            }
        }

        /*==================================*/

        /*  横幅、1100px以上                  */

        /*==================================*/

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


            .flx-vh3 {
                flex-direction: row;
            }

            .block_1 {
                width: 715px;
                padding-right: 22px;
            }

            .block_3 {
                width: 550px;
                padding-right: 22px;
            }


            .pic-type5 {
                width: 19%;
                height: 100%;
            }

            .pic-type6 {
                height: 198px;
            }

            .pic-type6-2 {
                width: 30%;
                height: 100%;
            }

            .pic-type7-1a {
                width: 59%;
            }

            .pic-type7-1b {
                width: 39%;
            }

            .pic-type7-2 {
                width: 19%;
            }

            .pic-type7-3 {
                height: 143px;
            }

            .pic-type8-1 {
                margin: 10px 10px;
            }

            .pic-type8-2 {
                margin: 10px;
            }


            .sid_pic,
            .sid_pic1 {
                width: 385px;
            }

            .sid_pic2 {
                width: 165px;
                height: 132px;
            }

            .sid_pic3 {
                width: 490px;
                height: 100%;
            }

        }
    }
}