@charset "utf-8";

/* ==

　style

=============================================================================== */
#main h3.tit3{
	margin-bottom: 20px !important;
	padding: 15px 0 !important;
	border-top: 2px dashed #309a84 !important;
	border-bottom: 2px dashed #309a84 !important;
}
#main h4{
	font-size:164%;
	font-weight:bold;
	padding:0;
	margin-bottom:10px;
	color:#309a84;
	border-bottom:1px solid #309a84;
}

#main .bgBlock{background:#fffded; margin-bottom:20px;}
#main .bgBlock .inner{padding:20px;}
#main .gBox{
	margin-bottom:20px;
	padding:20px;
	border:1px solid #309a84;
	background:#fff;
}
#main .gBox dt{
	color:#309a84;
	font-weight:bold;
	font-size:124%;
}
#main .gBox dd{
	margin-bottom:5px;
	font-size:124%;
}
#main .gBox2{
	border:5px solid #e9f6f4;
	margin-bottom:10px;
	background:#fff url(../images/column/img04.gif) no-repeat 97% 90%;
	background-size:150px;
}

#main .gBox2 .inner{padding:20px 150px 20px 20px;}
#main .gBox2 .inner li{
	margin-bottom:5px;
	padding-left:30px;
	position:relative;
	font-size:124%;	
}
#main .gBox2 .inner span{
	position:absolute;
	top:0.25em;
	left:0;
	width:25px;
	text-align:center;
	display:inline-block;
 	color:#fff;
	padding:0;
	font-size:11px;
	background:#00a189;
 }


@media only screen and (max-width: 800px) {
	#main .gBox2{background-size:100px;}
	#main .gBox2 .inner{padding:20px 120px 20px 20px;}
}
@media only screen and (max-width: 700px) {
	#main .gBox2{
		background-size:150px;
		background-position:center 98%;
	}	
	#main .gBox2 .inner{padding:20px 20px 180px 20px;}
}