@media screen and (max-width: 768px){
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
#container{
width:100%;
}

img{
max-width: 100%;
height: auto;
width: auto;　
}

body {
			font-family: Georgia, 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho ProN', 'MS P 明朝', 'MS PMincho',　'ヒラギノ明朝 ProN W3',　'ヒラギノ明朝 Pro', 'HiraMinProN-W3', 'Hiragino Mincho Pro', 'HiraMinProN', serif;
			color: #000000;
			overflow: auto;
			width: 768px;

		}

#over {
			font-family: serif, times;
			font-size: 16pt;
			font-weight: normal;
			letter-spacing: 2pt;	
			position: fixed;
			z-index: 0;
			top: 50px;
			left:80px;			
			width: 150px;
			background-color: #FFFFFF;
			}

#info  {
			font-family: 'cursive', serif, times;
			font-size: 11pt;
			font-weight: normal;
			letter-spacing: 2pt;	
			position: fixed;
			z-index: 0;
			top: 100px;
			left: 100px;
			right: auto;
			width: 200px;
			background-color: #FFFFFF;
			
			}
			
#top  {
			font-family: 'cursive', serif, times;
			font-size: 12pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			top: 50px;
			left: 400px;
			position: absolute;
			width: 900px;
			
			}
			
#photo  {
			
			z-index: -1;
			top: 50px;
			width: 600px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			
			
			}

#concept {
			font-family: 'cursive', serif, times;
			font-size: 14pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top: 30px;
			margin-left: 200px;
			width: 400px;
			height: 250px;
			left: 300px;
					
			
			}

#sub {
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 2pt;
			line-height: 20pt;
			z-index: -1;
			margin-top: 10px;
			margin-left: 0px;
			width: 400px;
			height: 250px;
			left: 300px;
					
			
			}

#about 	{ 	
			margin-left: 80px;
			font-family: 'cursive', serif, times;
			font-size: 13pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:500px;
			margin-bottom: 25px;
			width: 500px;
			text-align: left;
			}
			
			
#about2  {
			font-family: 'cursive', serif, times;
			font-size: 12pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			left: 0px;
			margin-top:30px;
			width: 600px;
			height: 200px;			
			}


#works  {		
		
			margin-left: 80px;
			font-family: 'cursive', serif, times;
			font-size: 13pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:600px;
			width: 500px;
			text-align: left;
				
			
			}



#work1  {		
		
			left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}
			
#work1title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}

#work2  {			
		
			left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work2title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}
			
#work3  {		
			left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work3title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}


#work4  {			
				left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work4title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}
		
		
#work5  {
			margin-left: 80px;
			margin-top:50px;
			z-index: -1;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work5title  {		
		
			margin-left: 80px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}

			
#work6  {			
				left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}
	
#work6title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}

#work7  {		
				left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work7title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}
	
	
#work8  {			
			margin-left: -80px;
			margin-top:50px;
			z-index: -1;
			width: 375px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	   		 -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    	-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work8title  {		
		
			margin-left: -80px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}
			

#work9  {		
			margin-left: 80px;
			margin-top:50px;
			z-index: -1;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work9title  {		
		
			margin-left: 80px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}
	
	
#work10  {		
			margin-left: -80px;
			margin-top:50px;
			z-index: -1;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	   		 -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    	-webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work10title  {		
		
			margin-left: -80px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}

#work11  {		
				left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work11title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}
			
#work12  {		
				left: 0px;
			z-index: -1;
			margin-top:50px;
			width: 500px;
			box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -moz-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
	    -webkit-box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.50);
			}

#work12title  {		
		
			left: 0px;
			font-family: 'cursive', serif, times;
			font-size: 10pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:10px;
			width: 500px;
			text-align: left;
}



#workflow 	{ 	
			margin-left: 80px;
			font-family: 'cursive', serif, times;
			font-size: 13pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:600px;
			margin-bottom: 30px;
			width: 500px;
			text-align: left;
			}
			
#workflow2  {
			font-family: 'cursive', serif, times;
			font-size: 11pt;
			font-weight: normal;
			letter-spacing: 2pt;
			line-height: 20pt;
			z-index: -1;
			margin-left: 0px
			margin-top:30px;
			height: 200px;
			width: 500px;
			margin-bottom: 30px;
			text-align: left;
		
			
			}			
			


#contact 	{ 	
			margin-left: 80px;
			font-family: 'cursive', serif, times;
			font-size: 13pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-top:1200px;
			margin-bottom: 30px;
			width: 500px;
			text-align: left;
			}
			
#contact2  {
			font-family: 'cursive', serif, times;
			font-size: 12pt;
			font-weight: normal;
			letter-spacing: 3pt;
			line-height: 25pt;
			z-index: -1;
			margin-left: 0px
			margin-top:30px;
			height: 200px;
			width: 500px;
			margin-bottom: 500px;
			text-align: left;
		
			
			}