@charset "utf-8";
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
.mainImg {
	background-image: url(../img/faq/main_img.jpg);
}
#main .content {
	max-width: 841px;
}
#main p {
	font-size: 2rem;
	line-height: 1.95;
}
#main .txt {
	margin: -5px -90px 50px 3px;
}
#main .faqBox {
	margin-bottom: 50px;
	padding: 40px 0 56px;
	background-color: #FAFAFA;
}
#main .linkUl {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#main .linkUl > li {
	width: 385px;
}
#main .linkUl ul li {
	margin-bottom: 28px;
}
#main .linkUl li a {
	display: block;
	font-size: 2rem;
	font-weight: bold;
	padding: 16px 20px 17px 50px;
	background: url(../img/common/icon08.png) no-repeat left 11px center;
	border-bottom: 1px solid #C8C8C8;
}
#main .linkUl li a:hover {
	opacity: 0.5;
}
#main .faqInner {
	margin-bottom: 50px;
	padding: 61px 0 135px;
	background-color: #EDEFF1;
}
#main .faqInner:last-child {
	margin-bottom: 0;
}
#main .faqInner h3 {
	margin: 0 10px 30px;
	font-size: 2.8rem;
	color: #142355;
}
#main .faqDl {
	margin-bottom: 50px;
	padding: 41px 70px 57px 61px;
	border: 1px solid #C8C8C8;
	background-color: #fff;
}
#main .faqDl:last-child {
	margin-bottom: 0;
}
#main .faqDl dt {
	min-height: 62px;
	margin-bottom: 46px;
	padding-left: 60px;
	font-size: 2rem;
	font-weight: bold;
	color: #142355;
	line-height: 1.85;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	background: url(../img/faq/imgtext01.png) no-repeat left top 10px;
}
#main .faqDl dd {
	min-height: 46px;
	padding-left: 57px;
	font-size: 1.6rem;
	line-height: 1.875;
	display: flex;
	align-items: flex-end;
	background: url(../img/faq/imgtext02.png) no-repeat left top 10px;
}

@media all and (max-width: 896px) {
	#main .txt {
		margin: -15px 0 25px;
		text-align: center;
	}
	#main .mainImg {
		background-image: url("../img/faq/main_img_sp.jpg");
	}
	#main p {
		font-size: 1.3rem;
		line-height: 1.96;
	}
	#main .faqBox {
		margin-bottom: 38px;
		padding: 35px 0;
	}
	#main .linkUl {
		display: block;
	}
	#main .linkUl > li {
		width: auto;
	}
	#main .linkUl ul li {
		margin-bottom: 0;
	}
	#main .linkUl li a {
		padding: 15px 10px 15px 42px;
		font-size: 1.3rem;
		letter-spacing: 0.1em;
		border-color: #C7C7C7;
		background-position: left 16px top 21px;
		background-size: 11px auto;
	}
	#main .faqInner {
		margin-bottom: 40px;
		padding: 45px 0 73px;
	}
	#main .faqInner h3 {
		margin: 0 5px 20px;
		font-size: 1.7rem;
	}
	#main .faqDl {
		margin-bottom: 38px;
		padding: 30px 20px 35px;
		border-color: #C7C7C7;
	}
	#main .faqDl dt {
		min-height: 40px;
		margin: 0 -0 31px 0;
		padding-left: 35px;
		font-size: 1.4rem;
		line-height: 1.96;
		align-items: flex-start;
		background-size: 20px auto;
		background-position: left 8px;
	}
	#main .faqDl dd {
		font-size: 1.3rem;
		line-height: 1.81;
		padding-left: 32px;
		letter-spacing: 0;
		background-size: 20px auto;
		background-position: left 5px;
	}
	
}

@media all and (max-width: 374px) {
	#main .faqDl dt {
		font-size: 1.3rem;
	}
	#main p {
		font-size: 1.2rem;
	}
}


#main .faqDl dd .txtSpan {
	display: block;
	margin: 20px 0 0;
}
#main .faqDl dd .txtSpan a {
	font-weight: 500;
	font-size: 1.4rem;
	display: inline-block;
	padding-left: 70px;
	background: url(../img/faq/arrow.png) no-repeat left 5px top 9px;
	background-size: 50px auto;
}
#main .faqDl dd .txtSpan a:hover {
	opacity: 0.7;
}

@media all and (max-width: 896px) {
	#main .faqDl dd .txtSpan a {
		font-size: 1rem;
		line-height: 1.65;
		padding-left: 50px;
		background-size: 35px auto;
		background-position: left 0 top 5px;
	}
}