@media screen and (max-width:1024px) {
    /* history */
    #history{
        width: 90%;
    }
    .hs_content{
        display: block;
    }
    .hs_poster{
        width: 100%;
    }
    .hs_timetable{
        width: 100%;
        margin: 5% 0;
    }
    /* greeting */
    .greetings_text p{
        font-size: 1.1rem;
        font-weight: 500;
    }
    /* intro_overview */
    .in_ov_tit{
        font-size: 1.1rem;
    }
    .in_ov_detail{
        font-size: 1rem;
    }
    .ov_detail span{
        font-size: 0.95rem;
    }
    .event_prize img{
        width: 50%;
    }
    /* speaker */
    .sp_wrap{
        gap: 3%;
    }
    .sp_pic{
        width: 100px;
        height: 100px;
    }
    .address img{
        width: 500px;
    }
}
@media screen and (max-width:900px) {
    .program_table{
        width: 100%;
    }
    .table_img{
        width: 100%;
    }
    .in_ov_content{
        display: block;
    }
    .in_ov_poster{
        width: 100%;
    }
    .in_ov_text{
        width: 100%;
        margin-left: 0;
    }
    .map_wrap{
        display: block;
    }
    .address{
        width: 100%;
        margin-top: 3%;
    }
    .address img{
        width: 600px;
    }
    #map{
        width: auto;
        height: 300px;
    }
    .greetings_text p{
        font-size: 1rem;
        font-weight: 500;
    }
    .speaker_list{
        grid-template-columns: 100%;
    }

}
@media screen and (max-width:768px) {
    /* banner */
    #banner{
        margin-top: 80px;
        padding-top: 0;
    }
    .banner img{
        content: url(../img/banner_mo.png);
    }
    .main_tit p{
        font-size: 1.2rem;
    }
    /* history */
    #history{
        width: 100%;
    }
    .hs_tit{
        font-size: 1rem;
        width: 100px;
        padding-left: 0;
    }
    .hs_detail{
        font-size: 0.9rem;
    }
    .ov_detail span{
        font-size: 0.85rem;
    }
    ul.tabs li{
        font-size: 0.9rem;
    }
    /* intro_greetings */
    .greetings_text p{
        font-size: 1rem;
    }
    /* intro_overview */
    .in_ov_tit{
        font-size: 1rem;
        width: 100px;
        padding-left: 0;
    }
    .in_ov_detail{
        font-size: 0.9rem;
    }
    .in_ov_detail a{
        font-size: 0.9rem;
    }
    /* intro_location */
    .map_wrap{
        margin: 0 auto;
    }
    #staticMap{
        width: 100%;
    }
    .address p:first-child{
        font-size: 1rem;
        font-weight: 700;
    }
    .address p{
        font-size: 0.9rem;
        font-weight: 400;
    }
    #intro #tab-4 p{
        font-size: 1rem;
    }
    .address{
        margin-top: 5%;
    }
    .address img{
        width: 400px;
    }
    .tell, .mail{
        font-size: 1rem;
    }
    /* program */
    .event_content p{
        font-size: 1rem;
    }
    .event_prize img{
        width: 60%;
    }
    /* speaker */
    #speaker{
        margin-bottom: 15%;
    }
    .speaker_content{
        padding-bottom: 5%;
    }
    .speaker_content>p{
        font-size: 1rem;
    }
    .speaker_list{
        grid-template-columns: 100%;
    }
    .sp_pic{
        width: 90px;
        height: 90px;
    }
    .sp_detail .name{
        font-size: 16px;
    }
    .sp_detail .business{
        font-size: 14px;
    }
    .per_history_detail li{
        font-size: 14px;
    }
    /* home */
    .home p{
        font-size: 0.9rem;
        font-weight: 700;
    }
    .greetings_text p{
        font-size: 0.9rem;
        font-weight: 500;
    }
    .hoste_logo{
        width: 60%;
    }
    section{
        padding-top: 10%;
    }
    .home p{
        font-size: 1rem;
        font-weight: 700;
    }
}
@media screen and (max-width:425px) {
    /* history */
    .hs_tit{
        font-size: 0.8rem;
        width: 100px;
        padding-left: 0;
    }
    .hs_detail{
        font-size: 0.8rem;
    }
    ul.tabs li{
        font-size: 0.8rem;
        padding: 5px 10px;
    }

    /* intro_greetings */
    .intro_greetings{
        width: 90%;
    }
    .greetings_text p{
        font-size: 0.8rem;
    }
    /* intro_overview */
    .intro_overview{
        width: 90%;
    }
    .in_ov_tit{
        font-size: 0.8rem;
        width: 100px;
        padding-left: 0;
    }
    .in_ov_detail{
        font-size: 0.8rem;
    }
    .ov_detail span{
        font-size: 0.75rem;
    }
    .in_ov_detail a{
        font-size: 0.8rem;
    }
    /* intro_location */
    .intro_location{
        width: 90%;
    }
    #staticMap{
        height: 200px;
    }
    .address p:first-child{
        font-size: 0.9rem;
    }
    .address p{
        font-size: 0.8rem;
    }
    .address img{
        width: 100%;
    }
    .contact{
        display: block;
        width: 90%;
    }
    #intro #tab-4 p{
        font-size: 0.9rem;
    }
    .tell, .mail{
        margin-bottom: 5%;
    }
    .tell img{
        width: 10%;
    }
    .mail img{
        width: 10%;
    }
    /* program */
    .event_content p{
        font-size: 0.8rem;
    }
    .event_btn button{
        width: 120px;
        height: 70px;
    }
    .event_btn button p{
        font-size: 0.8rem;
    }
    .event_prize img{
        width: 80%;
    }
    /* speaker */
    .speaker_content{
        padding-bottom: 10%;
    }
    .speaker_content>p{
        font-size: 0.8rem;
    }
    .sp_wrap:nth-child(-n+1){
        height: 100%;
    }
    .sp_pic{
        width: 70px;
        height: 70px;
    }
    .sp_detail .name{
        font-size: 14px;
    }
    .per_history_tit{
        font-size: 13px;
    }
    .sp_detail .business{
        font-size: 12px;
    }
    .per_history ul li{
        font-size: 12px;
    }
    .greetings_text p{
        font-size: 0.8rem;
    }
    .home p{
        font-size: 0.9rem;
        font-weight: 700;
    }
}