::-webkit-scrollbar {
    width: 6px;
  }

  ::-webkit-scrollbar-track {
    background: #e4e4e4; 
  }
   
  ::-webkit-scrollbar-thumb {
    background: #333; 
  }

  ::-webkit-scrollbar-thumb:hover {
    background: #555;
   } 
@media only screen and (min-width : 2600px) {
	.popup form{
		width: 30%;
	}
	header .bg{
		width: 100%;
	}
	.pt100{
		padding-top: 160px;
	}
}
@media only screen and (max-width : 2600px) {
	.popup form{
		width: 30%;
	}
	header .bg{
		width: 100%;
	}
	.pt100{
		padding-top: 160px;
	}
}

@media only screen and (max-width : 1920px) {
	header .bg{
		width: auto;
	}
}
@media only screen and (max-width : 1650px) {
	header .bg{
		height: 140px;
	}
	#main-block .table{
		margin-top: 25px;
	}
	#main-block .table{
		width: 45%;
	}
	.small-x-font, .ttl-block p, .small-font{
		font-size: 1rem;
	}
	.pt100{
		padding-top: 100px;
	}
	.popup form{
		width: 35%;
	}
}
@media only screen and (max-width : 1440px) {
	.small-x-font, .ttl-block p, .small-font{
		font-size: 0.95rem;
	}
	header .bg{
		height: 130px;
	}
	.popup form{
		width: 40%;
	}
}
@media only screen and (max-width : 1360px) {
	header .wrapper{
		width: 70%;
		margin: 0 15%;
	}
	header .bg{
		height: 125px;
	}
	.ttl{
		font-size: 1.9rem;
	}
	.medium-font{
		font-size: 1.3rem;
	}
	.large-font{
		font-size: 1.8rem;
	}
	.acontainer-60{
		width: 70%;
		margin-left: 15%;
		margin-right: 15%;
	}
	.ttl-block h2{
		font-size: 1.9rem;
	}
	header .wrapper .logo{
		width: 30%;
	}
	header .wrapper .logo img{
		width: 45px;
	}
}
@media only screen and (max-width : 1100px) {
	header .wrapper{
		width: 80%;
		margin: 0 10%;
	}
	header .wrapper .logo img{
		width: 50px;
	}
	header .wrapper .logo .logo-txt{
		margin-left: 5px;
	}
	header .wrapper .logo .logo-txt span{
		font-size: 0.6rem;
	}
	header .wrapper .logo{
		width: 30%;
	}
	header .wrapper nav{
		width: 70%;
	}
	header .wrapper nav ul li a{
		font-size: 0.8rem;
	}
	#main-block .table{
		width: 50%;
		margin-top: 15px;
	}
	.ttl, .ttl-block h2{
		font-size: 1.7rem;
	}
	.btn{
		font-size: 1rem;
	}
	.small-x-font, .ttl-block p, .small-font{
		font-size: 0.85rem;
	}
	.acontainer-60,
	.acontainer-70{
		width: 80%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.popup form{
		width: 45%;
	}
}
@media only screen and (max-width : 550px) {
	.slider-1 .slide{
		padding-top: 35px;
		flex-wrap: wrap;
	}
	.slider-1 .slide .w30{
		width: 80%;
		margin: 0 auto 15px auto;
	}
	.slider-1 .slide .w70{
		width: 100%;
	}
	.slider-1 .slide .w70 .w100{
		padding-top: 10px;
	}
	header .wrapper nav{
		display: none;
	}
	.desctop{
		display: none !important;
	}
	.mobile{
		display: inline-block !important;
	}
	header{
		background-color: #424242;
	}
	header .bg{
		display: none;
	}
	header .wrapper{
		width: 95%;
		margin: 0 2.4%;
	}
	header .wrapper .logo .logo-txt{
		display: none;
	}
	header .wrapper .logo{
		width: 50px;
	}
	.mob-nav{
		display: inline-block;
		width: 50px;
		text-align: right;
	}
	.mob-nav svg{
		fill: #fff;
		width: 40px;
	}
	.acontainer-60,
	.acontainer-70{
		width: 95%;
		margin-left: 2.4%;
		margin-right: 2.4%;
	}
	#main-block .table{
		width: 90%;
	}
	#main-block{
		height: 90vh;
	}
	.inner-25, .inner-35, .inner--25{
		width: calc(50% - 10px);
	}
	.inner-half{
		width: 100%;
	}
	.w32{
		width: 100%;
	}
	.inner-75{
		width: 100%;
	}
	.w30, .w20{
		width: 50%;
	}
	.w40{
		width: 100%;
	}
	.form-row .mr-w30{
		margin-right: 0;
	}
	.ttl, .ttl-block h2{
		font-size: 1.5rem;
	}
	footer .acontainer-60{
		flex-wrap: wrap;
	}
	.popup form{
		width: 98%;
	}
	
}
@media only screen and (max-width : 430px) {

}
@media only screen and (max-width : 380px) {

}
@media only screen and (max-width : 330px) {

}