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

.mainVisual h2 {
    padding: 58px 0 0;
}

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

#conts .text01 {
	margin-bottom: 31px;
}

#conts .headLine02 {
	margin-left: 3px;
}

#conts .h4Ttl {
	margin: 0 0 20px 3px;
}

#conts .imgBox {
	margin-left: 5px;
}

#conts .imgBox .photoBox {
	margin-top: 9px;
	float: right;
}

#conts .imgBox .textBox {
	width: 335px;
	float: left;
}

#conts .imgBox .textBox p {
	margin-bottom: 20px;
}

#conts .imgBox .textBox ul .liStyle {
	padding: 0 0 1px 1em;
	text-indent: -1em;
	font-size: 18px;
	line-height: 1.25;
	font-weight: bold;
}

@media all and (min-width: 0) and (max-width: 767px) {
	.mainVisual h2 {
		padding: 30px 20px;
	}

	.mainVisual h2 img {
		height: 70px;
	}

	#conts p,
	#conts .imgBox .textBox p {
		font-size: 12px;
		margin-bottom: 11px;
	}
	
	#conts .text01 {
		margin-bottom: 17px;
	}
	
	#conts .h4Ttl {
		margin: 0 0 5px 8px;
	}
	
	#conts .imgBox {
		margin: 0;
	}

	#conts .imgBox .photoBox {
		margin: 0 0 20px;
		float: none;
	}
	
	#conts .imgBox .photoBox img {
		width: 100%;
	}
	
	#conts .imgBox .textBox {
		width: auto;
		float: none;
	}
	
	#conts .imgBox .textBox ul .liStyle {
		font-size: 14px;
	}
}
.blackbox {
	border: 4px solid #F00;
	padding: 10px;
}