/*--------------------------------------------------------------
スマホ
--------------------------------------------------------------*/
@media screen and (max-width:1150px) {
	
   #page {
      width: 97%;
   }
   .wide #page {
      width: 100%;
   }
   .inner-wrap {
      width: 94%;
   }
    #header-right-section {
      float: none;
   }
   /*********** contact-responsive **************/
.all_cover{
    width: 95%;
	/*width: 85%;*/
}
.form_box table input[type='text']{
    width: 90%;
}
.form_box table tbody tr th{
    width: 30%;
}
.form_box table tbody tr td{
    width: 70%;
}
.form_box table tbody tr td textarea{
    width: 90%;
}
.btn_cover input[type='button'].checkbtn{
    padding: 10px 27px;
}
.btn_cover input[type='button'].back{
    padding: 10px 48px;
}
.btn_cover input[type='reset']{
    padding: 10px 40px;
}
.btn_cover input[type='submit']{
    padding: 10px 47px;
}

.btn_cover input[type='submit']{
    margin:0 auto 5px auto !important;
	display:block !important;
}
#back_form{
    margin:0 auto 5px auto !important;
	display:block !important;

}

   #header-text-nav-wrap {
      padding: 10px 0 !important;
	  margin:0;
   }
   #header-left-section {
      float: none;
      margin-bottom: 10px;
   }
   #header-logo-image {
      float: none;
      text-align: center;
      padding-right: 0;
   }
   #header-text {
      float: none;
      text-align: center;
      padding-right: 0;
   }
  
   #header-right-section .widget {
      text-align:center;
   }
   .menu-toggle {
      display: block;
      float: left;
   }
   .main-navigation ul {
      display: none;
   }
   .main-navigation .home-icon a {
      padding: 7px 10px;
   }
   .widget_slider_area,
   .widget_beside_slider {
      float: none;
      width: 100%;
   }
   .widget_slider_area {
      padding-bottom: 10px;
   }
   #primary{
      float: none;
      width: 100%;
   }
   #secondary {
      float: none;
      width: 98%;
	  padding:3% 1%;
   }
   #pc_navi{
	   display:none;
   }
   #sp_navi{
	display:block;
}









header{
	display:none !important;
}

#sp_header{
	display:block;
	

	
}
#sp_header h1{
	position:absolute;
	top:5px;
	left:10px;
	z-index:150;
	width:140px;
}


/*
.menu-item:nth-last-child(2){
	border:none;
}
*/


#ico_concept{
	display:block;
	text-align:center;
	padding:10px 0;
	width:100%;
	
}
.ico_concept01{
	display:none;
}


a.meanmenu-reveal {
	display: none;
}

/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
	
	width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 0;
	min-height: 42px;
	z-index: 99;
	
}

.mean-container a.meanmenu-reveal {
	width: 22px;
	height: 22px;
	padding: 13px 13px 11px 13px;
	float: right;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 700;
	z-index:100;
	background-color:#000;
	
}

.mean-container a.meanmenu-reveal span {
	display: block;
	background: #fff;
	height: 3px;
	margin-top: 3px;
	
}

.mean-container .mean-nav {
	float: left;
	width: 100%;
	background: #242415;
	margin-top: 0px;
	filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

.mean-container .mean-nav ul {
	padding: 0;
	margin: 0;
	width: 100%;
	list-style-type: none;
}

.mean-container .mean-nav ul li {
	position: relative;
	float: left;
	width: 100%;
}

.mean-container .mean-nav ul li a {
	display: block;
	float: left;
	width: 90%;
	padding: 1em 5%;
	margin: 0;
	text-align: left;
	color: #fff;
	border-top: 1px solid #383838;
	border-top: 1px solid rgba(255,255,255,0.5);
	text-decoration: none;
	text-transform: uppercase;
}

.mean-container .mean-nav ul li li a {
	width: 80%;
	padding: 1em 10%;
	border-top: 1px solid #f1f1f1;
	border-top: 1px solid rgba(255,255,255,0.25);
	opacity: 0.75;
	filter: alpha(opacity=75);
	text-shadow: none !important;
	visibility: visible;
}

.mean-container .mean-nav ul li.mean-last a {
	border-bottom: none;
	margin-bottom: 0;
}

.mean-container .mean-nav ul li li li a {
	width: 70%;
	padding: 1em 15%;
}

.mean-container .mean-nav ul li li li li a {
	width: 60%;
	padding: 1em 20%;
}

.mean-container .mean-nav ul li li li li li a {
	width: 50%;
	padding: 1em 25%;
}

.mean-container .mean-nav ul li a:hover {
	background: #252525;
	background: rgba(255,255,255,0.1);
}

.mean-container .mean-nav ul li a.mean-expand {
	margin-top: 1px;
	width: 26px;
	height: 32px;
	padding: 12px !important;
	text-align: center;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	font-weight: 700;
	background: rgba(255,255,255,0.1);
	border: none !important;
	border-left: 1px solid rgba(255,255,255,0.4) !important;
	border-bottom: 1px solid rgba(255,255,255,0.2) !important;
}

.mean-container .mean-nav ul li a.mean-expand:hover {
	background: rgba(0,0,0,0.9);
}

.mean-container .mean-push {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	clear: both;
}

.mean-nav .wrapper {
	width: 100%;
	padding: 0;
	margin: 0;
}

/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


.mean-remove {
	display: none !important;
}


#main {
	padding-top: 5px !important;
	padding-bottom: 20px;

}

.main-content-section {
   padding-top: 5px;
}

#sp_top_access{
	margin:10px auto;
	display:block;
	text-align:center;
	color:#C00;
}
#sp_top_access p{
	margin:0 auto 5px auto;
}
#sp_top_access p img{
	margin:0;
	padding:0;
}

