@media screen and (max-width: 850px) {
    form span{
        color: #F60104;
    }
    label{
        display: block;
        /* width: 350px; */
    }
    form{
        /* width: 1000px; */
        font-size: 4vw;
        margin: 0 auto;
    }
    input{
        width: 85vw;
        height: 10vw;
        margin: 20px auto;
        font-size: 18px;
        background-color: #FFF;
        border: 0.1px solid #e0e0e0;
    }
    select{
        width: 240px;
        height: 35px;
        font-size: 16px;
        margin: 20px 0;
        background-color: #FFF;
        border: 0.1px solid #e0e0e0;
    }
    textarea{
        width: 90vw;
        height: 40vw;
        margin: 20px 0;
        font-size: 18px;
    }
    .main_contents{
        background-color: #FFF;
    }
    .form_title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #b44c97;
    }

    .form_title h1{
        color: #b44c97;
        font-size: 6vw;
        background-color: #FFF;
        width: 100%;
        height: 10vw;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
    }
    .form_title img{
        height: 25vw;
    }
    .form_flex_box{
        justify-content: space-evenly;
        border-bottom: 0.1px solid;
        align-items: center;
        padding: 3vw;
        width: 94vw;
    }
    .address_label{
        font-size: 4.5vw;
    }
    .address_box{
        margin: 20px 0;
    }
    .input_box{
    }
    .genre_input_box{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .genre_input_box input{
        width: 20px;
        height:20px;
    }
    .genre_input_box label{
        padding-left: 8px;
        width: 140px;
    }
    .submit_box{
        display: flex;
        justify-content: space-around;
    }
    .submit_box input{
        height: 13vw;
        width: 45vw;
    }
    .submit{
        background-color: #006598;
        color: #FFFFFF;
    }
    .reset_button{
        background-color: #FFF;
        border: 0.1px solid #e0e0e0;
    }
    .confirm_table{
        /* width: 1000px; */
        margin: 0 auto;
    }
    .confirm_label{
        width: 25vw;
        height: 10vw;
        vertical-align: middle;
        align-items: center;
        background-color: #006598;
        color: #FFFFFF;
        padding: 2vw;
        font-size: 3.5vw;
    }
    .confirm_content{
        /* width: 670px; */
        background-color: #FFF;
        padding: 15px 0 15px 35px;
        vertical-align: middle;
        word-break: break-all;
    }
    .confirm_table tr{
        border: 3px solid #F6F5F1;
    }
    .confirm_h1{
        /* width: 450px; */
        height: 18vw;
        background-color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 8px double #006598;
        border-bottom: 8px double #006598;
        margin: 40vw auto 5vw auto;
        font-size: 6vw;
    }
    .confirm_p{
        /* width: 700px; */
        padding: 5vw;
        margin: 0 auto 15px auto;
        font-size: 4vw;
    }
    .top_button{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #69b076;
        color: #FFF;
        height: 13vw;
        font-size: 5.5vw;
        margin: 2.5vw  auto;
        width: 90vw;
    }

}

@media screen and (min-width: 850px) {
    form span{
        color: #F60104;
    }
    label{
        display: block;
        width: 350px;
    }
    form{
        width: 1000px;
        font-size: 18px;
        margin: 0 auto;
    }
    input{
        width: 460px;
        height:30px;
        margin: 20px 0;
        font-size: 18px;
        background-color: #FFF;
        border: 0.1px solid #e0e0e0;
    }
    select{
        width: 240px;
        height: 35px;
        font-size: 16px;
        margin: 20px 0;
        background-color: #FFF;
        border: 0.1px solid #e0e0e0;
    }
    textarea{
        width: 460px;
        height:200px;
        margin: 20px 0;
        font-size: 18px;
    }
    .main_contents{
        background-color: #FFF;
    }
    .form_title{
        display: flex;
        justify-content: space-between;
        align-items: center;
        background-color: #b44c97;
    }

    .form_title h1{
        color: #b44c97;
        font-size: 30px;
        height: 100px;
        background-color: #FFF;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
    }
    .form_title img{
        height: 180px;
    }
    .form_flex_box{
        display: flex;
        justify-content: space-evenly;
        border-bottom: 0.1px solid;
        align-items: center;
    }
    .address_label{
        width: 350px;
        /* text-align: center; */
    }
    .address_box{
        width: 500px;
        margin: 20px 0;
    }
    .input_box{
        width: 500px;
    }
    .genre_input_box{
        display: flex;
        justify-content: space-around;
        align-items: center;
    }
    .genre_input_box input{
        width: 20px;
        height:20px;
    }
    .genre_input_box label{
        padding-left: 8px;
        width: 140px;
    }
    .submit_box{
        display: flex;
        justify-content: space-around;
    }
    .submit_box input{
        height: 70px;
    }
    .submit:hover{
        background-color: #FFF;
        color: #000000;
        border:1px solid #006598;
        transition: 0.3s;

    }
    .submit{
        background-color: #006598;
        color: #FFFFFF;
    }
    .reset_button{
        background-color: #FFF;
        border: 1px solid;
    }
    .confirm_table{
        width: 1000px;
        margin: 0 auto;
    }
    .confirm_label{
        width: 320px;
        height: 40px;
        vertical-align: middle;
        align-items: center;
        background-color: #006598;
        color: #FFFFFF;
        padding: 10px 0 10px 30px;
    }
    .confirm_content{
        width: 670px;
        background-color: #FFF;
        padding: 15px 0 15px 35px;
        vertical-align: middle;
        word-break: break-all;
    }
    .confirm_table tr{
        border: 3px solid #F6F5F1;
    }
    .confirm_h1{
        width: 450px;
        height: 80px;
        background-color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        border-top: 8px double #006598;
        border-bottom: 8px double #006598;
        margin: 60px auto 20px auto;
        font-size: 30px;
    }
    .confirm_p{
        width: 700px;
        padding:20px;
        margin: 0 auto 15px auto;
        font-size: 18px;
    }
    .top_button{
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #69b076;
        color: #FFF;
        height: 60px;
        font-size: 30px;
        margin: 0px auto;
        width: 500px;
    }
}





