@media screen and (max-width:1024px){
    
    h2{
        font-size:40px;
        margin-bottom:90px    
    }
    
    .container{
    padding-top:80px;
}
    
    /*ここから事例*/
    .work-sentense{
        margin-top:50px;
    }
    .work-sentense h3{
        font-size:30px;
    }

    .work-sentense p{
        font-size:14px;
        width:90%;
        line-height:35px;
        text-align: left;
    }


    .work-sentense-mid h3{
        font-size:30px;
    }

    .work-sentense-mid p{
        font-size:14px;
        line-height:35px;
        width:90%;
    }

    .detail{
        font-size:14px;
    }
    
    /*ここから強み*/
    .st-contents{
        height:450px;
    }
    
    .st-contents-two{
        height:450px;
    }
    
    .st-contents h3{
        font-size:26px;
    }
    
    .st-contents-two h3{
        font-size:28px;
    }
    
    /*ここからアクセス*/
    .map{
    margin:80px 0 80px 0;
}
    .ad-sentense h4{
        font-size:20px;
    }
    
    .ad-sentense p{
        font-size:16px;
    }
    
    .foot-sentense h4{
    
    font-size:14px;
    line-height: 25px;
}
    .copy{
    font-size:6px;
    margin-top:60px;
    padding-bottom:4px;
}

}

@media screen and (max-width:768px){
    .navbar{
    background-color:rgba(255,255,255,0.8)!important;
    }

    .navbar-toggler{
        background-color:rgba(255,255,255,0.8);
    }
    
    .navbar-nav .nav-link{
        color:#00897C !important;
        font-weight: bold;
    }
    
    h2{
        font-size:35px;
        margin-bottom:90px    
    }
    
    .container{
        padding-top:80px;
    }
    .top img{
        width:100vw;
        margin:auto;
    }
    .detail{
        font-size:14px;
    }
    
    .contents img{
        padding-top:70px;
    }
    
    .contents-mid img{
        padding-top:70px;
    }
    .work-sentense{
        margin-top:30px;
    }
    
    .work-sentense-mid{
        margin-top:10px;
    }
    
    .work-sentense-mid p{
        width:100%;
    }
    
    /*ここからサービス*/
    .service .black h2{
        padding-top:80px;
        margin-bottom:80px;
    }

    .service .black h4{
        font-size:12px;
        margin:20px 0 20px 0;
    }

    .service .black p{
        font-size:12px;
        
    }
    
    /*ここから強み*/
    .strength .container{
        margin-bottom:40px;
    }
    .strength h2{
        margin-bottom:70px;
    }
    .st-contents{
        height:350px;
    }

    .st-contents img{
        margin-top:50px;
    }

    .st-contents h3{
        margin-top:20px;
        font-size:18px;
        line-height:50px;

    }

    .st-contents-two{
        height:350px;
    }

    .st-contents-two img{
        width:25%;
        margin-top:50px;
    }

    .st-contents-two h3{
        margin-top:20px;
        font-size:25px;
        line-height:50px;
    }
    
    /*ここからアクセス*/
    .map a{
        font-size:12px;
    }
    
    /*ここからfooter*/
    .footer{
    margin-top:25px;
    }
    .footer img{
        width:25%;
        margin-top:25px;
    }

    .foot-contents{
        width:90%;
        margin-top:25px;
        padding-left:40px;
    }

    .foot-sentense h4{
        font-size:12px;
        line-height: 30px;
    }

    .copy{ 
        font-size:8px;
        margin-top:40px;
        padding-left:10px;
        padding-bottom:3px;
        text-align: left;
    }
}
        

