@charset "UTF-8";

/* ▼▼▼ よくあるご質問
=====================================*/
#nav {
	margin-bottom: 40px;
	overflow: hidden;
	}
	#nav li {
		float: left;
		width: 18.4%;
		margin-right: 2%;
		}
	#nav li:last-child {margin-right: 0;}

h2 {
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: normal;
	}
	
dl.list {
	border-top: 1px solid #ccc;
	margin-bottom: 40px;
	overflow: hidden;
	}
	dl.list dt {
		background: url(img/open.png) no-repeat 10px center;
		border-bottom: 1px solid #ccc;
		padding: 15px 15px 15px 60px;
		}
	dl.list dt {cursor: pointer;}
	dl.list dt.close {
		background: url(img/close.png) no-repeat 10px center;
		}
	dl.list dd {
		display: none;
		border-bottom: 1px solid #ccc;
		padding: 15px 15px 15px 60px;		
		background: #F9F9F9;
		}	


/* ▼▼▼ 480px
=====================================*/
@media screen and (max-width: 480px) {

h1.title {width: 142px;}

#nav {
	padding: 0 15px;
	margin-bottom: 20px;
	overflow: hidden;
	}
	#nav li {
		width: 32%;
		margin-bottom: 10px;
		}
	#nav li:nth-child(3n) {margin-right: 0;}

h2 {
	padding: 0 15px;
	font-size: 16px;
	}
	
dl.list {
	border-top: none;
	padding: 0 15px;
	}
	dl.list dt {
		background: url(img/open.png) no-repeat 10px center;
		background-size: 15px 15px;
		padding: 15px 15px 15px 35px;
		}
	dl.list dt.close {
		background: url(img/close.png) no-repeat 10px center;
		background-size: 15px 15px;
		}
	dl.list dt:first-child {border-top: 1px solid #ccc;}
	dl.list dd {
		padding: 15px 15px 15px 35px;
		}
							
}