@charset "utf-8";
/* ------------------------------------------------------------

faq.css

------------------------------------------------------------ */

/* ------------------------------------------------------------
 faqList
------------------------------------------------------------ */
.faqList {
	width:100%;
	margin:0 auto 0;
}
.faqList dt,
.faqList dd{
	position:relative;
}
.faqList dt{
	font-size:1.15em;
}
.faqList dd:last-child{
	border-bottom:none;
}
.faqList dd{
	border-bottom:1px solid #111111;
}
.icon {
	display:block;
	text-align:center;
	color:#ffffff;
	border-radius:100%;
	position:absolute;
	top:0;
}
dt .icon {
	background:#4b1486;
	left:50px;
}
dd .icon {
	background:#caa380;
	left:90px;
}

@media screen and (max-width: 559px) {
	
	.faqList dt,
	.faqList dd{
		min-height:60px;
	}
	.faqList dt{
		padding:10px 10px 5px 70px;
	}
	.faqList dd{
		margin-bottom:30px;
		padding:10px 10px 20px 70px;
	}
	
	.icon {
		width:45px;
		height:45px;
		font-size:2.8rem;
		line-height:45px;
	}
	dt .icon {
		left:10px;
	}
	dd .icon {
		left:10px;
	}
	
}
@media screen and (min-width: 560px) {
	
	.faqList dt,
	.faqList dd{
		min-height:70px;
	}
	.faqList dt{
		padding:15px 15px 5px 110px;
	}
	.faqList dd{
		margin-bottom:30px;
		padding:15px 15px 25px 150px;
	}
	
	.icon {
		width:60px;
		height:60px;
		font-size:3.4rem;
		line-height:60px;
	}
	dt .icon {
		left:30px;
	}
	dd .icon {
		left:70px;
	}
	
}
@media screen and (min-width: 768px) {
	
	.faqList dt,
	.faqList dd{
		min-height:80px;
	}
	.faqList dt{
		padding:20px 20px 10px 140px;
	}
	.faqList dd{
		margin-bottom:30px;
		padding:20px 20px 30px 180px;
	}
	
	.icon {
		width:70px;
		height:70px;
		font-size:3.8rem;
		line-height:70px;
	}
	dt .icon {
		left:50px;
	}
	dd .icon {
		left:90px;
	}
	
}