@charset "utf-8";
/* CSS Document */


/*------------------------------------

	よくある質問 faq

------------------------------------*/
.faq{
	margin-bottom: 100px;
}

.faq h1{
	margin-bottom: 100px;
}

.faq dt,
.faq dd{
	color: var(--navy395);
	text-indent: -55px;
	margin-left: 55px;
}

.faq dt{
	font-weight: 700;
	margin-bottom: 20px;
}

.faq dd{
	margin-bottom: 60px;
}

.faq dt::before,
.faq dd::before{
	content: "";
	background: url("../images/common/icon_Q.png") no-repeat center/contain;
	display: inline-block;
	width: 35px;
	height: 35px;
	transform: translateY(10px);
  margin-right: 20px;
}

.faq dd::before{
	background: url("../images/common/icon_A.png") no-repeat center/contain;
}

.faq dd:not(:last-of-type)::after{
	content: "";
	display: block;
	border-bottom: 1px solid #f5f5f5;
	width: calc(100% + 55px);
	height: 1px;
	position: relative;
	top: 30px;
	left: -55px;
}




/*------------------------------------------------------------------------------------
		スマホ
------------------------------------------------------------------------------------*/



@media screen and (max-width:750px){
	
	
	
/*------------------------------------

	faq(SP)

------------------------------------*/
	.faq{
		margin-bottom: 100px;
	}

	.faq h1{
		margin-bottom: 30px;
	}

	.faq dt,
	.faq dd{
		color: var(--navy395);
		text-indent: -40px;
		margin-left: 40px;
	}

	.faq dt{
		font-weight: 700;
		margin-bottom: 10px;
	}

	.faq dd{
		margin-bottom: 20px;
	}

	.faq dt::before,
	.faq dd::before{
		content: "";
		background: url("../images/common/icon_Q.png") no-repeat center/contain;
		display: inline-block;
		width: 30px;
		height: 30px;
		transform: translateY(10px);
		margin-right: 10px;
	}

	.faq dd::before{
		background: url("../images/common/icon_A.png") no-repeat center/contain;
	}

	.faq dd:not(:last-of-type)::after{
		content: "";
		display: block;
		border-bottom: 1px solid #f5f5f5;
		width: calc(100% + 40px);
		height: 1px;
		position: relative;
		top: 10px;
		left: -40px;
	}
	
	
	
	
}