@media screen and (max-width: 979px){
	#fullwide{ padding: 3rem 1.5rem;}
}
@media screen and (max-width: 800px){
	body{ font-size: 15px;}
	.on_bottom{ flex-direction: column; gap: 1.5rem; justify-content: center; align-items: center;}
	.notice{ flex-direction: column; align-items: center; gap: 1.2rem;}
	.notice .text{ text-align: center;}
	.redirect{ display: none;}
	.on_top{ padding: 2rem}
	#about{ padding: 1rem 0 2rem;}
	#news{ border: none; background-color: transparent; padding: 0;}
	#news .news-heading{ margin-bottom: 1.5rem;}
	.news-list{ grid-template-columns: repeat(1,1fr); gap: 1.75rem;}
	.news-list .item{ flex-direction: row;}
	.news-list .item .news-thumb{ width: 160px; padding-bottom: 90px; border-radius: .5rem; flex-shrink: 0; border: none;}
}
@media screen and (max-width: 560px){
	#logo img{ height: 40px;}
	#fullwide{ gap: 2rem; padding-top: 2vh;}
	#fly_center{ border-radius: 1rem;}
	.on_bottom{ border-radius: 0 0 1rem 1rem;}
	.browser{ flex-direction: column;}
	.browser .br_input{ justify-content: center; font-size: 1.2em;}
	.heading-md{ font-size: 1.5em;}
}
@media screen and (max-width: 479px){
	.on_bottom{ padding: 1.2rem;}
	.notice .social-list .item{ font-size: 14px; padding: .4rem; min-width: 30px;}
	.on_top{ padding: 1.5rem;}
	.browser .br_input, .browser .br_submit{ height: 54px;}
	#about h2{ font-size: 1.4em;}
	.news-list .item .news-thumb{ width: 120px; padding-bottom: 80px;}
}
@media screen and (max-width: 360px){
}
@media screen and (max-width: 320px){
}