@media screen and (max-width: 1024px) {

/* 非表示 */   
.search { display:none; }
#navre .sp { display:block!important; }
	.pc { display: none !important; }

/****************************************

		ナビ

*****************************************/
#logo { margin: 0 0 0 10px; }

header { height: auto; }
	header div#tops { width: 100%; }
	header #logo { width: 100%; }
header p	      { right: 50px; }
header nav { clear: both; width: 70%; height: auto; margin: auto; padding:0; font-size: 16px; position: absolute; top: 0; right: 0; z-index: 100; }
header nav ul { position: absolute; right: 0; top: 0; background: none; }
	header nav li { margin: 0 0 0 0px; float: none; }
	header nav li a { display: block; width: 100%; line-height: 40px; text-align: center; color: #fff; background: none; }
#visual { margin: 0 0 0 0; }
#visual h1 { width: auto; left: auto; right: 20px; top: 30px; font-size: 14px; padding: 10px; }
#visual span { font-size: auto; }
#visual #text { right: 0px; top: 30px;background: none; width: auto; height: auto; z-index: 1; }
#visual p { display: none; }
#visual #text a { display: none; }
.bx-controls { display: none; }
	
#content { margin: 0 0 0 0; background: #fff; }
#top #content article { width: auto; margin: 0; }
#top_catch { font-size: 15px; padding: 20px; }
	#top_catch img { margin:20px 0 0 0; }
	
	#top_links { height: auto;}
	#top_links a { border: 1px solid #ddd; margin: 10px; padding: 10px; display:block; width:auto; height: auto; overflow:auto; position: relative; }
	#top_links a img { display:none; }
	#top_links span { display: inline; line-height:normal; position:relative; color: #333; font-size: 16px; text-align: left; }
	#top_links .date { background: none; width: auto; top: auto; left: auto; font-weight: bold; }
	#top_links .category { width: auto; background:none; top:auto; left:auto; font-weight: bold; }
	#top_links p { position:relative; top: auto; left: auto; padding: 0; }
	#top_links a:nth-child(2) { top: auto; left: auto; }
	#top_links a:nth-child(3) { top: auto; left: auto; }
	#top_links a:nth-child(4) { top: auto; left: auto; }
	
	#top_kensu img { width: 100%; height: auto;}
	
h1.sp, h1.newsh1 { display:block !important; padding: 10px 0 !important; margin: 0 0 10px 0 !important; background: #eee; color: #666; font-size: 25px !important; font-weight:normal; text-align: center; line-height:28px !important; border:none !important; }

	a.tonews { display: none; }
	a.tonews2 { display:inline; position:absolute; right:0; top:0; padding:14px 5px; background:#dcefe5; font-size:13px; }
	
	#top_news { padding: 0 0 20px 0; margin: 0 auto 0px auto !important; }
	#top_news ul { margin: 0 0 10px 0; }
	#top_news li { padding: 5px 10px 10px 5px; }
	#top_news span { display: block; width: auto; }
	
	#add { padding: 30px 0; text-align: center; background: #eee; color: #999; }
	#add a { display: block; }
	#add img { width: 100px; height: auto; }
	#add p { text-align: center; font-size: 13px; margin: 10px 0 0 0; }
	
	#copy { height: auto; line-height:normal; padding: 10px; width: auto; }
	#copy nav { display: none; }
	#copy p { font-size: 10px; text-align:center; position: relative; }

#side { width:auto; margin:5px; float: none; }
#side ul { margin: 0;border:none !important; border-bottom: 1px solid #43a676 !important; }
#side li a { padding: 5px 10px; border: 1px solid #43a676; margin:0 0 -1px -; }
#side div { display:none; }
.index .index, .greeting .greeting, .info .info, .staff .staff, .access .access, .media .media, .service .index, .process .process, .advisory .advisory, .consulting .consulting, .cross .cross, .price .price, .faq .faq, .term .term, .inquiry .inquiry, .info .service, .manufacture .manufacture, .it .it, .eat .eat, .const .const, .sale .sale, .estate .estate, .finance .finance, .collaborate .collaborate, .same .same, .pro .pro, .finance .finance, .all .all { color: #fff; background:#43a676; }

#pan { display:none; }
#company #content article, #faq #content article, #inquiry #content article, #service #content article, #info2 #content article, #collaborate #content article { width:100%; }

#main { width: 100%; float: none; }
#content h1 { margin: 0 0 0px 0; padding: 10px; font-size: 20px; border-bottom: none; text-align:center; font-weight:normal;}
#content h2 { text-align:center; padding: 5px 0; line-height: 45px; font-size: 18px; font-weight:normal; border-bottom: none; background:#eee; }
#main p { margin:0 10px 20px 10px; }

.printimg { width:100% !important; height:auto; }

#contact { width: auto !important; margin: 0; float: none; }
#contact img { width:100%; height:auto; }

.full { width:100% !important; }
.full img { max-width:100%; }

#infolist { width: 100% !important; margin: 0 auto 0px auto !important; padding: 0; border:none; }
#infolist strong { display: inline; width:auto; }

.fright { float: none; margin: 0px !important; text-align:center; width:100%; height:auto; }
.greeting_img { float: none; text-align:center; }
.greeting_img img { margin: 0 !important; border: 1px solid #fff; }

#three { background: #fff; }
#three p { width:100% !important; height: 250px; margin:0 0 10px 0; border:none; float:none; }

#newslist { width: 100% !important; margin: 5px !important; padding: 0;  border: none;}
#newslist strong { display: block; width:auto; }
#newsdetails { width:94% !important; margin: 30px 5px 10px 5px !important; padding: 5px; }

#form { width: 100%; margin: 0; padding: 10px 5px; }

#form strong { display: block; float: none; width: auto; }
#form input[type="text"] { width: 100%; padding: 5px; }
#form textarea { width: 100%; height: 100px; padding: 5px; }
#form button { width: 100%; line-height: 40px; margin: 0 0 20px 0; position: static; }

#pnum { margin:10px 5px 0 5px; }
#pnum a { margin: 0 0 5px 0; }

#service #toprocess img { width:100% !important; height:auto; }

#service_navi { width: 100%; height: auto; }
#service_navi a { float: none; margin: 0 auto 5px auto; }

.sitemap { float: none; width: 100%; margin: 0; padding: 10px; }
.sitemap h3 a {width: 100%;padding: 5px 0 5px 5px;}

#faq #content h2 { text-align: left; padding: 5px; line-height: 20px; }

.arrow img { width:100%; }

#toprice { width:100%; height:auto; }
#toprice img { width:100%; height:auto; }

.advbnr, .advbnr img { width:100%; height:auto; margin:0 !important; } 

#img_left img, #img_right img { width:95%; float: none; margin: 0 0 10px 0; padding:0 10px; }
#img_left h3, #img_right h3 { margin: 0 0 10px 10px; }

#content th.head { width:auto; }
#content th.head2 { width:60%; }
#filterlist td { font-size:12px; }

.clb  th { width:auto !important; }
.clb  td { width:60% !important; }

.incbnr { width:100% !important; height:auto !important; margin:0 !important; }
.incbnr img { border:0 !important; }

#info_navi { display:none; }
#info_navi_sp { display:block; }
#info_navi_sp a { display:inline-block; width:300px; height:300px; margin:20px; background:#fff; vertical-align:top; }
#info_navi_sp strong { color: #fff; position: absolute; bottom: 15px; left: 20px; }

#under_navi2 { margin: 0 0 10px 0; }
#under_navi2 div a { margin: 0 2px 5px 2px; }
#filterlist ul li a { width: 100%; margin: 0 0 5px 0; padding: 2px 0 5px 5px; }

#faq h1 span { display:none; }
#faq div.center { margin:-20px 0 20px 0; }

#faq #filterlist li { width:100% !important; }

#company p img { max-width:100%; }

.lightbox { margin-top:80px !important; }

p#fttext { width:100%; } 

}

@media screen and (max-width: 320px) {
#logo img { width: 140px; height: auto; }
}