@charset "UTF-8";
/* ------------------------------------
faq
--------------------------------------*/
.faqList{}
.faqList dt{
 position: relative;
 border-bottom: 1px #E4E6EC solid;
 padding: 50px 30px 22px 62px;
 line-height: 1.5;
 cursor: pointer;
}
.faqList dt::before{
 content: "Q";
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 background: var(--bggrd);
 width: 45px;
 height: 45px;
 padding: 0 0 5px;
 color: #fff;
 font-size: 24px;
 font-weight: 700;
 line-height: 1;
 box-sizing: border-box;
 position: absolute;
 top: 40px;
 left: 0;
}
.faqList dt::after{
 content: "";
	position: absolute;
	top: 50px;
	right: 5px;
	display: block;
	border-bottom: 2px var(--basegr) solid;
	border-right: 2px var(--basegr) solid;
	width: 12px;
	height:12px;
	-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.faqList dt.active{
 border-bottom: none;
}
.faqList dt.active::after{
	-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}

.faqList dd{
 position: relative;
 border-bottom: 1px #E4E6EC solid;
 padding: 30px 0 20px 62px;
}
.faqList dd::before{
 content: "A";
 display: flex;
 align-items: center;
 justify-content: center;
 border-radius: 50%;
 background: var(--bggrd);
 width: 45px;
 height: 45px;
 color: #fff;
 font-size: 24px;
 font-weight: 700;
 line-height: 1;
 position: absolute;
 top: 25px;
 left: 0;
}

@media screen and (min-width: 769px) {}/*-PC only-*/

@media screen and (max-width: 768px) {}/*-SP only-*/