@media (max-width: 767px) {
    .pc{
        display: none;
    }

    .sp{
        display: block;
    }

    iframe{
        width: 100%;
    }

    .top-bnr .col-md-6 img{
        width: 100%;
    }

    .inner-content{
        margin:20px 0;
    }

    .offset-2{
        margin-left: 0;
    }

    .ser01,.ser03{
        flex-direction: column;
    }

    .ser02{
        flex-direction: column-reverse;
    }

    .ser01 h3,.ser02 h3,.ser03 h3{
        margin-top: 20px;
    }

    .comp-table,.recruit-text {
        width: 100%;
    }
    .comp-table th,.comp-table td,.recruit-text th,.recruit-text td {
        display: block;
        width: 100%;
    }

}