@media screen and (max-width: 980px) {
	.tit h3:before , .tit h3:after { width: 95px; }
	.bgBox { background-size:cover; background-attachment:inherit; }
	#memberList .memberBox .memberType , #memberList .memberBox .tabBox { float: none; width: 100%; }
	#memberList .memberBox .memberType ul li { display: inline-block; }
	#memberList .memberBox .memberType ul li a { padding: 5px 10px; }
	#memberList .memberBox .memberType .contactNow , #slogan .aboutBox:before , #slogan .aboutBox .aboutInfo p:nth-child(2) , #newList .indexAd { display: none; }
	#slogan { padding-top: 50px; }
	#slogan .aboutBox { margin-top: 50px; }
	#slogan .aboutBox .aboutInfo p , #slogan .aboutBox .aboutInfo article { margin: 10px 20px; }
	#newList ul { width: 100%; }
}

@media screen and (max-width: 640px) {
	.tit h3 { font-size: 30px; }
	.tit p { font-size: 20px; }
	#memberList .memberBox .tabBox > div { text-align: center; }
	#memberList .memberBox .tabBox > div .memberList { width: 35%; }
	#slogan .aboutBox section { background-position: right bottom; }
	#slogan .aboutBox section > div , #slogan .aboutBox .aboutInfo { width: 100%; display: block; }
	#slogan .aboutBox .aboutInfo p:nth-child(2) { display: block; }
	#newList ul li { margin: 10px 1%; width: 48%; }
}

@media screen and (max-width: 480px) {
	.tit h3:before , .tit h3:after { display: none; }
	.tit2 { border-bottom: 0; }
	.tit2 h4 { padding-left: 60px; float: none; background-size: 50px auto; border-bottom: 1px #dedddd solid; font-size: 20px; }
	.tit2 h4 b { font-size: 16px; }
	.tit2 a.more { margin-top: 0; font-size: 12px; }
	#aboutItem ul li { width: 70%; }
}

@media screen and (max-width: 450px) {
	#memberList .memberBox .tabBox > div .memberList { width: 60%; }
	.tit2 h4 { padding-left: 0; background: none; }
	.tit2 h4 b { display: none; }
	#newList ul li { margin: 10px auto; float: none; width: 80%; }
}