@charset "utf-8";

#subVisual .wrapper{
	background:url(/img/subVisual/sub_04_bg.png) no-repeat;
	background-position:right bottom;
	background-size:auto 76%;
}

#banner{
	display:none;
}

#footer{
	border-top:2px solid var(--blue01);
}

/***********************

faq

***********************/

.faq_box .faq_list{
	width:100%;
	border-top:2px solid var(--gray01);
	border-bottom: 2px solid var(--gray01);
}

.faq_box .faq_list .toggle{
	display:flex;
	border-bottom:1px solid var(--gray02);
	flex-direction:column;
}

.faq_box .faq_list .toggle h4{
	display:flex;
	justify-content:space-between;
	align-items:center;
	cursor:pointer;
	padding:15px 50px;
}

.faq_box .faq_list .toggle h4 .q_tit{
	display:flex;
	align-items:center;
	width: 90%;
}

.faq_list .toggle .icn{
	display:flex;
	width:60px;
	height:60px;
	border-radius:50%;
	justify-content:center;
	align-items:center;
}

.faq_list .toggle .q_tit i{
	background-color:var(--blue04);
	color:var(--white);
	font-size:1.25rem;
	font-weight:700;
}

.faq_list .toggle .a_tit i{
	background-color:var(--blue03);
	color:var(--blue01);
	font-size:1.25rem;
	font-weight:600;
}

.faq_list .toggle h4 p{
	padding-left:50px;
	margin-left:50px;
	position:relative;
	font-size:1.25rem;
	font-weight:600;
	line-height: 60px;
	width:80%;
	word-break: keep-all;
}

.faq_list .toggle h4 p:before{
	content:'';
	position:absolute;
	width:1px;
	height:60px;
	background-color:var(--gray02);
	left:0;
	top:0;
}

.faq_list .answer{
	display:flex;
	padding:15px 50px;	
	border-bottom:1px solid var(--gray02);
}

.faq_list .answer p{
	position:relative;
	padding-left:50px;
	margin-left:50px;
	font-size:1.125rem;
	line-height:1.5;
	color:var(--gray01);
	word-break:keep-all;
}

.faq_list .answer p:before{
	content:'';
	position:absolute;
	width:1px;
	height:60px;
	background-color:var(--gray02);
	left:0;
	top:0;
}

.faq_list .toggle .arr{
	width:60px;
	height:60px;
	background-color:var(--blue04);
	border:1px solid var(--blue04);
	border-radius:50%;
	display:flex;
	justify-content:center;
	align-items:center;
}

.faq_list .toggle .arr img{
	filter: brightness(100);
	transition:0.5s;
}

.faq_list .toggle_tit.open .arr{
	background-color:var(--white);
	border:1px solid var(--blue04);
	transition:1s;
}

.faq_list .toggle_tit.open .arr img{
	filter:none;
	transform:rotate(180deg);
	marign-left:2px;
}

.faq_list .toggle_tit.open{
	border-bottom:1px solid var(--gray02);
}

.faq_list>li:last-child{
	border:0;
}

@media screen and (max-width:1300px){
	.faq_list .answer p br{
		display:none;
	}
}

@media screen and (max-width:989px){
	.faq_list .toggle .icn{
		width:50px;
		height:50px;
	}

	.faq_list .answer p:before{
		height:50px;
	}

	.faq_list .toggle h4 p:before{
		height:50px;
	}

	.faq_list .answer p{
		padding-left:40px;
		margin-left:40px;
		font-size:1rem;
	}

	.faq_list .toggle h4 p{
		padding-left:40px;
		margin-left:40px;
		font-size:1.125rem;
		line-height:50px;
	}

	.faq_list .toggle .arr{
		width:50px;
		height:50px;
	}

	.faq_list .toggle .q_tit i{
		font-size:1.125rem;
	}

	.faq_list .toggle .a_tit i{
		font-size:1.125rem;
	}

	.faq_list .toggle .arr img{
		height:40%;
	}

	.faq_list .answer{
		padding:10px 40px;
	}

	.faq_box .faq_list .toggle h4{
		padding:10px 40px;
	}
}

@media screen and (max-width:767px){
	.faq_list .answer{
		padding:10px 20px;
	}

	.faq_box .faq_list .toggle h4{
		padding:10px 20px;
	}

	.faq_list .answer p{
		padding-left:20px;
		margin-left:0px;
		font-size:0.875rem;
	}

	.faq_list .toggle h4 p{
		padding-left:20px;
		margin-left:0px;
		font-size:1rem;
		line-height:1.5;
	}

	.faq_list .toggle .arr{
		width:40px;
		height:40px;
	}

	.faq_list .toggle .icn{
		width:40px;
		height:40px;
	}

	.faq_list .toggle .q_tit i{
		font-size:1rem;
	}

	.faq_list .toggle .a_tit i{
		font-size:1rem;
	}

	.faq_list .answer p:before{
		display:none;
	}

	.faq_list .toggle h4 p:before{
		display:none;
	}

}

@media screen and (max-width:460px){
	.faq_list .toggle .arr{
		width:30px;
		height:30px;
	}

	.faq_list .toggle .icn{
		width:30px;
		height:30px;
	}

	.faq_list .answer{
		padding:10px 10px;
	}

	.faq_box .faq_list .toggle h4{
		padding:10px 10px;
	}

	.faq_list .answer p{
		padding-left:10px;
	}

	.faq_list .toggle h4 p{
		padding-left:10px;
	}

	.faq_list .toggle .q_tit i{
		font-size:0.875rem;
	}

	.faq_list .toggle .a_tit i{
		font-size:0.875rem;
	}

	.faq_list .toggle .arr img{
		height:45%;
	}

}