@charset "UTF-8";

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

#container .contents{
	margin-bottom: 80px;
}
#container h3{
	margin-bottom: 40px;
	padding-left: 9px;
	font-size: 142.8%;
	border-left: 3px solid #000;
}
#container .accordion{
	margin-bottom: 30px;
}
#container .accordion dt{
	padding: 23px 92px;
	border: 1px solid #e8e8e8;
	border-left: none;
	font-size: 128.5%;
	cursor: pointer;
	transition: all ease .5s;
	position: relative;
	/*background-repeat:  no-repeat;
	background-position: left center;
	background-size: 54px auto;*/	
}
/*#container .accordion dt span{
	font-size: 155%;
	color: #fff;
	position: absolute;
	top: 23px;
	left: 40px;
	letter-spacing: 0;
}*/
#container .accordion dt:before{
	width: 73px;
	height: 100%;
	content: "";
	background-color: #000;
	/*background-image: url(../img/q1.png);*/
	background-repeat:  no-repeat;
	background-position: center center;
	background-size: 48px auto;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
/*#container .accordion:nth-child(n+10) dt span{
	left: 32px;
}
#container .accordion:nth-child(n+10) dt:before{
	background: #000 url(../img/q.png) no-repeat 10px center;
	background-size: 18px auto;
}*/
#container .accordion dt:after{
	width: 68px;
	height: 100%;
	content: "";
	background: url(../img/off.png) no-repeat center center;
	background-size: 17px auto;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #e8e8e8;
}
#container .accordion dt.active:after{
	background: url(../img/on.png) no-repeat center center;
	background-size: 17px auto;
	border-left: 1px solid #fff;
}
#container .accordion dt.active{
	background: #40b6e8;
	border: none;
	color: #fff;
}
#container .accordion dd{
	padding: 35px 58px 8px 96px;
	background: url(../img/a.png) no-repeat 27px 35px;
	background-size: 23px auto;
	border: 1px solid #e8e8e8;
	display: none;
	line-height: 2;
}
#container .accordion dd p{
	margin-bottom: 15px;
}
#container .accordion dd a{
	padding-bottom: 2px;
	display: inline-block;
	line-height: 1.5;
}
#container .telLink{
	font-weight: bold;
}

/*------------------------------------------------
     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 .accordion{
		margin-bottom: 5%;
	}
	#container .accordion dt{
		/*min-height: 16%;*/
		padding: 5% 15% 5% 18%;
		font-size: 125%;
	}
	/*#container .accordion dt span{
		font-size: 140%;
	}*/
	#container .accordion dt:before{
		width: 14.6%;
		/*background: #000 url(../img/q.png) no-repeat 22% center;*/
		background-size: 70.9% auto;
		left: -2px;
	}
	#container .accordion dt:after{
		width: 13.3%;
		background: url(../img/off.png) no-repeat center center;
		background-size: 40% auto;
	}
	#container .accordion dd{
		padding: 32px 7% 0 15%;
		background: url(../img/a.png) no-repeat 3.6% 30px;
		background-size: 5% auto;
		border-right: none;
		border-left: none;
	}
	#container .accordion dd p{
		margin-bottom: 32px;
	}
	
}