@charset "utf-8";

/* PC---------------------------------------------------------------------------------------- */
@media screen and (min-width:980px) {

	/*1000px*/
	#wrap{
		width: 100%;
		margin: 0 auto;
		margin-top: 132px;
	}
	.inner{
		width: 1000px;
		/* height: 640px; */
		padding: 10px;
		margin: 0 auto;
		position:  relative;
	}
	.campany_contents_1{
		width: 100%;
		height: 490px;
		margin: 0 auto;
		background-image: url(../images/campany.png);
		background-repeat: no-repeat;
	}
	
	/*会社案内#f1f1f1*/
	.inner_shop{
		width: 870px;
		height: 333px;
		margin: 0 auto;
		background-color: #f1f1f1;
	}
	.sec_title{
		width: 400px;
		margin: 0 auto;
		text-align: center;
		padding: 30px;
	}
	
	.company_img{
		width: 442px;
		float:  left;
	}
	
	.company_txt{
		width: 400px;
		float: right;
		line-height: 180%;
		margin-top:  60px;
	}
	
	.map_p{
		width: 1000px;
		text-align: center;
		padding: 30px;
	}
	
	/*Googlemap*/
	#map_container {
	  overflow: hidden;
	  margin: 0 auto; 
	}
	
	#map {
	  width: 100%;
	  height: 600px;
	}
	
	.gmap_link{
		width: 100%;
		text-align: right;
	}
	
}


/* SmartPhone---------------------------------------------------------------------------------------- */
@media screen and (max-width:979px) {

	/*1000px*/
	#wrap{
		width: 100%;
		margin: 0 auto;
		margin-top: 220px;
		
	}
	
	.contents_1{
		width: 100%;
		height: 300px;
		margin: 0 auto;
		background-color: #eff4ef;
	}
	
	.inner{
		margin: 0 auto;
		position:  relative;
	}
	.campany_contents_1{
		width: 100%;
		height: 490px;
		margin: 0 auto;
		background-image: url(../images/campany.png);
		background-repeat: no-repeat;
	}
	
	/*会社案内#f1f1f1*/
	.inner_shop{
		width: 320px;
		margin: 0 auto;
		background-color: #f1f1f1;
	}
	.sec_title{
		text-align: center;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	
	.sec_title img{
		width: 280px;
		margin: 0 auto;
	}
	
	.company_img{
		width: 100%;
	}
	
	.company_txt{
		line-height: 180%;
		padding: 15px;
	}
	
	.map_p{
		text-align: justify;
		padding: 10px;
	}
	
	/*Googlemap*/
	#map_container {
	  overflow: hidden;
	  margin: 0 auto; 
	}
	
	#map {
	  width: 100%;
	  height: 600px;
	}
	
	.gmap_link{
		width: 100%;
		text-align: right;
	}
	

}