@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@300;400&family=Noto+Sans+JP:wght@700&display=swap');

/* ログインメニュー */
body {
    background-image: url(../images/アンケート背景画像.jpg);
    background-color: rgba(0, 0, 0, 0.504);
    background-blend-mode: darken;
}

.loginMenu {
    width: 400px;
    padding: 40px 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'M PLUS 1p', sans-serif;
    transform: translate(-50%, -50%);
    background-image: url(../images/アンケート背景画像.jpg);
    text-align: center;
    box-shadow: #0606068b 10px 12px;
}

.surveyOut {
    width: 600px;
    padding: 40px 10px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-family: 'M PLUS 1p', sans-serif;
    transform: translate(-50%, -50%);
    background-image: url(../images/アンケート背景画像.jpg);
    text-align: center;
    box-shadow: #0606068b 10px 12px;
}

@media (max-width: 415px) {
    .surveyOut {
        /* position: fixed; */
        top: 0%;
        left: 0%;
        transform: none;
        width: 100%;
    }
}

.staffLoginMenu {
    width: 400px;
    padding: 40px 10px;
    position: absolute;
    /* color:rgb(255, 255, 255); */
    top: 50%;
    left: 50%;
    font-family: 'M PLUS 1p', sans-serif;
    transform: translate(-50%, -50%);
    background-image: url(../images/アンケート背景画像.jpg);
    background-color: rgba(0, 255, 221, 0.706);
    background-blend-mode: darken;
    text-align: center;
    box-shadow: #0000008b 10px 12px;
}