@charset="utf-8";

#warapar{
	width:85%;
	margin-right:auto;
	margin-left:auto;
}

tel{
		font-weight: bold; 
}

h1 img, h2 img{
	width:9%;	
}

#fuck{
	font-size:200%;
	color:red;
	font-weight: bold; 
}

li{
	color:#0101DF;
	padding:10px 0;
}

#appeal{
	color:red;
	font-weight: bold; 
}


h2{
	margin-top:5%;
}

h3{
	margin-top:2%;
}


#work img{
	width:25%;
}

#outline table{
width:75%;
text-align:left;
}

#outline table td{
border-bottom:solid 1px black;
border-right:solid 1px black;
border-left:solid 1px black;
padding:1%;

}

#outline td:nth-child(1),
#outline td:nth-child(2){
border-top:solid 1px black;
}

#outline td:nth-child(1){
background-color:pink;
text-align:center;
width:30%;
}


#jobtype table{
width:100%;
text-align:left;
}

#jobtype table td{
border:solid 1px black;
padding:1%;
}


#jobtype td:nth-child(1){
background-color:aqua;
width:30%;
}


/*===============================================
?smart.css  ??????480px??
===============================================*/
@media screen and (max-width:500px){

	#warapar{
		width:100%;
	}
	h1{
		font-size:120%;
	}

	h1 img{
		width:20%;	
	}

	#fuck{
	font-size:120%;
	}

	h2{
		font-size:100%;
		margin-top:10%;
	}

	h3{
		font-size:90%;
		margin-top:10%;
	}

	#work img{
		width:100%;
	}


	h2 img{
		width:18%;	
	}

	p{
		font-size:80%;		
	}
	
	#outline table{
	width:100%;
	}


	iframe{
		width:80%;
		height:200px;
	}



}