@charset "UTF-8";

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

#container .flow{
	padding: 50px 0;
	background-color: #f5f5f5;
	text-align: center;
}
#container .contents{
	width: 900px;
	margin: auto;
	counter-reset: number 0;
}
#container h3{
	margin: 70px auto 30px;
	font-size: 153.8%;
}
#container .red_txt{
	color: #d01f49;
}
#container .contents h3:before {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin-right: 10px;
	line-height: 40px;
	text-align: center;
	counter-increment: number 1;
	content: counter(number) " ";
	background-color: #000;
	font-weight: normal;
	color: #fff;
}
#container .border{
	padding: 40px 60px;
	line-height: 28px;
	border-top: 1px solid #e8e8e8;
	border-bottom: 1px solid #e8e8e8;
	font-size: 14px;
	overflow: hidden;
}
#container .border dt{
	float: left;
	width: 215px;
	font-size: 18px;
}
#container .border dd{
	float: left;
	width: 565px;
}
#container .border dt:not(:nth-of-type(1)),
#container .border dd:not(:nth-of-type(1)){
	margin-top: 20px;
}
#container .border_inner{
	margin: 40px 0;
	overflow: hidden;
}
#container .border_inner dt{
	float: left;
	width: 50%;
	font-size: 18px;
}
#container .border_inner dd{
	float: left;
	width: 50%;
	font-size: 14px;
}
#container .border_inner dt:not(:nth-of-type(1)),
#container .border_inner dd:not(:nth-of-type(1)){
	margin-top:30px;
}
#container .indent{
	padding-left: 1em;
	text-indent: -1em;
	line-height: 2;
}
#container .note{
	font-size: 10px;
}

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

@media screen and (max-width: 768px) {
	
	#container .flow{
    width: 100%;
    margin: auto;
    padding: 10% 6%;
	}
	#container .contents{
		padding: 16% 0;
		width: 100%;
	}
	#container h3{
		margin: 0 0 4% 0;
		font-size: 150%;
	}
	#container .contents h3:before {
		display: inline-block;
		width: 2em;
		height: 2em;
		margin-right: .6em;
		line-height: 2em;
	}
	#container .border{
		margin-bottom: 14%;
		padding: 7% 6%;
		line-height: 1.53;
		font-size: 108%;
	}
	#container .border dt{
		float: none;
		width: 100%;
		margin-bottom: 2%;
		font-size: 115%;
	}
	#container .border dd{
		float: none;
		width: 100%;
	}
	#container .border dt:not(:nth-of-type(1)),
	#container .border dd:not(:nth-of-type(1)){
		margin-top:0;
	}
	#container .border dt:not(:first-child){
		margin-top: 6%;
	}
	#container .note{
		font-size: 84%;
	}
	#container .indent{
		line-height: inherit;
	}
	
}