@media screen and (max-width: 767px) {
    .tp-ser-title h3,.tp-ser-etc li,.title p,.ser-description p,.content-title-b h4,.point-text h4,.inter-ans h5,.pripoli h3{
        font-size: 16px;
    }

    .news-content th,.news-content td,.tp-ser-text p,.pagejump li a,.tp-recr-text p,.foot-sitemap a,.gre-text p,.comp-pro-content th, .comp-pro-content td, .comp-info-content th, .comp-info-content td, .recr-information th, .recr-information td,.content-title-b p,.content-title-s p,.recr-title p,.point-text p,.inter-ans p,.recr-information p,.contact-text p,.contact-text li,.pripoli p,.pripoli li{
        font-size: 14px;
    }

    .tp-ser-title p,.tp-comp-text p,.foot-copy{
        font-size: 12px;
    }

    .nav{
        justify-content: space-between;
    }

    .navbar-brand{
        width: 40%;
    }

    .navbar-toggler{
        border-color: rgba(0, 0, 0, 0);
    }

    .navbar-toggler:focus{
        box-shadow: none;
    }

    .grnv{
        width: 100%;
        border-radius: 0;
        background-color: rgba(255, 255, 255, 0.7);
    }

    .grnv ul{
        width: 100%;
    }

    .grnv li{
        text-align: center;
    }

    .main{
        height: 100%;
    }

    #video{
        display: block!important;
        width: 100%;
    }

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

    .tp-service .col-md-8{
        width: 95%;
    }

    .tp-ser-title h2{
        font-size: 30px;
    }

    .tp-ser-text{
        width: 100%;
    }

    .tp-ser-text p{
        line-height: 1.5em;
    }

    .tp-ser-btn ul{
        flex-wrap: wrap;
    }

    .tp-ser-btn li{
        margin: 10px 0;
    }

    .tp-company{
        margin: 100px 0;
    }

    .tp-company a{
        width: 80%;
        margin: 20px auto;
    }

    .tp-comp-text h3{
        font-size: 15px;
    }

    .tp-comp-link i{
        font-size: 20px;
    }

    .tp-contact-link,.ser-yoko,.ser-content2,.comp-info,.sup-content ul,.point-content,.tp-company .col-md-10,.inter-name dl{
        flex-direction: column;
    }

    .tp-recruit{
        flex-direction: column-reverse;
    }

    .tp-recr-title h2{
        font-size: 34px;
    }

    .tp-recr-img img{
        height: 200px;
        object-fit: cover;
        object-position: 0% 15%;
    }

    .tp-recr-content,.tp-recr-img,.tp-recr-title,.tp-recr-text{
        width: 100%;
    }

    .tp-tel a,.tp-mail a,.tp-recr-text a{
        width: 100%;
    }

    .tp-tel a,.tp-mail a{
        font-size: 18px;
        height: 50px;
        line-height: 50px;
    }

    .tp-contact{
        margin-bottom: -30px;
    }

    footer{
        flex-wrap: wrap;
    }

    footer .foot-logo{
        width: 70%;
        margin: 0 auto;
    }

    .foot-content{
        width: 100%;
    }

    .title{
        width: 70%;
        margin-top: -50px;
    }

    .title h2{
        font-size: 24px;
    }

    .ser-content,.ser-img,.ser-s,.comp-info-content,.sup-content li,.point-bg{
        width: 100%;
    }

    .content-title-b h3,.recr-about h4{
        font-size: 24px;
    }

    .ser-text p,.tp-recr-text p{
        line-height: 1.5em;
    }

    .ser-btn{
        width: 50%;
    }

    .pagejump li a{
        letter-spacing: 1px;
    }

    .gre-text h3{
        font-size: 26px;
    }

    .gre-text h3 span{
        font-size: 36px;
    }

    .gre-text p{
        line-height: 1.5em;
    }

    .name img{
        width: 50%;
    }

    .comp-pro-content th,.comp-pro-content td,.comp-info-content th,.comp-info-content td,.recr-information th,.recr-information td{
        display: block;
        width: 100%;
    }

    .recruit{
        margin: 50px 0;
    }

    .recr-title h2{
        font-size: 26px;
    }

    .recr-about p{
        line-height: 1.5em;
    }

    .recruit .content-title-b{
        margin-top: 50px;
    }

    .recr-information td{
        padding: 10px 20px;
    }

    iframe{
        width: 100%;
    }

    .sup-content li{
        font-size: 20px;
        height: 100%;
        padding: 10px 0;
        margin: 20px 0;
    }

    .sup-content li br{
        display: none;
    }

    .inter-content{
        margin-top: 50px;
    }

    .inter-comm h4{
        font-size: 20px;
    }

    .inter-name dl{
        align-items: flex-start;
    }

    .inter-name dt{
        font-size: 24px;
        margin-top: 5px;
    }

    .inter-name dd{
        padding-left: 0;
    }

    .tel1 img{
        width: 80%;
    }

    .tel2 img{
        width: 50%;
    }

    .pripoli{
        margin-top: 10px;
    }

}