@charset "utf-8";
/*------------------------------------------------------------
	トープページ
------------------------------------------------------------*/
#gNavi .navi02 a:before {
	display: block;
}

.pageTitle {
	background-image: url(../image/common/page_title_bg02.jpg);
}

#main {
	margin-bottom: 228px;
}

#main .barrierDl {
	font-size: 16px;
}

#main .barrierDl dt {
	padding: 38px 22px 33px;
	font-size: 18px;
	font-weight: bold;
	border-top: 2px solid #EAEAEA;
	background: url(../image/common/icon12.png) no-repeat right 29px center;
	background-size: 28px auto;
	cursor: pointer;
}

#main .barrierDl dt:nth-last-child(2) {
	border-bottom: 2px solid #EAEAEA;
}

#main .barrierDl dt.on {
	color: #FFF;
	background: #0AA000 url(../image/common/icon13.png) no-repeat right 29px center;
	background-size: 28px auto;
}

#main .barrierDl dt:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#main .barrierDl dd {
	display: none;
	padding: 3px 42px 8px;
	background-color: #F6F6F6;
}

#main .barrierDl dd li a {
	padding: 24px 11px 21px;
	display: block;
	text-decoration: none;
	border-bottom: 1px solid #DDD;
	background: url(../image/common/icon14.png) no-repeat right 15px center;
}

#main .barrierDl dd li a:hover {
	filter: alpha(opacity=70);
	opacity: 0.7;
}

#main .barrierDl dd li:last-child a {
	border-bottom: none;
}

@media screen and (max-width: 767px) {
	.pageTitle {
		margin-bottom: 43px;
		background-image: url(../image/common/sp_page_title_bg02.jpg);
	}
	
	.pageTitle h1 img {
		height: 38px;
	}

	#main {
		margin-bottom: 112px;
	}
		
	#main .barrierDl {
		font-size: 12px;
	}
	
	#main .barrierDl dt {
		padding: 19px 15px 18px;
		font-size: 15px;
		border-top-color: #F4F4F4;
		background: url(../image/common/icon12.png) no-repeat right 15px center;
		background-size: 19px auto;
	}
	
	#main .barrierDl dt:nth-last-child(2) {
		border-bottom-color: #F4F4F4;
	}
	
	#main .barrierDl dt.on {
		background: #0AA000 url(../image/common/icon13.png) no-repeat right 15px center;
		background-size: 19px auto;
	}
	
	#main .barrierDl dt:hover {
		filter: alpha(opacity=100);
		opacity: 1;
	}
		
	#main .barrierDl dd {
		padding: 0 15px 1px;
	}
	
	#main .barrierDl dd li a {
		padding: 16px 11px 15px;
		border-bottom: 1px solid #DDD;
		background: url(../image/common/icon14.png) no-repeat right 8px center;
		background-size: 20px auto;
	}
}