@CHARSET "utf-8";






/* PC版Faq用CSS */

dl.faq-list{
	padding:40px;
	background:#ffffff;
}

dl.faq-list > div{
	margin-bottom:10px;
}

dl.faq-list > div > dt{
	position:relative;
	background:#ffeecc;
	font-size:20px;
}

dl.faq-list > div > dt button{
	display:block;
	width:100%;
	padding:10px 60px 10px 20px;
	transition:.3s;
}

dl.faq-list > div > dt button::before{
	content:"";
	width:20px;
	height:2px;
	position:absolute;
	top:50%;
	top:calc(50% - 1px);
	right:0;
	background:#555555;
	margin-right:14px;
	transition:.3s;
}

dl.faq-list > div > dt button::after{
	content:"";
	width:20px;
	height:2px;
	position:absolute;
	top:50%;
	right:0;
	background:#555555;
	transform: translateY(-50%) rotate(90deg);
	margin-right:14px;
	transition:.3s;
}

dl.faq-list > div > dt button:hover{
	background:#f39824;
	color:#ffffff;
}

dl.faq-list > div > dt button:hover::before,
dl.faq-list > div > dt button:hover::after{
	background:#ffffff;
}

	/* 開いた状態（×にする） */


dl.faq-list > div > dt button.opening::before{
  transform: translateY(-50%) rotate(-45deg);
}


dl.faq-list > div > dt button.opening::after{
  transform: translateY(-50%) rotate(45deg);
}


/* 回答 */

dl.faq-list > div > dd{
	display:none;
	padding:20px;
}

dl.faq-list > div > dd p{
	font-size:18px;
}

dl.faq-list > div > dd p .faq-list-item-emphasis{
	font-size:34px;
	line-height:1;
}