@supports (-webkit-touch-callout: none) {
    html {
        /* The hack for Safari */
        height: -webkit-fill-available;
    }

    body {
        min-height: -webkit-fill-available;
    }
}

html {
    width: 100vw;
    height: 100vh;
}

body {
    width: 100vw;
    height: 100vh;
    font-size: 5vw;
}

#eStartLogo {
    margin-bottom: 3%;
    max-height: 10%;
}

#eStartDesc {
    margin: 0 5vw 5vw;
    font-size: 80%;
}

#eMovie {
    object-fit: cover;
    object-position: center;
}

#eContSec {
    width: 100%;
    height: 100%;
}

.eModal {
    /*text-shadow: 0em 0em 0.2em #000, 0.1em 0.1em 0.3em #000;*/
    /*height: 70%;
    width: 80%;*/
    height: 80%;
    width: 90%;
}

.eModalFormWrap {
    flex-direction: column;
}

.eModalImg {
    width: 100%;
    height: auto;
}

.eSubMovie {
    display: block;
}

.eModalTitle {
    position: static;
    margin-top: unset;
    padding: 3% 3% 0;
    line-height: 1.6;
}

.eModalSubTitle {
    /*    position: static;
        margin-top: unset;
        padding: 0 3% 2%;
        line-height: 1.6;
        text-align: right;*/
}

.eModalForm {
overflow: hidden;

}
.eModalForm >div {
    padding: 3% 3% 6%;
    /*-webkit-overflow-scrolling: auto;
    overflow-scrolling: touch;*/
    overflow-y: scroll;
    height: 100%;
    box-sizing: border-box;
}
/*div[data-type="form"] .eModalForm {
    max-height: 80vw;
}*/

.eModalFormCustomer > div > label {
    font-size: 80%;
}

#eStartSecSP {
    background-image: none !important;
}

.eBlankGif {
    display: none;
    /*width: 100%;
    height: 40%;*/
}

.eModalImg video {
    position: static;
}
.eModalSubImg {
    position: static;
/*    width: auto;
    height: 60%;
    margin: 0 auto;
    display: block;*/
}

body.eSurveyAdminPage {
    font-size: inherit;
}

#eScreenButton {
    top: 6.5%;
    left: 5%;
    width: 4%;
    bottom: unset;
}

#login {
    padding: 0 10vw;
}
#eEqCheckInWrap {
    padding: 5vw 0;
    width: auto;
}
#eEqQrCode {
    width: 50%;
    margin: 0;
    padding: 0;
}
#eEqQrCode canvas {
    width: 100%;
}
#eEqQrCode img {
    width: 100%;
    height: 100%;
}
#eEqCheckInLogo {
    font-size: 4.4vw;
}
#eEqAnswerDate {
    font-size: 3.2vw;
    margin-bottom: 2em;
 }

#eEqCheckInCaution > div{
    font-size: 4vw;
    margin-bottom: 0.5em;
}

#eEqCheckInCaution > p{
    font-size: 3.4vw;
    color: #F00;
    line-height: 1.8;
}