div.event_search{
    width:996px;
    margin:20px auto 0 auto;
    background-image:url('../images/search_bg.webp');
    padding:1%;
}
    div.event_search h2{
        color:#fff;
    }
    div.search_items{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-top: 20px;
    }
        div.search_items div.search_item{
            width: 31%;
        }
            div.search_items div.search_item div.title{
                color: #fff;
                font-weight: bold;
            }
            div.search_items div.search_item div.item{
                display: flex;
                align-items: center;
                width: 100%;
                color: #fff;
            }
                div.search_items div.search_item div.item input[type="text"]{
                    width: 100%;
                    height: 40px;
                    box-sizing: border-box;
                    border: 1px solid #dfdfdf;
                    padding: 8px 8px 8px 8px;
                    border-radius: 5px;
                }
                div.search_items div.search_item div.item input[type="date"]{
                    width: 100%;
                    height: 40px;
                    box-sizing: border-box;
                    border: 1px solid #dfdfdf;
                    padding: 8px 8px 8px 8px;
                    border-radius: 5px;
                }
                div.search_items div.search_item div.item select{
                    height: 40px;
                }
        div.search_items div.keyword{
            width:65%;
            margin-top: 30px;
        }
        div.search_items div.btn{
            width: 31%;
            display: flex;
            align-items: flex-end;
        }
            div.search_items div.btn input{
                background: #00bfcb;
                border: 0;
                width: 100%;
                padding: 1%;
                color: #fff;
                font-size: 20px;
                font-weight: bold;
                cursor: pointer;
                transition: 0.4s;
            }
@media screen and (max-width: 593px) {
    div.event_search{
        width: 100%;
        margin-top: 0;
        background-image:url('../images/bg_sp.png');
        background-size: 100% 100%;
    }
    div.search_items{
        background: rgba(98,190,205,0.6);
        padding: 2%;
        border-radius: 10px;
    }
    div.event_search h2{
        font-size: 5vw;
        margin-top: 10px;
    }
    div.cour_type_btn{
        margin-bottom: 0;
    }
    div.search_items div.btn input{
        height: 40px;
    }
    div.main div.search div.search_list_title{
        font-size: 5vw !important;
    }
}