@charset "UTF-8";

/* ************************************************************************
*
*   Perie Hall - faq.css
*
************************************************************************ */


#container .contents{
	margin-bottom: 80px;
}
#container h3{
	margin-bottom: 40px;
	padding-left: 15px;
	font-size: 142.8%;
	border-left: 3px solid #000;
}
#container .lead{
	margin-top: -24px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
#container ul.animList{
	width: 902px;
	margin: 80px auto;
	overflow: hidden;
}
#container ul.animList li{
	float: left;
	width: 430px;
	padding: 44px 20px 40px 60px;
	line-height: 33px;
	font-size: 18px;
}
#container ul.animList li a{
	background: url(../img/ar_r.png) no-repeat right center;
	background-size: 7px auto;
}
#container ul.animList li.pdf{
	background: url(../img/ico_pdf.png) no-repeat 20px center;
	background-size: 27px auto;
}
#container ul.animList li.doc{
	background: url(../img/ico_doc.png) no-repeat 20px center;
	background-size: 27px auto;
}
#container ul.animList li:nth-child(odd){
	margin-right: 42px;
}
#container ul.animList li{
	border-bottom: 1px solid #e8e8e8;
}
#container ul.animList li:nth-child(-n+2){
	border-top: 1px solid #e8e8e8;
}

/*------------------------------------------------
     SP View
 ----------------------------------------------- */

@media screen and (max-width: 768px) {
	
	#container .inner{
		width: 100%;
	}
	#container .contents{
		margin-bottom: 16%;
	}
	#container h3{
		width: 88%;
		margin: 0 auto 8%;
	}
	#container .lead{
		width: 88%;
		margin: -10% auto 10%;
		line-height: 2;
		text-align: left;
		font-size: 116%;
	}
	#container ul.animList{
		width: 100%;
		margin: 10% auto;
		border-top: 1px solid #e8e8e8;
	}
	#container ul.animList li{
		float: none;
		width: 100%;
		padding: 10% 5% 10% 16%;
		font-size: 133%;
	}
	#container ul.animList li a{
		background: url(../img/ar_r.png) no-repeat right center;
		background-size: 3% auto;
	}
	#container ul.animList li.pdf{
		background: url(../img/ico_pdf.png) no-repeat 6% center;
		background-size: 7% auto;
	}
	#container ul.animList li.doc{
		background: url(../img/ico_doc.png) no-repeat 6% center;
		background-size: 7% auto;
	}
	#container ul.animList li:nth-child(odd){
		margin-right: 0;
	}
	#container ul.animList li{
		border-bottom: 1px solid #e8e8e8;
	}
#container ul.animList li:nth-child(1),#container ul.animList li:nth-child(2){
	border-top: none;
}

}