ul.accordion {
	width:80%;
	margin:30px auto;
	padding:10px;
	font-size:16px;
	list-style-type:none;
}
ul.accordion a {
	display:block;
	padding:10px;
	background-position:97% center;
	background-repeat:no-repeat;
	text-decoration:none;
	color:#333;
	font-weight:bold;
}
ul.accordion span {
	display:block;
	padding:10px;
	background-position:97% center;
	background-repeat:no-repeat;
	color:#333;
	font-weight:bold;
}
ul.accordion ul {
	display:none;
	list-style-type:none;
	margin-left:30px;
}
ul.accordion > li {
	border-bottom:1px solid #3155A4;
}
ul.accordion > li:first-child {
	border-top:1px solid #3155A4;
}
ul.accordion > li > p {
	cursor:pointer;
}
ul.accordion > li > p span {
	color:#3155A4;
}
ul.accordion > li > p span::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f138 \0020";
}
ul.accordion > li > ul > li {
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	border-bottom:1px solid #C7CDDB;
	font-weight:normal;
}
ul.accordion > li > ul > li:first-child {
	border-top:1px solid #C7CDDB;
}
ul.accordion > li > ul > li:last-child {
	border-bottom:none;
}
ul.accordion > li > ul > li > p {
	background:#999;
}
ul.accordion > li > ul > li > a {
	color:#0000ff;
	font-weight:normal;
}
ul.accordion > li > ul > li > a::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\f105 \0020";
}
ul.accordion > li > ul > li > a::after {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content:"\0020 \0020 \f14d";
}
ul.accordion > li > ul > li > ul > li {
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
	background:#FFF;
	border-bottom:1px dotted #888;
	font-weight:normal;
}
ul.accordion > li > ul > li > ul > li:last-child {
	border:none;
}

@media only screen and (max-width: 690px) {
	ul.accordion {
		width:95%;
	}