@media screen and (max-width:414px){
    
    .top img{
          width: 376px;
          height: 340px;
          object-fit: cover; /* この一行を追加するだけ！ */
            }
     .navbar{
    background-color:rgba(255,255,255,0.8)!important;
    }

    .navbar-toggler{
        background-color:rgba(255,255,255,0.8);
    }
    
    .navbar-nav .nav-link{
        color:#00897C !important;
        font-weight: bold;
    }
    
    .navbar-brand{
          height: 30px;
          width: 30px;
    }  
    
    .container{
        padding-top:50px;
        max-width:900;
    }

    h2{
        font-weight: bold;
        font-size:30px;
        margin-bottom:60px;
    }
    
    /*ここから事例*/
    .contents{
        width:100%;
        padding-bottom:90px;
        margin:auto;
    }

    .contents-mid{
        width:100%;
        padding-bottom:90px;
        margin:auto;
    }

    .work-sentense{
        margin-top:30px;
    }
    
    .work-sentense-mid{
        margin-top:30px;
    }


    .work-sentense h3{
        font-size:25px;
        text-align: center;
    }

    .work-sentense p{
        font-size:12px;
        line-height:30px;
        width:100%;
        margin-bottom:30px;
        text-align: left;
    }

    .work-sentense-mid h3{
        font-size:25px;
        text-align: center;
    }

    .work-sentense-mid p{
        font-size:12px;
        line-height:30px;
        width:100%;
        margin-bottom:30px;
        text-align: left;
    }

    a.detail{
        font-size:14px;
    }
    
      .work-sentense-mid:nth-of-type(1) { order: 2; }
        .work-img-mid:nth-of-type(2) { order:1; }
    
    /*ここからサービス*/
   .service .black{
        width:90vw;
    }
    
    .se-contents{
        padding-bottom:80px;
    }

    .se-contents img{
        width:40%;
    }

    .service .black h2{
        padding-top:50px;
        margin-bottom:70px;
    }

    .service .black h4{
        margin:20px 0 18px 0;
        font-size:18px;
    }

    .service .black p{
        font-size:16px;
        text-align: left !important;
        padding-bottom:5px;
    }
    
    .service .black br{
        display: none;
    }

    .service-contents{
        padding-bottom:95px;
    }
    
    .black .detail{
        font-size:16px;
    }
    
    
    /*ここから強み*/

    .strength .container{
        margin-bottom:60px;
    }
    .strength h2{
        margin-bottom:50px;
    }


    .st-contents{
        background-color:#FBFBFD;
        height:300px;
        width:100%;
        margin-bottom:20px;
    }

    .st-contents img{
        margin-top:50px;
        width:50%;
    }
    
    .st-contents-one img{
        margin-top:20px;
    }

    .st-contents h3{
        margin-top:10px;
        font-size:18px;
        line-height:35px;

    }

    .st-contents-two{
        height:300px;
    }

    .st-contents-two img{
        width:25%;
        margin-top:60px;
    }

    .st-contents-two h3{
        margin-top:10px;
        font-weight: bold;
        font-size:18px;
        line-height:35px;
    }

    /*ここからアクセス*/
    
    .access h2{
        margin:50px 0 50px 0 !important;
        padding-top:50px;
    }
    .access .black{
        width:90vw;
    }

    .access .container{
        margin-bottom:30px;
    }
    
    .access img{
        width:90vw;
    }

    .map{
        margin:50px 0 50px 0;
    }

    .map a{
        font-size:12px;
        padding:16px 50px 16px 50px;
    }

    .ad-sentense h4{
        margin-top:50px;
        text-align: center;
    }

    .ad-sentense p{
        margin-top:30px;
        text-align: center;
        font-size:14px;
        margin-bottom:60px;
    }
    
    /*ここからfooter*/

    .footer{
        margin-top:30px;
    }
    
    .footer img{
        width:40%;
        margin-top:20px;
    }

    .foot-contents{
        width:90%;
        margin-top:50px;
        padding-right:35px;
    }

    .foot-sentense h4{
        text-align:center;
        font-size:10px;
        line-height: 20px;
    }

    .copy{
        font-size:8px;
        margin:auto;
        margin-top:10px;
        padding:30px 10px 50px 10px;
        text-align: center;
    }
    
}