body {
    font-family: "Helvetica Neue",
        Arial,
        "Hiragino Kaku Gothic ProN",
        "Hiragino Sans",
        Meiryo,
        sans-serif;
}

#touchArea {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 10;
}

@media(orientation: portrait) {
    .imageSet img {
        position: fixed;
        margin-bottom: 25svh;
        margin-top: 35svh;
        left: calc(50vw - 18svh);
        height: 44svh;
        z-index:1;
    }

    #explain_usage {
        position: fixed;
        top: 5svh;
        left: 1svw;
        font-size: 7svw;
        color: rgb(146, 39, 143);
        z-index: 1;
    }

    #textPos {
        position: fixed;
        top: calc(28.5svh - 3.5vw);
        left: calc(50svw - 17.6svh);
        z-index: 1;
    }

    #title_phrase {
        position: relative;
        font-size: 3.2svh;
        z-index: 1;
    }

    #start_phrase {
        position: relative;
        top: 50svh;
        left: 6.4svh;
        font-size: 2.8svh;
        color: grey;
        z-index: 1; 
    }

    #useEng {
        position: fixed;
        top: 92svh;
        height: 5svh;
        width: 40svw;
        left: 55svw;
        font-size: 3.5svh;
        color: grey;
        z-index: 20;
    }


}

@media(orientation: landscape) {
    #explain_usage {
        position: fixed;
        top: 5svh;
        left: 42svw;
        font-size: 5svw;
        color: rgb(146, 39, 143);
        z-index: 1; 
    }


    .imageSet img {
        position: fixed;
        margin-right: 44%;
        margin-left: 8%;
        width: 32vw;
        top: calc(50svh - 19vw);
        z-index: 1; 
    }

    #textPos {
        position: fixed;
        top: calc(48svh - 3.5vw);
        left: 44vw;
        z-index: 1; 
    }

    #title_phrase {
        position: relative;
        font-size: 3.5vw;
        z-index: 1; 
    }

    #start_phrase {
        position: relative;
        top: 0.5vw;
        left: 14vw;
        font-size: 2.5vw;
        color: grey;
        z-index: 1; 
    }

    #useEng {
        position: fixed;
        top: 85svh;
        height: 12svh;
        width: 20svw;
        left: 75svw;
        font-size: 2.5svw;
        color: grey;
        z-index: 20;
    }
}

body {
    background-color: #f3f3f3;
}