.survey {
    margin: 0 auto;
    border: solid 1px white;
    border-color: white;
    border-radius: 10px;
    background-color: white;
    text-align: center;
    vertical-align: middle;
}

.blank1 {
    width: 100%;
    height: 100px;
}

.message {
    color: #C18E8C;
    font-size: 1.2em;
}

.bottom_area {
    position: absolute;
    bottom: 10%;
}

.button_group {
    width: 80%;
    height: 10em;
    margin: 0 auto;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}

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

@media screen and (max-width:480px) {
    body {
        width: 100%;
    }

    main {
        width: 100%;
    }

    .bg-image {
        background: url('/assets/img02/service/furdi/bg.png') no-repeat 0 0 / cover;
        height: 100vh;
        width: 100%;
    }

    .headers {
        width: 100%;

    }

    .survey1 {
        width: 90vw;
        height: 10em;
    }

    .survey2 {
        width: 90vw;
        height: 13em;
    }
}

@media screen and (min-width:481px) {
    body {
        width: 100%;
    }

    main {
        width: 40%;
        margin: 0 auto;
    }

    .bg-image {
        background: url('/assets/img02/service/furdi/bg.png') no-repeat 0 0 / cover;
        height: 100vh;
        width: 100%;
    }

    .headers {
        width: 100%;

    }

    .survey1 {
        width: 80%;
        height: 10em;
    }

    .survey2 {
        width: 80%;
        height: 13em;
    }

    .bottom_area {
        width: 40%;
    }   
}