@media (max-width: 1500px) {
	.btn-show{
        width: 35%;
    }
    
.rental-flow{
    width: 70%;
}

.form-btn{
    width: 70%;
}

    
}
@media (max-width: 1200px) {

}
@media (min-width:900px) and (max-width: 1025px) {
    .sp-br{
        display: block;
    }
    .maps{
        width: 70%;
    }
    .text-access{
        width: 70%;
    }
    
    #content{
        height: 200px;
    }
    .form-btn{
        width: 60%;
    }
}
@media (orientation:landscape) and (max-width:1025px) {
    .sp-br{
        display: block;
    }
    .maps{
        width: 70%;
    }
    .text-access{
        width: 70%;
    }

    .form-btn{
        width: 60%;
    }
}
@media (max-width: 900px) {
    
    .sp-br{
        display: block;
    }
    
   

    .maps{
        width: 80%;
    }
    .text-access{
        width: 80%;
    }
    .contact{
        width: 75%;
    }
	#content{
        height: 150px;
    }
    .form-btn{
        width: 55%;
    }
}
@media (orientation:landscape) and (max-width:900px) {
	
}
@media (orientation:landscape) and (max-width: 769px) {

    .btn-show{
        width: 35%;
    }
    
}
@media (max-width: 769px) {
    .rental-flow{
        width: 80%;
    }
    .maps{
        width: 80%;
        height: 350px;
    }
    .btn-show{
        width: 35%;
    }
    #content{
        height: 200px;
    }
}
@media (max-width: 700px) {
    .section-title{
        margin-bottom: 6rem;
    }
    
#section2{
    margin-top: 10rem;
}
#section3{
    margin-top: 20rem;
}
#section4{
    margin-top: 20rem;
    }
    #section5{
        margin-top: 20rem;
    }
    #section6{
        margin-top: 20rem;
    }
    #section7{
        margin-top: 20rem;
    }
    #section8{
        margin-top: 20rem;
        margin-bottom: 10rem;
    }

    .btn-show{
        margin-top: 5rem;
    }
    
}
@media (max-width: 599px) {
   
    
}
@media (max-width: 480px) {
  
    .main-visual{
        display: none;
    }
    .main-visual-responsiv{
        display: block;
        width: 100%;
    }
    .title-div{
        position: absolute;
        top: 20%;
        left: 50%;
        transform: translate(-50%,-20%);
        text-align: center;
        width: 95%;
    }
    .main-title{
        font-size:2.8rem;
        }
        .sub-title{
        font-size: 1.8rem;
        }

        .section-title{
        font-size:   clamp(1.5rem, 0.5rem + 5vw, 2rem);
        }
      
        .news	{
            width: 95%;
        }
        

           
           .service{
            display: block;
            margin-left: auto;
            margin-right: auto;
              height: auto;
          }
          .service-inner{
            width: 100%;
            height: 100%;
            margin-bottom: 10rem;
        }
        .service-name{
            font-size:clamp(1.2rem, 6vw, 1.8rem);
        }
        .service-discriptipn{
            font-size: clamp(1rem, -0.2rem + 6vw, 1.6rem);
        }
          
        
        .drone-box{
            display : block;
            flex-wrap: wrap;
        width: 100%;
            height: 100%;
        }
        .drone-inner{
            flex-wrap: wrap;
            text-align: center;
            width: 60%;
            height: 33%;
            margin: 5rem 2rem 5rem 2rem;
            margin-left: auto;
            margin-right: auto;
        }
        .drone-name{
            font-size:clamp(1.5rem, 0.5rem + 5vw, 2rem);
        }
        .drone-price{
            font-size:clamp(1.5rem, 0.5rem + 5vw, 2rem);
        }
        .btn-show{
            width: 50%;
            margin-top: 12rem;
        }
        .rental-flow{
            width: 100%;
        }

        .company-introduction li{
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
        }
      

        .inner1-access{
            font-size: clamp(0.8rem, -0.6rem + 7vw, 1.5rem);
        }
        .inner2-access{
            font-size: clamp(0.8rem, -0.6rem + 7vw, 1.5rem);
        }
        
        .contact{
            width: 90%;
        }
        .form{
            width: 100%;
        }
        #userName,#email,#tell{
            width: 80%;
            height: 50px;
            margin-bottom: 5%;
        }
        #content{
            width: 80%;
            margin-top: 5%;
        }
    
        
        
}
@media (max-width: 450px) {
    .btn-show{
        width: 60%;
        margin-top: 15rem;
    }
    .rental-flow{
        width: 100%;
    }
    .maps{
        height: 300px;
    }
    #userName,#email,#tell{
        height: 25px;
    }
    #content{
        height:250px;
    }
    .form-btn{
        width: 70%;
    }
    
    
}
@media (max-width: 376px) {
    .btn-show{
        margin-top: 10rem;
    }
    .maps{
        height: 250px;
    }
    #content{
        height:160px;
    }
 
}
@media (max-width: 321px) {
    #userName,#email,#tell{
        height: 20px;
    }
    #content{
        height:150px;
    }
}