@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi03 a {
	background-color: #DEEFF9;
}

.mainVisual {
	background: #DDEFFB url(../img/download/h2_img_bg.jpg) no-repeat center center;
}

#conts .headLine01 {
	margin-bottom: 24px;
}

#conts .h3Ttl {
	margin-bottom: 22px;
}

#conts p {
	margin-bottom: 16px;
}

#conts .text {
	line-height: 2.6;
}

#conts p a {
	display: inline-block;
	margin-left: 16px;
}

#conts .tabBox {
	margin: 0 3px 68px 0;
}

#conts .tabBox .comTable th,
#conts .tabBox .comTable td {
	padding: 15px 5px 12px 22px;
}

#conts .tabBox .comTable th {
	width:18%;
}

#conts .tabBox .comTable .trStyle th,
#conts .tabBox .comTable .trStyle td {
	border-bottom: 2px solid #CCC;
}

#conts .tabBox .comTable td {
	padding: 15px 5px 12px 27px;
	width: 50%;
}

#conts .tabBox .comTable .tdStyle {
	padding-left: 20px;
	width: 32%;
}

#conts .tabBox .comTable td a:hover,
#conts p a:hover {
	opacity: 0.7;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.mainVisual {
		background-size: cover;
	}

	#conts .headLine01 {
		margin-bottom: 17px;
	}
	
	#conts .tabBox .comTable th,
	#conts .tabBox .comTable td {
		padding: 10px;
	}
	
	#conts .tabBox .comTable .tdStyle {
		padding: 15px 5px 12px;
		text-align: center;
	}
	
	#conts .tabBox .comTable .tdStyle img {
		max-width: 120px;
		width: 100%;
	}
	
	#conts .tabBox {
		margin-bottom: 30px;
	}
	
	#conts p a img {
		width: 120px;	
	}

	#conts .tabBox .comTable td a:hover,
	#conts p a:hover {
		opacity: 1;
	}
	
}