@charset "utf-8";
#fullWrap:before{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:498px;
	height:810px;
	background:url(../img/common/bg_s1_t.png) no-repeat center center / contain;
	mix-blend-mode:hard-light
}
#fullWrap:after{
	content:'';
	position:absolute;
	right:0;
	bottom:var(--footer-height);
	width:832px;
	height:806px;
	mix-blend-mode:hard-light;
	background:url(../img/common/bg_s1_b.png) no-repeat right bottom / contain
}
@media screen and (max-width:768px){
	#fullWrap:before{
		width:100%;
		height:106.9333vw;
		background:url(../img/common/bg_s1_t-sp.png) no-repeat center top / 100% auto
	}
	#fullWrap:after{
		display: none;
/*		width:100%;
		height:107.4666vw;
		background:url(../img/common/bg_s1_b.png) no-repeat right bottom / contain*/
	}
}
.faq {
	overflow: hidden;
}
.faq__inner{
	width:960px;
	margin:0 auto 110px;
	position:relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.faq__inner{
		width:100%;
		margin:0 auto 30vw;
	}
}
@media screen and (max-width: 768px){
	.faq__lists {
		width:94%;
		margin: 0 auto;
	}
}
.faq__list {
	margin-bottom:20px;
}
@media screen and (max-width: 768px){
	.faq__list {
		margin-bottom:3.2vw;
	}
}
.faq__list dt {
	border:1px solid #c81515;
	padding:8px 60px 8px 3em;
	font-size:20px;
	font-weight: 700;
	color:#c81515;
	padding-left:3em;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
}
@media screen and (max-width: 768px){
	.faq__list dt {
		padding:2vw 7.2vw 2vw 2.6em;
		font-size:3.6vw;
	}
}
.faq__list dt:before {
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7.8px 4.5px 0 4.5px;
	border-color: #c81515 transparent transparent transparent;
	position: absolute;
	right:24px;
	top:50%;
	margin-top: -3.5px;
	transition: all 0.3s ease;
}
@media screen and (max-width: 768px){
	.faq__list dt:before {
		content:'';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 2.6vw 1.5vw 0 1.5vw;
		border-color: #c81515 transparent transparent transparent;
		position: absolute;
		right:3.2vw;
		top:50%;
		margin-top: -3.5px;
		transition: all 0.3s ease;
	}
}
.faq__list dt:hover,
.faq__list dt.active {
	background:#c81515;
	color:#FFF;
}
.faq__list dt:hover:before,
.faq__list dt.active:before {
	border-color: #FFF transparent transparent transparent;
}
.faq__list dt.active:before {
	transform:rotateX(180deg);
}
.faq__list dt .faq_q {
	display: block;
	position: absolute;
	width:3em;
	left:20px;
	top:8px;
}
@media screen and (max-width: 768px){
	.faq__list dt .faq_q {
		display: block;
		position: absolute;
		width:3em;
		left:3.2vw;
		top:2vw;
	}
}
.faq-new:after {
	content:'NEW';
	display: inline-flex;
	width:80px;
	height:26px;
	justify-content: center;
	align-items: center;
	color:#FFF;
	background: #c81515;
	font-size:16px;
	margin-left:20px;
	transition:all 0.3s ease;
	vertical-align: text-bottom;
}
@media screen and (max-width: 768px){
	.faq-new:after {
		width:13vw;
		height:4vw;
		font-size:2.4vw;
		margin-left:3vw;
		vertical-align: unset;
	}
}
.faq-new:hover:after,
.faq-new.active:after {
	background: #FFF;
	color:#c81515;
}
.faq__list dd {
	padding:24px;
	line-height:2.25;
	position: relative;
	display: none;
}
@media screen and (max-width: 768px){
	.faq__list dd {
		padding:4vw;
		font-size:3.2vw;
	}
}
.faq__answer {
	display: flex;
}
.faq__list dd .faq_a {
	display: block;
	width:2.4em;
}
.faq__answer {
	display: flex;
}
.faq__answerTexts {
	flex:1;
}
.faq__cautionW {
	min-height:100vh;
	display: flex;
	justify-content: center;
	align-items: center;
	width:960px;
	padding:40px;
	background:rgba(0,0,0,.6);
}
@media screen and (max-width:768px){
	.faq__cautionW {
		min-height:100vh;
		width:100%;
		padding:6.4vw;
		font-size:3.2vw;
	}
}