/* company */
.company{
  background:url(../company/topimg.jpg) center top repeat-x;
}


/* title */
.title{
	margin:0px auto;
	padding-top:200px;
	width:13em;
}
.title h1{
	font-size:18px;
	text-align:center;
	font-weight:bold;
	border-bottom:solid 1px #fff;
	padding-bottom:10px;
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
}
.title h2{
	padding-top:10px;
	font-family: 'Staatliches', sans-serif;
	letter-spacing:2px;
	font-size:30px;
	text-align:center;
}



/* gaiyou */
.gaiyou{
	margin:30px auto;
	max-width:800px;
	width:95%;
}

.gaiyou dt {
	float:left;
	margin:20px 10px;
	font-weight:bold;
	padding-left:20px;
}
.gaiyou dd {
	padding:20px 10px;
	padding-left:10em;
	border-bottom:solid 1px #ccc;
}
.gaiyou .mail{
	width:100%;
	max-width:180px;
}
.gaiyou .sub{
	font-weight:bold;
	padding-top:10px;
}


#map{
	width:100%;
	height:600px;
}

.map{
	margin:50px auto;
}
.map h1{
	padding:20px;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
.google{
	width:8em;
	display:block;
	margin:auto;
	
	padding:10px;
	font-weight:bold;
	text-align:center;
}


/* works*/
.works{
	background:url(../company/works.jpg) center 100px repeat-x;
	height:1000px;
}
.works .title{
	display:block;
	text-align:center;
	padding:50px 0px;
	width:15em;
}
.works div{
	margin:0px auto 150px auto;
	line-height:35px;
	max-width:500px;
}
.works ul{
	width:50%;
	float:left;
}

/* presents */
.presents{
	margin:50px auto;
	background:url(../company/presents.jpg) center top repeat-x;
	height:500px;
	text-align:center;
}

.presents h1{
	padding:200px 0px 10px 0px;
	font-size:23px;
	font-weight:bold;
}
.presents h2{
	font-family: 'Staatliches', sans-serif;
	letter-spacing:5px;
}


/* clear */
.gaiyou:after,
.works:after,
.presents:after{
	content:"";
	display:block;
	clear:both;
}



@media only screen and (max-width: 1000px) {
.works{
		padding-left:220px;

}

}



@media only screen and (max-width: 768px) {


.company{background-position:60% 0%;}

.info{
	display:none;
}
article{
	margin-left:0px;
}
.gaiyou dl{
	line-height:25px;
	font-size:15px;
}

.gaiyou dt {
	padding-left:10px;
}
.gaiyou dd {
	padding-left:6em;
}

.works{
	padding-left:0;
	height:1200px;
}
.works ul{
	float:none;
	width:100%;
	text-align:center;
}

}