@charset "UTF-8";

/* ************************************************************************
*
*   Perie Hall - outline/facility.css
*
************************************************************************ */

#container .contents+.contents{
	margin-top: 0;
	padding-bottom: 70px;
}

/* -------------- ▼Contents Menu▼ -------------- */
#container h3{
	margin: 70px auto 40px;
	padding-left: 9px;
	font-size: 142.8%;
	border-left: 3px solid #000;
}
#container .lead{
	margin: -24px auto 40px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}
#container .wrap{
	width: 850px;
	margin: auto;
}
#container .scroll{
	width: 1024px;
	height: 100%;
	margin-bottom: 30px;
	overflow: auto;
	white-space: nowrap;
}
#container table{
	width: 1024px;
	height: 100%;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
}
#container th{
	font-size: 16px;
}
#container td{
	border-top: 1px solid #e8e8e8;
	font-size: 14px;
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}
#container th,
#container td{
	padding: 2em 25px;
}
#container th:nth-of-type(1){
	width: 234px;
}
#container th:nth-of-type(2){
	width: 143px;
}
#container th:nth-of-type(3){
	width: 174px;
}
#container th:nth-of-type(4){
	width: 300px;
}
#container th:nth-of-type(5){
	width: 173px;
}
#container .colorbox{
	margin-top: 30px;
	padding: 33px;
	line-height: 2;
	background-color: #f7f7f7;
	font-size: 107.6%;
	font-family: 'Noto Sans', 'Noto Sans Japanese', sans-serif;
	letter-spacing: 0;
}
#container .colorbox li{
	padding-left: 1em;
	text-indent: -1em;
	
}


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

@media screen and (max-width: 768px) {
	
	/*#container .inner{
		width: 100%;
	}*/
	#container .contents{
		padding-bottom: 16%;
	}
	
	/* -------------- ▼Contents Menu▼ -------------- */
	
	#container h3{
		margin: 8% auto;
	}
	#container .lead{
		margin: -10% auto 10%;
		line-height: 2;
		font-size: 116%;
	}
	#container .wrap{
		width: 100%;
	}
	#container .scroll{
		width: 100%;
		margin-bottom: 10%;
	}
	#container table{
		width: 880px;
	}
	#container th{
		font-size: 116%;
	}
	#container td{
		font-size: 100%;
	}
	#container th,
	#container td{
		padding: 1em 0;
	}
	#container th:nth-of-type(1){
		width: 170px;
	}
	#container th:nth-of-type(2){
		width: 80px;
	}
	#container th:nth-of-type(3){
		width: 160px;
	}
	#container th:nth-of-type(4){
		width: 300px;
	}
	#container th:nth-of-type(5){
		width: 170px;
	}
	#container .colorbox{
		margin-top: 10%;
		padding: 1em;
	}
	
	

}