#sp_top_access01{
	margin:10px auto;
	display:block;
	text-align:center;
	color:#C00;
}
#sp_top_access01 li{
	float:left;
	width:49%;
	margin:0;
	padding:0;
}
#sp_top_access01 li img{

	margin:0;
	padding:0;
}



.menu-item:nth-last-of-type(-n+3){
	border:none;
}
#top_3merit{
	margin:5px 0 !important;
}

#top_3merit dl{
	width:32%;
	float:left;
	border:3px #A02C01 solid;
	background:url(../img/bg_top3merit.jpg) 0 center repeat;
	min-height:inherit;
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}


/*
#top_3merit_mar01{
	 margin:0 1% 0 1% !important;
}*/
#top_3merit dl dt{
	text-align:center;
	margin:auto !important;
	padding:0;
}
#top_3merit dl dt img{
	text-align:center;
	margin:auto !important;
	padding:10px 0 !important;
}
#top_3merit_dd{
	display:none;
	margin:0;
	padding:0;
}

#top_3merit_mar01{
	margin:0 0 0 2% !important;
	padding:0;
}

#top_3merit dl:nth-of-type(n+2){
	margin:0 0 0 2%;
	padding:0;
}

#sp_bank{
	width:50% !important;
}
#sp_bank01{
	width:77% !important;
}
#sp_navitel{
	display:block;
}

/*
タブレットマップ*/
.map_japan{
	margin:0;
	display:none;
	
}
.map_japan_txt{
	display:none;
}
.map_tabjapan{
	text-align:center;
	display:block;
}

.map_hokkaido , .map_tohoku , .map_cyubu , .map_kanto , .map_cyugoku , .map_tokai , .map_shinetsu , .map_kinki , .map_kyusyu , .map_kansai , .map_shikoku , .map_okinawa{
	margin:0 10px 20px 0;
display:inline-block; 
/display:inline; 
/zoom:1;
vertical-align:top;
	position:relative;
	top:0;
	left:0;
	
}


.pop_table table{
	width:100% !important;
	box-sizing:border-box;
	border:1px #666666 solid;
	border-collapse:collapse;
}



/*
製品アイテム*/
#item_area{
	margin:0 0 40px 0;
}

#item_renzu{
	width:100%;
	box-sizing:border-box;
	float:none;
	margin:0 0 15px 0;
}

.item_blue{
	border:1px #43A8B9 solid;
	margin:0;
}






#top_cont_l{
float:none;
width:100%;
margin:0 0 15px 0;
}
#top_cont_r{
	float:none;
	width:100%;
}

.bor_right{
	border:none;
	
}

#top_cont_r h3 , #top_cont_l h3{
	margin:0 0 5px 0;
}

.f_acces{
	width:100%;
	margin:0 auto;
	height:197px;
	background:url(../img/bg_footer.jpg) right bottom no-repeat;
	background-size:50%;
	
}
.f_acces p{
	padding:27px 0 0 0;
}

#sp_conphoto{
	padding:0 10px 0 0;
	width:92%;
}

#w_conser{
	width:22%;
}

.img_sp{
	width:100%;
}

.footer_navi ul{
	text-align:left;
}

.footer_navi li{
	background:url(../img/ico_footer.jpg) 0 50% no-repeat;
	padding:0 0 0 20px;
	margin:0 20px 6px 20px;
	display:inline-block;
}



}


	





@media screen and (max-width:460px) {
	
	#sp_header h1{
		width:110px;
}

#top_cont{
	margin:0 0 30px 0;
}

#top_cont dl{
	box-sizing:border-box;
	margin:0 1% 6% 1%;
	border:1px #584519 solid;
	width:48%;
	padding:8px;
	float:left;
	background-color:#FFF;
}

#last_exa{
	margin:0 1% 6% 1% !important;
	border:1px #584519 solid;
	box-sizing:border-box;
	width:48%;
	padding:8px;
	float:left;
	background-color:#FFF;
}

.f_acces{
	width:96%;
	margin:0 auto;
	padding:2%;
	background-image:none;
	
}

.map_hokkaido , .map_tohoku , .map_cyubu , .map_kanto , .map_cyugoku , .map_tokai , .map_shinetsu , .map_kinki , .map_kyusyu , .map_kansai , .map_shikoku , .map_okinawa{
	margin:0 0.5% 20px 0.5% !important;
	padding:0 0.5% 15px 0.5%;
	box-sizing:border-box;
	width:47%;
}
#map_leftbox{
	float:none;
	font-size:14px;
	margin:0 0 0 0;
}

#map_rightbox{
	float:none;
	font-size:14px;
	margin:0 0 0 0;
}

#mpos_area_sp{
	margin:0;
}





/* =実績
----------------------------------------------- */
.page_shintiku{
width:96%;
margin:20px auto 35px auto;
padding:2%;
background-color:#F0EBCE;

}
.page_shintiku ul{
margin:5px auto;
width:100%;
}
.page_shintiku li{
float:left;
margin:0 2.5%;
width:28%;
}

.page_shintiku li img{
	width:100%;
}


.concept_area_left{
	float:none;
	margin:0 0 20px 0;
	width:100%;
}
.concept_area_right{
	float:none;
	margin:0 0 20px 0;
	width:100%;
}


.concept_service_left{
	float:none;
	margin:0 0 20px 0;
	width:100%;
}
.concept_service_right{
	float:none;
	margin:0 0 20px 0;
	width:100%;
}


.service_arealeft , .service_koujileft{
	float:none;
	width:100%;
}
.service_arearight , .service_koujiright{
	float:none;
	width:100%;
}





	
}