@charset "utf-8";

header div{	
	position:relative;
	height:30vw;
	text-align:left;
	background-image:url("../images/contact/header.png");
	background-position:left bottom;
	background-size:cover;
}

header img{
	position:absolute;
	bottom:20px;
	left:20px;
}

article div{
	background-color:#F6F6F6;
	text-align:center;
}

article div p.con{
	font-size:xx-large;
}

article div HR{
	margin-left:auto;
	margin-right:auto;	
}

article div img{
	margin-top:50px;
	margin-bottom:20px;		
}

article div.spacer{
	height:100px;
}

article, aside{
	background-color:#FFFFFF;
}




/**********
PC 向け
***********/
@media only screen and (min-width: 1261px){
	
	article table#workTbl{
		border-spacing: 5px;
	}
	
	article table#workTbl th,
	article table#workTbl td{
		width:40%;
	}

}


/**********
モバイル 向け
***********/
@media only screen and (max-width: 1260px){

	header img{
		width:156px;
	}
	
	#navUl{
		background-color:#F6F6F6;
	}
	
	header,article,aside,footer{
		width:100%;
	}

	article table#workTbl{
		border-spacing: 0px;
	}
	
	article table#workTbl tr{
	}
	
	article table#workTbl th,
	article table#workTbl td{
		margin-top:5px;
		display:block;
	}
}