#info_area { margin:40px auto 20px auto; background-color:#f5f5f5; padding:20px; }
#info_area h2 { text-align:center; font-size:26px; margin-bottom:20px; letter-spacing:5px; }
#info_area ul li { margin-bottom: 10px; border: 1px solid #cccccc; padding:5px 30px 5px 10px; font-weight: bold; cursor: pointer; background-color:#ffffff; font-size:120%; position: relative; }
#info_area ul li::after {
	content: "▼";
    float: right;
    display: inline-block;
    top: 20%;
    position: absolute;
    right: 10px;
}
#info_area ul li a { color:#333; }
#info_area span { background-color:rgb(255, 155, 0); color: #ffffff; padding:3px 7px; margin-right: 10px; font-size: 70%; }
#info_area p { display:none; margin-top:10px; margin-bottom:20px; }


@media screen and (max-width:767px) {
	/* 画面サイズが 767px以下の場合に適用 */
	
	#info_area { font-size:80%; }
	#info_area h2 { font-size:20px; }
	#info_area p { line-height:2; text-align:left; }
	
}