@media screen and (max-width:1000px){
	div.banner section article{
		width:200px;
		height:200px;
		bottom:-100px;
	}
	div.banner section div{
		margin:0px;
		padding:0px;
		/width:60%;
		margin-left:200px;
	}
	div.banner section div h1 span.institute_name{
		font-size:2em;
	}
}
@media screen and (max-width:700px){
	div.banner section div{
		margin:0px;
		padding:0px;
		width:95%;
		margin-left:5%;
	}
	div.banner section div p.tel{
		justify-content:flex-end;
		display:flex;
		margin-right:10%;
	}
	div.banner section article{
		width:150px;
		height:150px;
		bottom:-75px;
	}
	#banner p.tel input,#banner_form span.login_register input{
		height:30px;
	}
	div.banner section div{
		/height:200px;
	}
	div.banner section div h1 span.institute_name{
		font-size:1.5em;
	}
	div.banner section div h1 span.institute_part{
		margin-bottom:0.1em;
		font-size:1em;
	}
}

@media screen and (max-width:500px){
	div.banner section div h1 span.institute_name{
		font-size:40px;
	}
	div.banner section div h1 span.institute_part{
		margin-bottom:0.1em;
		font-size:0.8em;
	}
}
	
@media screen and (max-width:450px){
	div.banner section article{
		width:100px;
		height:100px;
		bottom:-50px;
	}
}