@charset "UTF-8";
/* CSS Document */

@media screen and (min-width: 769px){
	/* header */
#header{
	margin:0;
	padding:1em 10%;
	overflow:hidden;
}
#header h1{
	padding-right:1em;
	font-size:120%;
}
#header p{
	color:#ffffff;
	margin: 0.5em 0 0 0;
display: inline-block;
}
#header h1 span{font-size:1.563rem;}


/* gnav */
#menu{
	padding: 1rem 10% 0.8rem 10%;
	}
#menu li{
	margin:0 5% 0 0;
	display:inline-block;
	}
#menu li:last-child{
	margin:0;
	}	
#menu li a{
	float:left;	
	padding:0.7% 0;
}

/* contents */

#contents{
	margin:0;
	clear:both;
	padding:1em 10%;
}


.img-list{
	overflow:hidden;
	}
.img-list .img-left{
	float:left;
	width:30%;
	margin:0 1% 0 0;
	}	
.img-list .img-right{
	float:right;
	width:69%;
	margin:0;
	}		 

.works ul li{
	display: inline-block;
	width:30%;
	margin:0 2% 2% 0;
	}

.works ul img{
	}	
		
/* footer */
#footer{
	margin:0 10%;
}
/*index*/


}