@media screen and (max-width: 522px) {
.pc{
    display:none;       
}
.sp{
    display:block;       
}
    .topmain{
        margin-top:0px;
    }
    .logo{
        width:100%;
    }    
    .inform{
        width:100%;
    }
    a[href^="tel:"]{
    　　pointer-events: none;
    }
    .main-image {
       margin: 0 auto;
       width: 100%;
    }
    .content{
        margin-top: 170px;
        width:90%;
    }
    .content02{
        margin: 200px auto;
        width:90%;
        line-height:2rem;
    }   
    .gr-main01{
        width: 100%;
    }
    .gr-main02{
        width: 100%;
        line-height: 1.5rem;
    }
    .gr-sub02 {
        width: 100%;
    } 
    .com-main{
        width:100%;
    }
    .com-main01{
        width: 100%;
    }
    .com-main02{
        width: 100%;
        margin-top: 30px;
    }
    .com-sub01{
        line-height: 1.5rem;
        padding-left: 20px;
    }
    .title{
        font-size:16px;
    }
    .line{
        font-size: 12px;
    }
    
    .ser-main01 {
        width: 100%;
    }
    .ser-main02 {
       width: 100%;
       padding-left: 0px;
       margin-top: 40px;
    }
    
    .title02 {
       width: 100%;
    }
    .rec-sub02 {
       padding-left: 0px;
    }
    .rec-sub22 {
       width: 100%;
    }
    
    .map {
       width: 100%;
    }
    .rec-sub22 a {
       padding: 12px 100px;
    }
    .rec-sub22 p {
       margin: 30px 5px;
    }
    .title03{
       font-size: 20px;
    }        
    .access {
       margin-top: 50px;
    }
    .recruit {
       margin: 0px auto 0 auto;   
    }
    .three-point{
        width: 100%;
    }
    .three-point-exp {
        font-size: 14px;
    }
    #number {
        font-size:24px;
    }
    .s01 {
        margin-left: 0px;
    }
   .com-sub11 img{
    width: 100%;
} 
    
    
}