/* ===================================================
	★ 画面の横幅が500px以下の設定
=================================================== */

@media screen and (max-width: 500px) {

    .title_img {
        width: 50%;
        height: auto;
        z-index: 99;
    }

    .menu_01,
    .menu_02,
    .menu_03,
    .menu_04,
    .menu_05,
    .menu_06,
    .menu_07,
    .menu_08 {
        width: 50%;
        height: auto;
        z-index: 50;
    }

    .menu_09,
    .menu_10 {
        width: 50%;
        height: auto;
        z-index: 40;
    }

    .menu_11,
    .menu_12 {
        width: 50%;
        height: auto;
        z-index: 60;
    }

    .menu_13 {
        width: 20%;
        height: auto;
    }

}

/* ===================================================
	★ 画面の横幅が501px～1000pxの設定
=================================================== */

@media screen and (min-width: 501px) and (max-width: 1000px) {

    .title_img {
        width: auto;
        height: 50% !important;
        z-index: 99;
    }

    .menu_01,
    .menu_02,
    .menu_03,
    .menu_04,
    .menu_05,
    .menu_06,
    .menu_07,
    .menu_08 {
        width: 40%;
        height: auto;
        z-index: 50;
    }

    .menu_09,
    .menu_10 {
        width: 40%;
        height: auto;
        z-index: 40;
    }

    .menu_11,
    .menu_12 {
        width: 30%;
        height: auto;
        z-index: 60;
    }

    .menu_13 {
        width: 10%;
        height: auto;
    }

}

/* ===================================================
	★ 画面の横幅が1001px以上の設定
=================================================== */

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

    .title_img {
        width: auto;
        height: 70% !important;
        min-height: 70%;
        max-height: 70%;
    }

    .menu_01,
    .menu_02,
    .menu_03,
    .menu_04,
    .menu_05,
    .menu_06,
    .menu_07,
    .menu_08 {
        width: 40%;
        height: auto;
        min-width: 40%;
        max-width: 40%;
    }

    .menu_09,
    .menu_10 {
        width: 30vw !important;
        min-width: 30%;
        max-width: 30%;
        height: auto;
    }

    .menu_11,
    .menu_12 {
        width: 40vw !important;
        min-width: 40%;
        max-width: 40%;
        height: auto;
    }

    .menu_13 {
        width: 10%;
        height: auto;
    }

}