
@media screen and (max-width: 750px) {
    #topicpathArea.pc {
        display: none;
    }
    #company_search .sp {
        display: block;
    }
    .topicpath.sp {
        display: block;
        max-width: 100%;
        float: none;
        width: auto;
        margin: 10px 15px;
        padding: 0;
        background-image: none;
        line-height: 1.75;
        color: #4d4d4d;
        overflow-x: scroll;
        word-break: keep-all;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
    }
    #company_search .mainvisual {
        height: auto;
        padding: 30px;
    }
    #company_search .mainvisual .logo_area {

    }
    #company_search .mainvisual .logo_area p {
        font-size: max(14px, 3vw);
    }
    #company_search .mainvisual .info .schedule .date {
        font-size: 18px;
    }
    #company_search .mainvisual .info .schedule .time {
        font-size: 18px;
    }
    #company_search .mainvisual .info .place {
        font-size: 18px;
    }
    #company_search .company_search_nav {
        width: 90%;
    }
    #company_search .company_search_nav p {
        font-size: 18px;
        padding: 0 10px;
    }
    #company_search .company_search_nav nav ul {
        flex-direction: column;
        align-items: center;
    }
    #company_search .company_search_nav nav ul li {
        width: 80%;
    }


    #company_search .company_search_page_title .inner {
        font-size: 18px;
    }
    #company_search .company_search_page_title .inner span {
        font-size: 24px;
    }

    #company_search .btn_wrap .btn {
        padding: 0 15px;
    }

    #company_search .floating {
        padding: 20px 15px;
    }

    #company_search .resultListWrapper .resultList {
        gap: 20px 10px;
    }
    #company_search .resultListWrapper .resultList .resultItem {
        width: calc(50% - 5px);
    }

    #company_search .resultListWrapper .resultList .resultItem .boothInfo {
        flex-direction: column;
    }
    #company_search .resultListWrapper .resultList .resultItem .boothInfo .booth,
    #company_search .resultListWrapper .resultList .resultItem .boothInfo .area {
        width: 100%;
    }

    #company_search .resultListWrapper.balloon {
        max-width: 90%;
    }
    .resultBalloon {
        width: calc(45vw - 10px);
        height: 32.4vw;
    }
    .resultBalloon[data-bg="1"] {
        background-image: url(../img/bg_sp_1@2x.png);
    }
    .resultBalloon[data-bg="2"] {
        background-image: url(../img/bg_sp_2@2x.png);
    }
    .resultBalloon[data-bg="3"] {
        background-image: url(../img/bg_sp_3@2x.png);
    }
    .resultBalloon[data-bg="4"] {
        background-image: url(../img/bg_sp_4@2x.png);
    }
    .resultBalloon[data-bg="5"] {
        background-image: url(../img/bg_sp_5@2x.png);
    }
    .resultBalloon[data-bg="6"] {
        background-image: url(../img/bg_sp_6@2x.png);
    }
    .resultBalloon[data-bg="7"] {
        background-image: url(../img/bg_sp_7@2x.png);
    }
    .resultBalloon[data-bg="8"] {
        background-image: url(../img/bg_sp_8@2x.png);
    }
    .resultBalloon .companyCopy {
        height: 28vw;
    }
    .resultBalloon .companyCopy p {
        font-size: 3.5vw;
    }
}