@media screen and (max-width: 767px) {
    .main{
        margin-top: 50px;
    }

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

    .main-title h2 br{
        display: block;
    }

    .main-title p{
        font-size: 16px;
    }

    .about{
        padding: 50px 0;
    }

    .about-text h3{
        font-size: 20px;
    }

    .about-text p,.works-content figure ,.works-text,.license{
        width: 90%;
    }

    p{
        font-size: 15px;
        line-height: 1.5em;
    }

    .works-content,.anshin-content,.tel-contact dl,.page-jump,.foot-link{
        flex-direction: column;
    }

    .anshin-text{
        width: 100%;
    }

    .anshin-title h3 span{
        font-size: 26px;
    }

    .anshin-text{
        margin: 0 auto;
    }

    .anshin-text h4{
        font-size: 24px;
    }

    .title h3{
        font-size: 30px;
    }

    .syain-info{
        align-items: start;
    }

    .syain-name{
        padding: 20px;
    }

    .syain-name dl{
        margin-bottom: 0;
    }

    .syain-name dd{
        font-size: 24px;
    }

    .syain-name dd span{
        display: block;
        padding-left: 0;
    }

    .nyusya h4{
        font-size: 16px;
    }

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

    .recr-info-content th{
        border-right: 0;
        border-bottom: 1px solid white;
    }

    .recr-info-content td{
        padding-left: 0;
    }

    .tel-contact h4{
        font-size: 20px;
    }

    .tel-contact a{
        font-size: 40px;
    }

    .tel-contact dd{
        font-size: 20px;
    }

    footer img{
        width: 50%;
    }

    .page-jump li,.foot-link li{
        margin: 0px;
        text-align: center;
    }

}