@charset "UTF-8";
/* CSS Document */
/* ttlArea */
.ttlArea .inner .item .left h1:after {
	content: url("../img/faq/h1_txt.svg");
	width: 50px;
}
.ttlArea .inner .item .right .img {
	background-image: url("../img/faq/ttl_bg.webp");
}


/*faqArea*/

.faqArea .inner{
	padding: 50px 20px;
}

.faqArea .inner dl{
	padding:30px 100px 30px 150px;
}

.faqArea .inner dl:nth-child(even){
	background: rgb(236,246,251);
	background: linear-gradient(90deg, rgba(236,246,251,1) 0%, rgba(226,243,248,1) 53%, rgba(206,238,243,1) 100%);
}

.faqArea .inner dt{
	font-size:16px;
	font-weight: 700;
	position: relative;
}

.faqArea .inner dt::before{
	position: absolute;
	content: "Q";
	top:-5px;
	left:-50px;
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
	background-color: #1D5DA4;
}

.faqArea .inner dd{
	font-size: 15px;
	font-weight: 100;
	position: relative;
	padding-top:20px;
}

.faqArea .inner dd::before{
	position: absolute;
	content: "A";
	top:15px;
	left:-50px;
	display: inline-block;
	width: 36px;
	height: 36px;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	color: #fff;
	border-radius: 50%;
	background-color: #E4A456;
}


@media screen and (max-width: 1000px) {
	
.faqArea .inner{
	padding: 50px 3vw;
}

.faqArea .inner dl{
	padding:30px 50px 30px 100px;
}
}

@media screen and (max-width: 767px) {

.faqArea .inner dl{
	padding:30px 30px 30px 70px; 
}

.faqArea .inner dt{
	font-size: 14px;
}
	
.faqArea .inner dt::before{
	top:-3px;
	left:-40px;
	width: 30px;
	height: 30px;
	font-size: 16px;
}
	
.faqArea .inner dd{
	font-size: 13px;
}

.faqArea .inner dd::before{
	top:20px;
	left:-40px;
	width: 30px;
	height: 30px;
	font-size: 16px;
}
}	

@media screen and (max-width: 600px) {

.faqArea .inner{
	padding: 40px 3vw;
}
	
.faqArea .inner dl{
	padding:20px 20px 20px 60px;
}
}	

@media screen and (max-width: 400px) {

}