@charset "utf-8";
.faq {
	padding:70px 0;
	background:var(--bg-gray-color);
}
.faq__inner {
	width:var(--content-width);
	margin:0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.faq__content {
	width:516px;
	/* width: 100%; */
}
.faq__content--title {
	height:120px;
	margin-bottom:16px;
	position: relative;
	display: flex;
	align-items: center;
}
.faq__content--title h3 {
	font-size:40px;
	color:var(--main-black-color);
	line-height:1;
	position: relative;
	z-index: 2;
	font-weight: 700;
}
.faq__content--title p {
	font-size:120px;
	font-weight: 700;
	position: absolute;
	left: 0;
	top:0;
	color:rgba(50,50,50,.1);
	line-height:100px;
}
.faq__list {
	margin-bottom:10px;
}
.faq__list dt {
	display: flex;
	align-items: center;
	background:#FFF;
	padding:32px 50px 32px 20px;
	line-height:1.5;
	font-weight: 700;
	color:#414141;
	transition:all 0.2s ease;
	cursor:pointer;
	position: relative;
}
.faq__list dt:before,
.faq__list dt:after {
	content:'';
	position: absolute;
	width:18px;
	height:2px;
	background: #414141;
	right:20px;
	top:50%;
	margin-top:-1px;
	transition: all 0.2s ease;
}
.faq__list dt:after {
	transform:rotate(90deg);
	transition: all 0.2s ease;
}
.faq__list dt .qmark {
	font-size:20px;
	display: block;
	flex-shrink: 0;
	margin-right:10px;
	line-height:1;
	font-weight: 700;
}
.faq__list.is-active dt {
	background:var(--main-black-color);
	color:#FFF;
}
.faq__list.is-active dt:after {
	transform:rotate(180deg);
}
.faq__list.is-active dt:before,
.faq__list.is-active dt:after {
	background: #FFF;
}
.faq__list dd {
	background:#FFF;
	padding:32px 32px 32px 48px;
	line-height:1.5;
	background:#FFF url(../img/faq/answer_bg.svg) no-repeat 0 10px / 160px;
	font-size:14px;
	display: none;
}
.caution-color {
	color:#F00;
}
.caution-color a{
	color: #F00;
}
@media screen and (max-width: 768px){
	.faq {
		padding:12.5vw 0;
	}
	.faq__content {
		width:100%;
	}
	.faq__content--title {
		height:18.75vw;
		margin-bottom:7vw;
	}
	.faq__content--title h3 {
		font-size:3rem;
	}
	.faq__content--title p {
		font-size:6.8rem;
		line-height:16.55vw;
	}
	.faq__list {
		margin-bottom:3vw;
	}
	.faq__list dt {
		background:#FFF;
		padding:5vw 10vw 5vw 3.125vw;
		font-size:1.6rem;
	}
	.faq__list dt:before,
	.faq__list dt:after {
		right:3vw;
	}
	.faq__list dt .qmark {
		font-size:2rem;
		margin-right:4vw;
	}
	.faq__list dd {
		padding:5vw;
		background:#FFF url(../img/faq/answer_bg.svg) no-repeat 0 3vw / 31.25vw;
		font-size:1.4rem;
	}
}