@media screen and (max-width :1000px ){
    .wrapper{
        max-width: 750px;
    
    }

    .top-visual{
        height: 100vh;
    }

    .top-image img,
    .top-image-anima img{
      height: 100vh;
    } 

    .top-image {
        position: relative;
    }

    .image-m{
        position: absolute;
        top: 0;
        right: 0; /* 画像を右寄りに配置 */

    }



    .top-image-anima-s img{
        width: 990px;
        height: 990px;
    }

    .responsive-image {
        max-width: 70%;
        height: auto;
    }

    .header-menu p{
        margin: 0 2rem 0 2rem;
    }

    .catchphrase{
        position: absolute;
        top:4.3rem;
        left: 14%;
    }

    .service_container{
        height: 24rem;
      }


}



@media screen and (max-width :767px ){
    .wrapper{
        max-width: 350px;
    
    }
    
    .top-visual{
        height: 30vh;
        overflow-x: hidden; /* 横方向のオーバーフローを非表示にする */
    }

    .image-m{
        right: 0; /* 画像を右寄りに配置 */

    }

    .top-logo{
        margin-top: 0.2rem;
        font-size: 0.8rem;

    }

    
  .top-logo p{
    padding-left: 1rem;
  }

    .catchphrase{
        position: absolute;
        top:2rem;
        left: 14%;
    }

    .catchphrase p{
        font-size: 0.7rem;
    }


    .top-image img,
    .top-image-anima img{
      height: 30vh;
    } 

    .top-image-anima-s img{
        width: 495px;
        height: 495px;
    }

    .responsive-image {
        max-width: 50%;
        height: auto;
    }

    .mobile-menu{
        display: flex;
        justify-content: space-between;
      }

    .main-menu{
        display: none;
    }

    .container{
        flex-direction: column;
        align-items: center;

    }

    .title-property{
        font-size: 1.5rem;
      }
    
    .kadomaru{
        height: 175px;
        width: 175px;
        text-align: center;
    }

    .service_container{
        width: 100%;
    }

    .service_container:nth-child(1),
    .service_container:nth-child(2) {
    border-right: none ;
    }

    .work-container {
        height: 200px;
    }

    .footer-property, footer p{
        font-size: 0.8rem;
    }
    
    .header-menu p{
        margin: 0 0.5rem 0 0.5rem;
    }

    #inquiry {
        width: 20rem;
        height: 8rem;
    }

    .work-photo-box{
        flex-direction: column;
    }
    
    .work-photo-box img{
        width: 100%;
    }

    .work-photo-box img:nth-child(1){
        margin-bottom: 1rem;
    }

    .content-hi{
        margin-top: -2rem;
    }

    .contents-area{
        min-height: 76vh;
      }

    .switchArea {
        top: 2rem;                        
    }

    .service_container{
        height: 22rem;
    }

    .searcharea{
        width: 16rem;
      }
      
      .searchsubmit{
        left:14rem;
      }

    
      .content-hi{
        margin-top: 6rem;
      }

      .nav_content {
        height: 40rem;
      }

      .favorite-star{
        margin-top: 3rem;

      }

      .pagetitle {
        font-size: 1.2rem;
      }

      .text-contents-area h3{
        font-size: 2rem;
      }


      
}